/*! jQuery UI - v1.13.3 - 2024-04-26
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=%22alpha(opacity%3D30)%22&opacityFilterOverlay=%22alpha(opacity%3D30)%22&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright OpenJS 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-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

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

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

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

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* 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;
	font-size: 100%;
}

.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-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}

.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}

.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-wrapper {
	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-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.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: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}

.ui-checkboxradio-disabled {
	pointer-events: none;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.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;
}

/* Icons */

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-dialog {
	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-n {
	height: 2px;
	top: 0;
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: 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-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%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.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;
	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-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-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;
	margin-left: -.6em;
}

.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: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}

.ui-spinner-button {
	width: 1.6em;
	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-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

.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;
}

body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

.ui-widget-content a {
	color: #333333;
}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}

.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.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,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.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;
	-ms-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;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}

.ui-state-disabled .ui-icon {
	-ms-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("./ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("./ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("./ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("./ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("./ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("./ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
	background-image: url("./ui-icons_777777_256x240.png");
}

/* positioning */

/* Three classes needed to override `.ui-button:hover .ui-icon` */

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}

.ui-icon-caret-1-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

.ui-icon-caret-1-e { background-position: -32px 0; }

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-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: -65px -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: -65px -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: 1px -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: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: "alpha(opacity=.3)"; /* support: IE8 */
}

.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

:root {
  --fz-html: 62.5%;
  --fz-base: 1.7rem;
  --fw-base: 400;
  --lh-base: 1.47;
  --ff-base: "Open Sans", sans-serif;
  --ff-roboto: "Roboto", sans-serif;
  --ff-cheapPineSans: "CheapPineSans", sans-serif;
  --t-duration: 0.4s;
  --c-base: #313131;
  --c-black: #000;
  --c-white: #fff;
  --c-green: #c1b561;
  --c-green-2: #005c5e;
  --c-green-3: #0e5364;
  --c-orange: #f38630;
  --c-blue: #44c8e8;
}

* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}

template {
  display: none;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-size-adjust: none;
}

img,
iframe,
video,
audio,
object {
  max-width: 100%;
}

img,
iframe {
  border: 0 none;
}

img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

img,
[style*=background-image] {
  image-rendering: -webkit-optimize-contrast;
}

b,
strong {
  font-weight: bold;
}

address {
  font-style: normal;
}

svg:not(:root) {
  overflow: hidden;
}

a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
  cursor: pointer;
}

a[href^=tel],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=button],
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
textarea,
a[href^=tel] {
  appearance: none;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  appearance: none;
}

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

button,
select {
  text-transform: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

nav ul,
nav ol {
  list-style: none outside none;
}

input::placeholder {
  color: inherit;
  opacity: 1;
}

textarea::placeholder {
  color: inherit;
  opacity: 1;
}

input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

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

@font-face {
  font-family: "CheapPineSans";
  src: url("/assets/CheapPineW00-Sans.woff2") format("woff2"), url("/assets/CheapPineW00-Sans.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: var(--fz-html);
}

body {
  min-width: 320px;
  font-family: var(--ff-base);
  font-weight: var(--fw-base);
  font-size: var(--fz-base);
  line-height: var(--lh-base);
  background-color: var(--c-white);
  color: var(--c-base);
  /* menu visible */
}

body.menu-visible {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: underline;
}

@media (hover: hover) {
  a:where(:hover, :focus-visible) {
    text-decoration: none;
  }
}

a[href^=tel] {
  text-decoration: none;
}

.level-1,
h1,
.level-2,
h2,
.level-3,
h3,
.level-4,
h4,
.level-5,
h5,
.level-6,
h6 {
  margin-bottom: calc(var(--lh-base) * 0.5em);
  font-family: var(--ff-cheapPineSans);
  text-transform: uppercase;
}

.level-1,
h1 {
  font-size: 12rem;
  line-height: 0.958;
  font-weight: 500;
}

@media (max-width: 767px) {
  .level-1,
  h1 {
    font-size: 9rem;
  }
}

.level-2,
h2 {
  font-size: 5.5rem;
  line-height: 1.127;
  font-weight: 500;
}

@media (max-width: 767px) {
  .level-2,
  h2 {
    font-size: 4.5rem;
  }
}

.level-3,
h3 {
  font-size: 3.8rem;
  line-height: 1.105;
  font-weight: 500;
}

@media (max-width: 767px) {
  .level-3,
  h3 {
    font-size: 3.4rem;
  }
}

.level-4,
h4 {
  font-size: 3rem;
  line-height: 1.166;
  font-weight: 500;
}

.level-5,
h5 {
  font-size: 2.4rem;
  line-height: 1.166;
  font-weight: 500;
}

.level-6,
h6 {
  font-size: 1.8rem;
  line-height: 1.33;
  font-family: var(--ff-base);
}

p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: calc(var(--lh-base) * 0.5em);
}

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}

/* Animations */

@keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

[hidden],
.hidden {
  display: none !important;
}

[disabled],
.disabled {
  cursor: default;
}

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

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

@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

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

@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

.btn {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  border-radius: 2.1rem;
  background-color: var(--c-orange);
  padding: 1.6rem 5.2rem 1.4rem 5.4rem;
  font-size: 3rem;
  line-height: 1.1;
  color: var(--c-white);
  text-transform: uppercase;
  font-family: var(--ff-cheapPineSans);
  transition: background-color var(--t-duration) ease-in-out;
}

@media (max-width: 767px) {
  .btn {
    font-size: 2.6rem;
  }
}

@media (max-width: 374px) {
  .btn {
    font-size: 2rem;
  }
}

.btn:hover {
  background-color: var(--c-blue);
}

/* btn with green background */

.btn--green {
  background-color: var(--c-green);
}

/* btn with dark green background */

.btn--dark-green {
  background-color: var(--c-green-2);
}

.btn--dark-green:hover {
  background-color: var(--c-orange);
}

/* btn with blue background */

.btn--blue {
  background-color: var(--c-blue);
}

.btn--blue:hover {
  background-color: var(--c-orange);
}

/* btn arrow */

.btn--arrow {
  gap: 0.8rem;
  padding: 1.5rem 2.3rem 1.4rem 2.4rem;
}

/* btn adjust */

.btn--adjust {
  border-radius: 1.7rem;
  gap: 1.5rem;
  padding: 0.8rem 2.3rem 0.9rem 2.4rem;
}

/* btn small */

.btn--small {
  padding: 1.6rem 3.3rem 1.4rem 3.3rem;
}

/* btn x-small */

.btn--x-small {
  font-size: 1.7rem;
  font-weight: 700;
  font-family: var(--ff-base);
  text-transform: none;
  text-align: left;
  justify-content: flex-start;
  padding: 2.1rem 4rem 2rem 2.2rem;
}

.btn--block {
  display: block;
  padding-inline: 0;
}

.grid-flex {
  --grid-gutter: 2rem;
  display: flex;
  flex-flow: row wrap;
  margin-inline: calc(var(--grid-gutter) / 2 * -1);
}

.grid-flex .grid__col {
  --grid-cols: 1;
  padding-inline: var(--grid-gutter);
  max-width: calc(100% / var(--grid-cols));
  flex: 0 0 calc(100% / var(--grid-cols));
}

.grid-flex .grid__col--1of2 {
  --grid-cols: 2;
}

.grid-flex .grid__col--1of3 {
  --grid-cols: 3;
}

.grid-flex .grid__col--1of4 {
  --grid-cols: 4;
}

.grid-flex .grid__col--1of5 {
  --grid-cols: 5;
}

.grid-flex .grid__col--1of6 {
  --grid-cols: 6;
}

.grid {
  --grid-cols: 1;
  --grid-gutter: 2rem;
  display: grid;
  grid-template-columns: repeat(var(--grid-cols), 1fr);
  gap: var(--grid-gutter);
}

.grid--size-1of2 {
  --grid-cols: 2;
}

.grid--size-1of3 {
  --grid-cols: 3;
}

.grid--size-1of4 {
  --grid-cols: 4;
}

.grid--size-1of5 {
  --grid-cols: 5;
}

.grid--size-1of6 {
  --grid-cols: 6;
}

.shell {
  --shell-max-width: 147.6rem;
  --shell-gutter: 1.5rem;
  max-width: calc(var(--shell-max-width) + var(--shell-gutter) * 2);
  padding-inline: var(--shell-gutter);
  margin-inline: auto;
  width: 100%;
}

/* Shell large */

.shell--large {
  --shell-max-width: 151.4rem;
}

.shell--fluid {
  max-width: none;
}

.wrapper {
  position: relative;
  min-height: 100svh;
  isolation: isolate;
}

@media (max-width: 374px) {
  .wrapper {
    overflow: hidden;
  }
}

.wrapper:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.08;
  background-image: url("/images/temp/main-decoration.png");
  background-repeat: repeat;
  background-size: contain;
  z-index: -1;
}

/* ------------------------------------------------------------ *\
	article-basic
\* ------------------------------------------------------------ */

.article-basic h3 {
  margin-bottom: 1.6rem;
}

.article-basic h3 a {
  text-decoration: none;
  color: var(--c-green-3);
  transition: color var(--t-duration) ease-in-out;
}

.article-basic h3 a:hover {
  color: var(--c-orange);
}

.article-basic .article__meta {
  display: inline-block;
  font-style: italic;
  margin-bottom: 0.3rem;
}

/* ------------------------------------------------------------ *\
	article simple
\* ------------------------------------------------------------ */

.article-simple {
  height: 100%;
  position: relative;
  border-radius: 2.5rem;
  background-color: var(--c-white);
  padding-bottom: 2.4rem;
  -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
  transition: color var(--t-duration) ease-in-out;
}

@media (max-width: 1399px) {
  .article-simple {
    height: unset;
  }
}

.article-simple:hover .article__image:before {
  opacity: 0.7;
}

.article-simple:hover {
  color: var(--c-green-2);
}

.article-simple:hover h3, .article-simple:hover h4 {
  color: var(--c-green-2);
}

.article-simple .article__link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.article-simple .article__image {
  position: relative;
  aspect-ratio: 1015/529;
  border-radius: 2.5rem 2.5rem 0 0;
  overflow: hidden;
}

.article-simple .article__image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-green-3);
  opacity: 0;
  z-index: 10;
  transition: opacity var(--t-duration) ease-in-out;
}

.article-simple .article__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-simple .article__content {
  padding: 2.7rem 12% 0 12.4%;
}

@media (max-width: 1399px) {
  .article-simple .article__content {
    padding: 5rem 2rem 0;
  }
}

.article-simple h3 {
  line-height: 0.921;
}

.article-simple h3,
.article-simple h4 {
  color: var(--c-orange);
  transition: color var(--t-duration) ease-in-out;
}

.article-simple h3:not(:last-child),
.article-simple h4:not(:last-child) {
  margin-bottom: 2rem;
}

.article-simple .article__entry {
  margin-bottom: 2rem;
}

.article-simple .article__link {
  transition: color var(--t-duration) ease-in-out;
}

.article-simple .article__link:hover {
  color: var(--c-orange);
}

/* article small */

.article-simple--small {
  padding-bottom: 1.5rem;
}

.article-simple--small .article__image {
  aspect-ratio: 469/231;
}

.article-simple--small .article__content {
  padding: 1.8rem 4.8rem 0 3.4rem;
}

@media (max-width: 1199px) {
  .article-simple--small .article__content {
    padding: 1.8rem 2rem 0 2rem;
  }
}

/* ------------------------------------------------------------ *\
	articles-basic
\* ------------------------------------------------------------ */

.articles-basic {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5rem;
}

/* ------------------------------------------------------------ *\
	articles-simple
\* ------------------------------------------------------------ */

.articles-simple {
  display: grid;
  grid-template-columns: repeat(3, minMax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 5.8rem 6.9rem;
}

@media (max-width: 1399px) {
  .articles-simple {
    gap: 3rem;
    grid-auto-rows: unset;
  }
}

@media (max-width: 1023px) {
  .articles-simple {
    grid-template-columns: repeat(2, minMax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .articles-simple {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------ *\
	box-simple
\* ------------------------------------------------------------ */

.box-simple {
  position: relative;
  padding: 1.9rem 3rem 1.6rem 2.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--c-white);
  border-radius: 2.1rem;
  line-height: 1.352;
  color: var(--c-green-3);
  transition: background-color var(--t-duration) ease-in-out;
}

.box-simple:has(.box__link):hover {
  background-color: var(--c-orange);
}

.box-simple .box__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* box simple alt */

.box-simple--alt {
  text-transform: uppercase;
  padding: 1.9rem 3rem 2.1rem 2.4rem;
  color: var(--c-white);
  font-weight: 700;
  background-color: var(--c-green);
}

/* box simple adjust */

.box-simple--adjust {
  padding: 1.7rem 3rem 1.7rem 2.9rem;
  color: var(--c-white);
  line-height: 1.352;
  font-weight: 700;
  background-color: var(--c-green);
}

/* box simple modify */

.box-simple--modify {
  padding: 2rem 1.4rem 2.2rem 2.3rem;
  color: var(--c-white);
  line-height: 1.352;
  font-weight: 700;
  background-color: var(--c-green-2);
}

.box-simple--modify:has(.box__link):hover {
  background-color: var(--c-green);
}

/* ------------------------------------------------------------ *\
	box
\* ------------------------------------------------------------ */

.box {
  position: relative;
  padding: 2rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  min-height: 18.3rem;
  border-radius: 1.7rem;
  overflow: hidden;
  color: var(--c-white);
  line-height: 1.352;
  isolation: isolate;
}

.box:hover .box__image:before {
  background-color: var(--c-orange);
}

.box .box__link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 20;
}

.box .box__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.box .box__image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #005c5e;
  opacity: 0.8;
  z-index: 10;
  transition: background-color var(--t-duration) ease-in-out;
}

.box .box__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box h4 {
  font-size: 3.3rem;
  line-height: 1.06;
  margin-bottom: 1rem;
}

.box .box__entry {
  margin-bottom: 2rem;
}

/* ------------------------------------------------------------ *\
	boxes
\* ------------------------------------------------------------ */

.boxes-simple {
  display: grid;
  grid-template-columns: repeat(4, minMax(0, 1fr));
  gap: 3.7rem;
}

@media (max-width: 1399px) {
  .boxes-simple {
    gap: 2rem;
  }
}

@media (max-width: 1023px) {
  .boxes-simple {
    grid-template-columns: repeat(2, minMax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .boxes-simple {
    grid-template-columns: repeat(1, minMax(0, 1fr));
  }
}

/* ------------------------------------------------------------ *\
	boxes
\* ------------------------------------------------------------ */

.boxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.5rem 4rem;
}

@media (max-width: 1023px) {
  .boxes {
    gap: 2rem;
  }
}

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

/* ------------------------------------------------------------ *\
	destination
\* ------------------------------------------------------------ */

.destination {
  position: relative;
  min-height: 66.8rem;
  padding: 7.6rem 2rem;
  color: var(--c-white);
  font-weight: 700;
  isolation: isolate;
  text-align: center;
}

@media (max-width: 1023px) {
  .destination {
    min-height: 50rem;
    padding: 3rem 2rem 8rem;
  }
}

.destination .destination__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.destination .destination__background:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-black);
  opacity: 0.5;
  z-index: 10;
}

.destination .destination__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.destination .destination__image {
  margin-bottom: 5rem;
}

@media (max-width: 1023px) {
  .destination .destination__image {
    margin-bottom: 2rem;
  }
}

.destination .destination__content {
  max-width: 58.1rem;
  margin: 0 auto;
}

.destination .destination__label {
  padding: 1.7rem 3.7rem 1.2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  background-color: var(--c-orange);
  border-top-left-radius: 2.1rem;
  text-transform: uppercase;
  color: var(--c-white);
  font-size: 3rem;
  line-height: 1.1;
  font-family: var(--ff-cheapPineSans);
  font-weight: 500;
}

@media (max-width: 767px) {
  .destination .destination__label {
    font-size: 2.4rem;
    padding: 1.2rem 1rem 0.8rem;
  }
}

/* destination adjust */

.destination--adjust {
  padding: 9.6rem 2rem;
}

@media (max-width: 1023px) {
  .destination--adjust {
    min-height: 50rem;
    padding: 3rem 2rem 8rem;
  }
}

.destination--adjust .destination__image {
  margin-left: 4rem;
}

@media (max-width: 1023px) {
  .destination--adjust .destination__image {
    margin-left: 0;
  }
}

.destination--adjust .destination__content {
  max-width: 63.3rem;
}

@media (max-width: 1023px) {
  .destination--adjust .destination__content {
    max-width: 58.1rem;
  }
}

/* ------------------------------------------------------------ *\
	destinations
\* ------------------------------------------------------------ */

.destinations {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1023px) {
  .destinations {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 1fr;
  }
}

/* ------------------------------------------------------------ *\
	event
\* ------------------------------------------------------------ */

.event {
  position: relative;
  border-radius: 2.5rem 2.5rem 0 0;
  overflow: hidden;
}

.event:hover .event__image:before {
  background-color: var(--c-orange);
}

.event:hover h4 {
  color: var(--c-orange);
}

.event .event__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.event .event__image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 431/105;
}

.event .event__image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-green);
  opacity: 0.85;
  z-index: 5;
  transition: background-color var(--t-duration) ease-in-out;
}

.event .event__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event h3 {
  position: relative;
  z-index: 10;
  color: var(--c-white);
  padding: 1rem;
  margin-top: 1rem;
}

.event .event__content {
  text-align: left;
  padding: 2.2rem 3.4rem 3rem;
  background-color: var(--c-white);
  border-radius: 0 0 2.5rem 2.5rem;
}

.event h4 {
  color: var(--c-green-2);
  margin-bottom: 1.5rem;
  transition: color var(--t-duration) ease-in-out;
}

/* ------------------------------------------------------------ *\
	events
\* ------------------------------------------------------------ */

.events {
  display: grid;
  grid-template-columns: repeat(3, minMax(0, 1fr));
  gap: 5.6rem;
}

@media (max-width: 1199px) {
  .events {
    gap: 2rem;
  }
}

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

/* ------------------------------------------------------------ *\
	field
\* ------------------------------------------------------------ */

.field {
  display: block;
  width: 100%;
  height: 6.7rem;
  background-color: var(--c-white);
  border-radius: 1.7rem;
  padding: 1rem 2rem;
  border: none;
  font-size: 1.8rem;
  color: var(--c-base);
  transition: background-color var(--t-duration) ease-in-out;
}

.field:focus {
  background-color: #c2d8d8;
}

/* field small */

.field--small {
  height: 6.2rem;
}

/* field textarea */

.field--textarea {
  height: 16.5rem;
  resize: none;
}

/* field textarea small */

.field--textarea-small {
  height: 15.7rem;
}

/* ------------------------------------------------------------ *\
	filter-wrapper
\* ------------------------------------------------------------ */

.filter-wrapper {
  padding: 4.1rem 3.8rem 4.2rem;
  background-color: var(--c-green-3);
  border-radius: 1.7rem;
}

.filter-wrapper .filter__search {
  margin-bottom: 3.3rem;
}

.filter-wrapper .filter__select {
  max-width: 18.6rem;
}

/* ------------------------------------------------------------ *\
	filtration
\* ------------------------------------------------------------ */

.filtration {
  display: flex;
  gap: 7.7rem;
  /* filtratioc col size2 */
  /* filtratioc col size3 */
}

@media (max-width: 1199px) {
  .filtration {
    gap: 2rem;
  }
}

@media (max-width: 1023px) {
  .filtration {
    flex-wrap: wrap;
  }
}

.filtration .filtration__col {
  width: 100%;
  max-width: 25.2rem;
}

@media (max-width: 1023px) {
  .filtration .filtration__col {
    max-width: calc(50% - 1rem);
    order: 1;
  }
}

.filtration .filtration__col--size2 {
  max-width: 18.6rem;
}

@media (max-width: 1023px) {
  .filtration .filtration__col--size2 {
    max-width: calc(50% - 1rem);
    order: 2;
  }
}

.filtration .filtration__col--size3 {
  max-width: 65.4rem;
}

@media (max-width: 1023px) {
  .filtration .filtration__col--size3 {
    max-width: 100%;
    order: 0;
  }
}

/* ------------------------------------------------------------ *\
	footer
\* ------------------------------------------------------------ */

.footer {
  padding: 12.9rem 0 0;
  background-color: var(--c-base);
  color: var(--c-white);
  overflow: hidden;
  /* footer col size1 */
  /* footer col size2 */
  /* footer col size3 */
}

@media (max-width: 1399px) {
  .footer {
    padding-top: 6rem;
  }
}

@media (max-width: 767px) {
  .footer {
    padding: 3rem 0 0;
  }
}

.footer .footer__inner {
  padding-left: 2.3rem;
}

@media (max-width: 767px) {
  .footer .footer__inner {
    padding-left: 0;
  }
}

.footer .footer__cols {
  display: flex;
  margin: 0 -1.5rem 6.4rem;
}

@media (max-width: 1023px) {
  .footer .footer__cols {
    flex-wrap: wrap;
    margin: 0 -1.5rem 4rem;
    gap: 5rem;
  }
}

@media (max-width: 767px) {
  .footer .footer__cols {
    margin: 0 0 4rem;
  }
}

.footer .footer__col {
  padding: 0 1.5rem;
}

@media (max-width: 767px) {
  .footer .footer__col {
    padding: 0;
  }
}

.footer .footer__col--size1 {
  margin-top: 2rem;
  width: 55.3%;
  max-width: 55.3%;
}

@media (max-width: 1199px) {
  .footer .footer__col--size1 {
    width: 50%;
    max-width: 50%;
  }
}

@media (max-width: 1023px) {
  .footer .footer__col--size1 {
    width: 100%;
    max-width: 100%;
  }
}

.footer .footer__col--size2 {
  width: 29.5%;
  max-width: 29.5%;
}

@media (max-width: 1023px) {
  .footer .footer__col--size2 {
    width: 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .footer .footer__col--size2 {
    width: 100%;
    max-width: 100%;
  }
}

.footer .footer__col--size3 {
  flex: 1;
}

@media (max-width: 1023px) {
  .footer .footer__col--size3 {
    width: 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .footer .footer__col--size3 {
    width: 100%;
    max-width: 100%;
  }
}

.footer .footer__logo {
  max-width: 46.1rem;
  margin-bottom: 3.5rem;
}

@media (max-width: 1399px) {
  .footer .footer__logo {
    max-width: 36rem;
  }
}

@media (max-width: 767px) {
  .footer .footer__logo {
    max-width: 30rem;
  }
}

@media (max-width: 374px) {
  .footer .footer__logo {
    max-width: 24rem;
  }
}

.footer .footer__entry {
  margin-left: -3.5rem;
  margin-bottom: 3.8rem;
  max-width: 60rem;
}

@media (max-width: 1650px) {
  .footer .footer__entry {
    margin-left: 0;
  }
}

.footer .footer__list-partners {
  margin-left: 9.1%;
}

@media (max-width: 1023px) {
  .footer .footer__list-partners {
    margin-left: 0;
  }
}

.footer h6 {
  margin-bottom: 1rem;
  color: var(--c-green);
  text-transform: none;
}

.footer .footer__list-contacts {
  margin-bottom: 2.5rem;
}

.footer .footer__address {
  margin-bottom: 2.5rem;
}

.footer .footer__image {
  margin-left: 2.5rem;
  margin-top: 1.7rem;
}

.footer .footer__bar {
  position: relative;
  padding: 1.5rem 0 1.1rem;
  font-size: 1.5rem;
  margin-left: -3.5rem;
  font-family: var(--ff-roboto);
}

.footer .footer__bar::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -50vw;
  right: -50vw;
  height: 100%;
  background-color: var(--c-green-2);
}

@media (max-width: 1399px) {
  .footer .footer__bar {
    margin-left: 0;
  }
}

.footer .footer__copyright {
  position: relative;
}

/* ------------------------------------------------------------ *\
	form
\* ------------------------------------------------------------ */

.form {
  padding: 6rem 5rem 6.5rem;
  background-color: var(--c-green);
  border-radius: 3.8rem;
  color: var(--c-white);
  /* form col size 2 */
  /* form col size 3 */
}

@media (max-width: 1023px) {
  .form {
    padding: 5rem 2rem;
  }
}

@media (max-width: 575px) {
  .form {
    padding: 3rem 1rem;
  }
}

.form .form__inner {
  max-width: 103.3rem;
  padding-right: 0.1rem;
  margin: 0 auto;
  position: relative;
}

.form .form__head {
  margin-bottom: 4.7rem;
  text-align: center;
  padding: 0 12rem;
}

@media (max-width: 1023px) {
  .form .form__head {
    padding: 0;
  }
}

.form h2 {
  margin-bottom: 0.6rem;
  color: var(--c-white);
}

.form .form__head p:not(:last-child) {
  margin-bottom: 2rem;
}

.form .form__row ~ .form__row {
  margin-top: 2rem;
}

.form .form__cols {
  display: flex;
  justify-content: space-between;
  margin: 0 -1.5rem;
}

@media (max-width: 767px) {
  .form .form__cols {
    flex-direction: column;
    margin: 0;
    gap: 2rem;
  }
}

.form .form__col {
  width: 50%;
  max-width: 50%;
  padding: 0 1.5rem;
}

@media (max-width: 767px) {
  .form .form__col {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}

.form .form__col--size2 {
  width: 57.9%;
  max-width: 57.9%;
}

@media (max-width: 767px) {
  .form .form__col--size2 {
    width: 100%;
    max-width: 100%;
  }
}

.form .form__col--size3 {
  width: 34.8%;
  max-width: 34.8%;
}

@media (max-width: 767px) {
  .form .form__col--size3 {
    width: 100%;
    max-width: 100%;
  }
}

.form .form__label {
  display: block;
  margin-bottom: 0.9rem;
  padding-left: 0.8rem;
  color: var(--c-green-2);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.33;
}

.form .form__body {
  margin-bottom: 3.9rem;
}

.form .form__actions {
  text-align: center;
}

.form .form__btn {
  width: 100%;
  max-width: 50.1rem;
  padding: 2.4rem 2rem;
  border: none;
  background-color: var(--c-green-2);
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: none;
  font-family: var(--ff-base);
}

.form .form__btn:hover {
  background-color: var(--c-orange);
}

/* form adjust */

.form--adjust {
  padding: 7.6rem 0rem 8.5rem 9.7rem;
  /* form col size 2 */
  /* form col size 3 */
}

@media (max-width: 1650px) {
  .form--adjust {
    padding: 7rem 5rem;
  }
}

@media (max-width: 1023px) {
  .form--adjust {
    padding: 5rem 2rem;
  }
}

@media (max-width: 575px) {
  .form--adjust {
    padding: 3rem 1rem;
  }
}

.form--adjust .form__inner {
  max-width: 96.2rem;
}

.form--adjust .form__cols {
  margin: 0 -1.4rem;
}

@media (max-width: 767px) {
  .form--adjust .form__cols {
    margin: 0;
  }
}

.form--adjust .form__col {
  padding: 0 1.4rem;
}

@media (max-width: 767px) {
  .form--adjust .form__col {
    padding: 0;
  }
}

.form--adjust .form__col--size2 {
  width: 62%;
  max-width: 62%;
}

@media (max-width: 767px) {
  .form--adjust .form__col--size2 {
    width: 100%;
    max-width: 100%;
  }
}

.form--adjust .form__col--size3 {
  width: 37.1%;
  max-width: 37.1%;
}

@media (max-width: 767px) {
  .form--adjust .form__col--size3 {
    width: 100%;
    max-width: 100%;
  }
}

/* ------------------------------------------------------------ *\
	header
\* ------------------------------------------------------------ */

.header {
  position: absolute;
  top: 0;
  left: 6.7rem;
  right: 5.3rem;
  z-index: 100;
  padding: 2.4rem 0 4.8rem;
  border-radius: 0 0 2.1rem 2.1rem;
  background-color: var(--c-white);
}

@media (max-width: 1650px) {
  .header {
    left: 3rem;
    right: 3rem;
  }
}

@media screen and (max-width: 1600px) {
  .header {
    padding-bottom: 2.4rem;
  }
}

@media (max-width: 1023px) {
  .header {
    left: 1.5rem;
    right: 1.5rem;
  }
}

.header .header__inner {
  padding: 0 6.7rem 0 5.8rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
}

@media (max-width: 1650px) {
  .header .header__inner {
    padding: 0 4rem;
  }
}

@media screen and (max-width: 1600px) {
  .header .header__inner {
    flex-wrap: wrap;
    align-items: center;
  }
}

@media (max-width: 1199px) {
  .header .header__inner {
    padding: 0 2rem;
  }
}

.header .header__logo {
  margin-bottom: -0.9rem;
}

@media (max-width: 1199px) {
  .header .header__logo {
    max-width: 30rem;
  }
}

@media (max-width: 767px) {
  .header .header__logo {
    max-width: 25rem;
  }
}

@media (max-width: 374px) {
  .header .header__logo {
    max-width: 18rem;
  }
}

.header .header__aside {
  flex-shrink: 0;
}

@media screen and (max-width: 1600px) {
  .header .header__aside {
    display: contents;
    opacity: 0;
  }
}

@media (max-width: 1023px) {
  .header .header__aside {
    display: block;
    position: absolute;
    top: 0;
    left: -1.5rem;
    right: -1.5rem;
    height: 101vh;
    height: 101dvh;
    padding-top: 12rem;
    padding-bottom: 5rem;
    background-color: var(--c-white);
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--t-duration) ease-in-out;
  }
}

.header .header__bar {
  margin-bottom: 3.1rem;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 1600px) {
  .header .header__bar {
    margin-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .header .header__bar {
    order: 2;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 1600px) {
  .header .header__menu {
    display: contents;
  }
}

@media (max-width: 1023px) {
  .header .header__menu {
    height: 100%;
    display: block;
    padding: 0 4rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 4rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.header .header__menu-content {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1600px) {
  .header .header__menu-content {
    width: 100%;
    max-width: 100%;
    justify-content: flex-end;
  }
}

@media (max-width: 1023px) {
  .header .header__menu-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
  }
}

.header .header__search {
  display: inline-block;
  color: var(--c-green-2);
  margin-left: 2.8rem;
  margin-bottom: -0.5rem;
  transition: color var(--t-duration) ease-in-out;
}

@media (max-width: 1023px) {
  .header .header__search {
    margin-left: 0;
    margin-bottom: 0;
  }
}

.header .header__search:hover {
  color: var(--c-orange);
}

.header .header__nav {
  padding-top: 0.1rem;
}

.header .header__btn {
  margin-left: 3.6rem;
}

@media (max-width: 1023px) {
  .header .header__btn {
    margin-left: 0;
  }
}

.header .header__nav-trigger {
  display: none;
}

@media (max-width: 1023px) {
  .header .header__nav-trigger {
    display: inline-block;
  }
}

.header.menu-visible .header__aside {
  pointer-events: all;
  opacity: 1;
}

.header.menu-visible .header__nav-trigger span {
  top: 50%;
  transition: transform var(--t-duration) var(--t-duration), top var(--t-duration), opacity var(--t-duration) ease-in-out;
}

.header.menu-visible .header__nav-trigger span:nth-child(1) {
  transform: rotate(45deg);
}

.header.menu-visible .header__nav-trigger span:nth-child(2) {
  opacity: 0;
}

.header.menu-visible .header__nav-trigger span:nth-child(3) {
  transform: rotate(-45deg);
}

/* ------------------------------------------------------------ *\
	hero
\* ------------------------------------------------------------ */

.hero {
  position: relative;
  min-height: 115.3rem;
  padding: 30.3rem 0 28rem;
  color: var(--c-white);
}

@media (max-width: 1023px) {
  .hero {
    min-height: 93.3rem;
    padding: 16.3rem 0 24rem;
  }
}

@media (max-width: 767px) {
  .hero {
    min-height: 82.3rem;
  }
}

.hero .hero__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero .hero__background:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #005c5e;
  opacity: 0.4;
  z-index: 10;
}

.hero .hero__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero .hero__content {
  position: relative;
  z-index: 10;
  max-width: 55rem;
}

.hero h1 {
  margin-bottom: 2rem;
}

.hero h1 span {
  color: var(--c-green);
}

.hero .hero__entry {
  margin-bottom: 2.2rem;
  margin-left: 0.2rem;
}

/* hero adjust */

.hero--adjust {
  min-height: 67rem;
  padding: 32.4rem 0 5rem;
}

@media (max-width: 1023px) {
  .hero--adjust {
    padding: 25rem 0 5rem;
  }
}

.hero--adjust .hero__background:before {
  opacity: 0.6;
}

.hero--adjust h1 {
  font-size: 10rem;
  line-height: 1;
  margin-bottom: 2.1rem;
}

.hero--adjust .hero__content {
  max-width: unset;
  margin-left: -0.2rem;
}

.hero--adjust .hero__entry {
  margin: 0;
}

/* ------------------------------------------------------------ *\
	list-contacts
\* ------------------------------------------------------------ */

.list-contacts {
  list-style-type: none;
}

.list-contacts strong {
  display: inline-block;
  margin-right: 2.2rem;
  min-width: 5.6rem;
}

.list-contacts a {
  text-decoration: none;
  transition: color var(--t-duration) ease-in-out;
}

.list-contacts a:hover {
  color: var(--c-orange);
}

/* ------------------------------------------------------------ *\
	list-details
\* ------------------------------------------------------------ */

.list-details {
  list-style-type: none;
  line-height: 1.352;
}

.list-details strong {
  margin-right: 1rem;
}

.list-details li ~ li {
  margin-top: 0.5rem;
}

/* ------------------------------------------------------------ *\
	list-links
\* ------------------------------------------------------------ */

.list-links {
  list-style-type: none;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.33;
}

.list-links li ~ li {
  margin-top: 2rem;
}

.list-links a {
  position: relative;
  display: inline-block;
  padding-left: 1.9rem;
  text-decoration: none;
  transition: color var(--t-duration) ease-in-out;
}

.list-links a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background-color: var(--c-base);
  transition: color var(--t-duration) ease-in-out;
}

.list-links a:hover {
  color: var(--c-green-3);
}

.list-links a:hover:before {
  background-color: var(--c-green-3);
}

/* list links with orange color */

.list-links--orange {
  color: var(--c-orange);
}

.list-links--orange a {
  padding-left: 0;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.47;
}

.list-links--orange a:before {
  display: none;
}

.list-links--orange li ~ li {
  margin-top: 3rem;
}

/* ------------------------------------------------------------ *\
	list-logos
\* ------------------------------------------------------------ */

.list-logos {
  list-style-type: none;
  display: flex;
  gap: 9.8rem;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .list-logos {
    gap: 2rem;
  }
}

@media (max-width: 575px) {
  .list-logos {
    flex-wrap: wrap;
  }
}

.list-logos li:nth-child(2) {
  padding-left: 1.9rem;
  padding-top: 1rem;
}

.list-logos li:nth-child(3) {
  padding-top: 1rem;
}

/* ------------------------------------------------------------ *\
	list-partners
\* ------------------------------------------------------------ */

.list-partners {
  display: inline-flex;
  align-items: center;
  gap: 5rem;
  padding: 1.8rem 3rem 1.8rem 4.1rem;
  list-style-type: none;
  background-color: var(--c-white);
  border-radius: 2.1rem;
}

@media (max-width: 767px) {
  .list-partners {
    gap: 2rem;
    padding: 1.8rem 2rem;
  }
}

.list-partners li:nth-child(3) {
  margin-left: -1.7rem;
}

@media (max-width: 767px) {
  .list-partners li:nth-child(3) {
    margin: 0;
  }
}

/* ------------------------------------------------------------ *\
	list-plans
\* ------------------------------------------------------------ */

.list-plans {
  list-style-type: none;
}

.list-plans li {
  position: relative;
  padding-left: 1.8rem;
}

.list-plans li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 100%;
  background-color: var(--c-green);
}

.list-plans li ~ li {
  margin-top: 3rem;
}

@media (max-width: 1199px) {
  .list-plans li ~ li {
    margin-top: 1rem;
  }
}

/* ------------------------------------------------------------ *\
	list-staff
\* ------------------------------------------------------------ */

.list-staff {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6.3rem 11rem;
}

@media (max-width: 1023px) {
  .list-staff {
    gap: 5rem;
  }
}

@media (max-width: 767px) {
  .list-staff {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 3rem;
  }
}

@media (max-width: 575px) {
  .list-staff {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.list-staff h3 {
  color: var(--c-green);
  margin-bottom: 2rem;
}

.list-staff .list__btn {
  padding-left: 1.6rem;
  text-decoration: none;
  transition: opacity var(--t-duration) ease-in-out;
}

.list-staff .list__btn:hover {
  opacity: 0.8;
}

.list-staff .list__actions {
  margin: -0.9rem 0 0 -1.5rem;
}

@media (max-width: 1199px) {
  .list-staff .list__actions {
    margin: 0;
  }
}

.list-staff .list__actions h3 {
  margin-bottom: 3rem;
}

/* ------------------------------------------------------------ *\
	logo
\* ------------------------------------------------------------ */

.logo {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 39.5rem;
}

.logo img {
  width: 100%;
}

/* ------------------------------------------------------------ *\
	map
\* ------------------------------------------------------------ */

.map .map__inner {
  border-radius: 2.5rem;
  aspect-ratio: 1471/829;
}

@media (max-width: 767px) {
  .map .map__inner {
    aspect-ratio: 1471/1200;
  }
}

/* ------------------------------------------------------------ *\
	nav-secondary
\* ------------------------------------------------------------ */

.nav-secondary {
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 700;
  color: #a7a7a7;
  /* is active */
}

.nav-secondary > ul {
  list-style-type: none;
  display: flex;
}

@media (max-width: 575px) {
  .nav-secondary > ul {
    flex-direction: column;
    gap: 2rem;
  }
}

.nav-secondary > ul > li ~ li {
  position: relative;
  margin-left: 0.9rem;
  padding-left: 0.9rem;
}

@media (max-width: 575px) {
  .nav-secondary > ul > li ~ li {
    margin: 0;
    padding: 0;
  }
}

.nav-secondary > ul > li ~ li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.3rem;
  height: 1.7rem;
  width: 0.2rem;
  background-color: #a7a7a7;
}

@media (max-width: 575px) {
  .nav-secondary > ul > li ~ li:before {
    display: none;
  }
}

.nav-secondary > ul > li > a {
  display: inline-block;
  text-decoration: none;
  transition: color var(--t-duration) ease-in-out;
}

.nav-secondary > ul > li > a:hover {
  color: var(--c-green);
}

.nav-secondary .is-active {
  color: var(--c-green);
}

/* ------------------------------------------------------------ *\
	nav-trigger
\* ------------------------------------------------------------ */

.nav-trigger {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 2.3rem;
  height: 1.6rem;
  transition: opacity var(--t-duration), transform var(--t-duration) ease-in-out;
}

@media (hover: hover) {
  .nav-trigger:hover {
    opacity: 0.8;
  }
}

.nav-trigger span {
  display: block;
  background-color: var(--c-black);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  transition: transform var(--t-duration), top var(--t-duration) var(--t-duration), opacity var(--t-duration) ease-in-out;
}

.nav-trigger span:nth-child(2) {
  top: 50%;
}

.nav-trigger span:nth-child(3) {
  top: 100%;
}

/* ------------------------------------------------------------ *\
	nav
\* ------------------------------------------------------------ */

.nav {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--c-green-2);
  /* dropdown */
  /* dropdown active */
}

@media (max-width: 1199px) {
  .nav {
    font-size: 1.6rem;
  }
}

@media (max-width: 1023px) {
  .nav {
    font-size: 2rem;
  }
}

.nav > ul {
  list-style-type: none;
  display: flex;
  gap: 2.8rem;
}

@media (max-width: 1199px) {
  .nav > ul {
    gap: 1.5rem;
  }
}

@media (max-width: 1023px) {
  .nav > ul {
    flex-direction: column;
  }
}

.nav > ul > li > a {
  display: inline-block;
  text-decoration: none;
  transition: color var(--t-duration) ease-in-out;
}

@media (hover: hover) {
  .nav > ul > li > a:hover {
    color: var(--c-orange);
  }
}

.nav .has-dropdown {
  position: relative;
}

.nav .has-dropdown:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 6.6rem;
}

@media (hover: hover) {
  .nav .has-dropdown:hover > a {
    color: var(--c-orange);
  }
}

@media (hover: hover) {
  .nav .has-dropdown:hover > .dropdown {
    opacity: 1;
    pointer-events: all;
  }
}

.nav .has-dropdown > .dropdown {
  position: absolute;
  top: calc(100% + 6.6rem);
  left: -1.2rem;
  min-width: 35.4rem;
  border-top: 0.3rem solid var(--c-orange);
  background-color: var(--c-white);
  opacity: 0;
  pointer-events: none;
  border-radius: 0 0 1.7rem 1.7rem;
  transition: opacity var(--t-duration) ease-in-out;
}

@media screen and (max-width: 1600px) {
  .nav .has-dropdown > .dropdown {
    top: calc(100% + 4.1rem);
  }
}

@media (max-width: 1199px) {
  .nav .has-dropdown > .dropdown {
    top: calc(100% + 4.3rem);
  }
}

@media (max-width: 1023px) {
  .nav .has-dropdown > .dropdown {
    position: static;
    min-width: unset;
    border: none;
    opacity: 1;
    pointer-events: all;
    border-radius: 0;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--t-duration) ease-in-out;
  }
}

.nav .has-dropdown > .dropdown > ul {
  list-style-type: none;
  padding: 2.5rem 2.9rem 2.9rem;
}

@media (max-width: 1023px) {
  .nav .has-dropdown > .dropdown > ul {
    overflow: hidden;
    transition: padding var(--t-duration) ease-in-out;
    font-size: 1.8rem;
    padding: 0 1rem;
  }
}

.nav .has-dropdown > .dropdown > ul > li ~ li {
  margin-top: 3.7rem;
}

@media (max-width: 1023px) {
  .nav .has-dropdown > .dropdown > ul > li ~ li {
    margin-top: 1rem;
  }
}

.nav .has-dropdown > .dropdown > ul > li > a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  color: var(--c-base);
  transition: color var(--t-duration) ease-in-out;
}

.nav .has-dropdown > .dropdown > ul > li > a:hover {
  color: var(--c-orange);
}

@media (max-width: 1023px) {
  .nav .has-dropdown > .dropdown > ul > li > a {
    font-weight: 700;
    color: var(--c-orange);
  }
}

.nav .dropdown-active .dropdown {
  opacity: 1;
}

@media (max-width: 1023px) {
  .nav .dropdown-active .dropdown {
    grid-template-rows: 1fr;
  }
}

@media (max-width: 1023px) {
  .nav .dropdown-active .dropdown > ul {
    padding: 1rem 1rem 0;
  }
}

/* ------------------------------------------------------------ *\
	paging
\* ------------------------------------------------------------ */

.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  /* is current */
}

.paging ol {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.paging li:not(:last-child) {
  margin-right: 2.2rem;
}

.paging li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 100%;
  border: 0.1rem solid var(--c-orange);
  color: var(--c-orange);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background-color var(--t-duration), color var(--t-duration) ease-in-out;
}

.paging li a:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}

.paging .paging__prev,
.paging .paging__next {
  margin: 0 2rem;
  transition: opacity var(--t-duration) ease-in-out;
}

.paging .paging__prev:hover,
.paging .paging__next:hover {
  opacity: 0.8;
}

.paging .is-current:not(:last-child) {
  margin-right: 1.8rem;
}

.paging .is-current a {
  background-color: var(--c-orange);
  color: var(--c-white);
  width: 5rem;
  height: 5rem;
  font-size: 3rem;
}

/* ------------------------------------------------------------ *\
	panel
\* ------------------------------------------------------------ */

.panel {
  background-color: var(--c-green-2);
  color: var(--c-white);
  border-radius: 3.5rem;
  padding: 4.4rem 9.3rem 4.1rem 13.7rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1rem;
  /* panel entry offset top */
}

@media (max-width: 1399px) {
  .panel {
    padding: 3rem 9rem;
  }
}

@media (max-width: 1199px) {
  .panel {
    padding: 3rem 5rem;
  }
}

@media (max-width: 1023px) {
  .panel {
    display: block;
    padding: 0;
  }
}

.panel .panel__title {
  position: relative;
  width: calc(37% - 0.5rem);
  margin-top: -1.3rem;
}

@media (max-width: 1023px) {
  .panel .panel__title {
    margin-top: 0;
    width: 100%;
    padding: 3rem 5rem;
    background-color: var(--c-green);
  }
}

.panel .panel__title:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -30.2rem;
  right: -11.2rem;
  bottom: -30rem;
  width: 18rem;
  background-color: var(--c-green-2);
  transform: rotate(29deg);
  z-index: 10;
}

@media (max-width: 1199px) {
  .panel .panel__title:before {
    right: -13.2rem;
    width: 21rem;
  }
}

@media (max-width: 1023px) {
  .panel .panel__title:before {
    display: none;
  }
}

.panel .panel__title:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -30rem;
  right: 0;
  bottom: -30rem;
  width: 50vw;
  background-color: var(--c-green);
}

@media (max-width: 1650px) {
  .panel .panel__title:after {
    right: -2rem;
    width: 60vw;
  }
}

@media (max-width: 1023px) {
  .panel .panel__title:after {
    display: none;
  }
}

.panel .panel__aside {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 7rem;
  width: calc(63.9% - 0.5rem);
}

@media (max-width: 1199px) {
  .panel .panel__aside {
    gap: 2rem;
  }
}

@media (max-width: 1023px) {
  .panel .panel__aside {
    width: 100%;
    display: block;
    padding: 0 5rem 3rem;
  }
}

.panel h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.panel .panel__entry {
  max-width: 36.4rem;
}

@media (max-width: 1023px) {
  .panel .panel__entry {
    max-width: 100%;
  }
}

.panel .panel__entry--offset-top {
  padding-top: 2.1rem;
}

/* ------------------------------------------------------------ *\
	partner
\* ------------------------------------------------------------ */

.partner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: var(--c-white);
  text-align: center;
  padding: 0.3rem;
  border-radius: 1.7rem;
  overflow: hidden;
}

.partner:hover .partner__content {
  opacity: 1;
}

@media (max-width: 1199px) {
  .partner:hover .partner__link {
    animation: delay-pointer-events 0.3s linear;
    pointer-events: all;
  }
}

.partner .partner__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.partner .partner__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--c-white);
  background-color: rgba(243, 134, 48, 0.9294117647);
  opacity: 0;
  transition: opacity var(--t-duration) ease-in-out;
}

.partner .partner__content ul {
  list-style-type: none;
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 700;
}

/* ------------------------------------------------------------ *\
	partners
\* ------------------------------------------------------------ */

.partners {
  display: grid;
  grid-template-columns: repeat(5, minMax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 2.3rem;
}

@media (max-width: 1199px) {
  .partners {
    grid-template-columns: repeat(4, minMax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .partners {
    grid-template-columns: repeat(2, minMax(0, 1fr));
  }
}

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

/* ------------------------------------------------------------ *\
	search
\* ------------------------------------------------------------ */

.search {
  position: relative;
}

.search input {
  display: block;
  width: 100%;
  height: 6.3rem;
  padding: 1rem 7rem 1rem 2.3rem;
  background-color: var(--c-white);
  border-radius: 1.7rem;
  border: none;
  color: var(--c-orange);
  font-size: 3rem;
  font-weight: 500;
  font-family: var(--ff-cheapPineSans);
  line-height: 1.1;
  text-transform: uppercase;
}

.search .search__btn {
  position: absolute;
  right: 2.3rem;
  top: 1.7rem;
  background-color: transparent;
  border-radius: 0;
  border: none;
  transition: opacity var(--t-duration) ease-in-out;
}

.search .search__btn:hover {
  opacity: 0.8;
}

/* ------------------------------------------------------------ *\
	section-agenda
\* ------------------------------------------------------------ */

.section-agenda {
  position: relative;
  padding: 6.8rem 0 11rem;
  isolation: isolate;
  /* section group with center aligment */
  /* section title with smaller offset bottom */
  /* h2 with smaller offset bottom */
}

@media (max-width: 767px) {
  .section-agenda {
    padding: 5rem 0;
  }
}

.section-agenda .section__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-agenda .section__image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-green-3);
  opacity: 0.7;
  z-index: 10;
}

.section-agenda .section__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-agenda .section__group:nth-child(1) {
  padding-left: 4rem;
}

.section-agenda .section__group {
  margin-left: -0.3rem;
}

.section-agenda .section__group ~ .section__group {
  margin-top: 5.1rem;
}

.section-agenda .section__group--center {
  text-align: center;
}

.section-agenda .section__wrapper {
  max-width: 140.4rem;
  margin: 0 auto;
}

.section-agenda .section__title {
  color: var(--c-white);
  margin-bottom: 5.8rem;
}

.section-agenda .section__title--offset-bottom {
  margin-bottom: 4.6rem;
}

.section-agenda .section__title h2 {
  margin-bottom: 1.5rem;
}

.section-agenda h2.offset-bottom {
  margin-bottom: 2.4rem;
}

.section-agenda .section__actions {
  position: relative;
  text-align: center;
  margin: 5.6rem auto 0;
  max-width: 96rem;
  overflow: hidden;
}

.section-agenda .section__btn {
  position: relative;
}

.section-agenda .section__btn:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc(100% + 2.4rem);
  width: 100vw;
  transform: translateY(-50%);
  height: 0.2rem;
  background-color: var(--c-orange);
}

.section-agenda .section__btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: calc(100% + 2.4rem);
  width: 100vw;
  transform: translateY(-50%);
  height: 0.2rem;
  background-color: var(--c-orange);
}

.section-agenda .section__row:nth-child(2) {
  margin-bottom: 3.8rem;
}

.section-agenda .section__row:nth-child(3) {
  margin-bottom: 0.7rem;
}

.section-agenda .section__row:nth-child(4) {
  margin-bottom: 4.2rem;
}

.section-agenda .section__row {
  color: var(--c-white);
}

.section-agenda .section__row h3 {
  margin-bottom: 0.4rem;
}

.section-agenda .section__col {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  max-width: 35.5rem;
  margin-top: 1.9rem;
}

@media (max-width: 1023px) {
  .section-agenda .section__col {
    display: block;
  }
}

.section-agenda .section__col ~ .section__col {
  margin-left: 2.6rem;
  vertical-align: top;
}

@media (max-width: 1023px) {
  .section-agenda .section__col ~ .section__col {
    margin-left: 0;
  }
}

/* ------------------------------------------------------------ *\
	section-articles-basic
\* ------------------------------------------------------------ */

.section-articles-basic {
  padding: 15.3rem 0 14rem;
}

@media (max-width: 1399px) {
  .section-articles-basic {
    padding: 8rem 0;
  }
}

@media (max-width: 1023px) {
  .section-articles-basic {
    padding: 5rem 0;
  }
}

.section-articles-basic .section__inner {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}

@media (max-width: 767px) {
  .section-articles-basic .section__inner {
    flex-direction: column;
    gap: 5rem;
  }
}

.section-articles-basic .section__content {
  width: 88.4rem;
  max-width: 88.4rem;
}

@media (max-width: 767px) {
  .section-articles-basic .section__content {
    width: 100%;
    max-width: 100%;
    order: 1;
  }
}

.section-articles-basic .section__aside {
  flex-shrink: 0;
  width: 33.3rem;
  max-width: 33.3rem;
}

@media (max-width: 767px) {
  .section-articles-basic .section__aside {
    width: 100%;
    max-width: 100%;
    order: 0;
  }
}

/* ------------------------------------------------------------ *\
	section-articles
\* ------------------------------------------------------------ */

.section-articles {
  padding: 6.8rem 0 13.5rem;
  overflow: hidden;
  /* section col size 1 */
  /* section col size 2 */
}

@media (max-width: 1023px) {
  .section-articles {
    padding: 4rem 0 10rem;
  }
}

@media (max-width: 767px) {
  .section-articles {
    padding: 3rem 0;
  }
}

.section-articles .section__shell {
  max-width: 154.7rem;
}

.section-articles .section__title {
  text-align: center;
  margin-bottom: 7.7rem;
}

@media (max-width: 1023px) {
  .section-articles .section__title {
    margin-bottom: 4rem;
  }
}

.section-articles h2 {
  color: var(--c-green-2);
}

.section-articles .section__inner {
  margin-left: -1.6rem;
  margin-right: -1.7rem;
}

@media (max-width: 1650px) {
  .section-articles .section__inner {
    margin: 0;
  }
}

.section-articles .section__cols {
  display: flex;
  margin: 0 -3.1rem;
}

@media (max-width: 1199px) {
  .section-articles .section__cols {
    margin: 0;
    flex-direction: column;
    gap: 3rem;
  }
}

.section-articles .section__col {
  padding: 0 3.1rem;
}

@media (max-width: 1199px) {
  .section-articles .section__col {
    padding: 0;
  }
}

.section-articles .section__col--size1 {
  width: 67%;
  max-width: 67%;
}

@media (max-width: 1199px) {
  .section-articles .section__col--size1 {
    width: 100%;
    max-width: 100%;
  }
}

.section-articles .section__col--size2 {
  width: 33%;
  max-width: 33%;
}

@media (max-width: 1199px) {
  .section-articles .section__col--size2 {
    width: 100%;
    max-width: 100%;
  }
}

.section-articles .section__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .section-articles .section__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 767px) {
  .section-articles .section__wrapper {
    grid-template-columns: 1fr;
  }
}

.section-articles .section__article ~ .section__article {
  margin-top: 2.9rem;
}

@media (max-width: 1199px) {
  .section-articles .section__article ~ .section__article {
    margin-top: 0;
  }
}

/* ------------------------------------------------------------ *\
	section-basic
\* ------------------------------------------------------------ */

.section-basic {
  padding: 5rem 0 12.1rem;
}

@media (max-width: 1399px) {
  .section-basic {
    padding: 5rem 0 10rem;
  }
}

@media (max-width: 1023px) {
  .section-basic {
    padding: 3rem 0 5rem;
  }
}

.section-basic .section__inner {
  margin-left: -1.3rem;
  margin-right: -1rem;
}

@media (max-width: 1650px) {
  .section-basic .section__inner {
    margin: 0;
  }
}

/* ------------------------------------------------------------ *\
	section-boxes
\* ------------------------------------------------------------ */

.section-boxes {
  position: relative;
  padding: 7.5rem 0 10.4rem;
  background-color: var(--c-green-2);
  isolation: isolate;
}

@media (max-width: 1399px) {
  .section-boxes {
    padding: 7rem 0;
  }
}

@media (max-width: 1023px) {
  .section-boxes {
    padding: 5rem 0;
  }
}

.section-boxes .section__inner {
  margin: 0 -2.8rem;
}

@media (max-width: 1650px) {
  .section-boxes .section__inner {
    margin: 0;
  }
}

.section-boxes .section__decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.12;
  z-index: -1;
}

.section-boxes .section__decoration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-boxes .section__title {
  margin-bottom: 4rem;
  text-align: center;
  color: var(--c-white);
}

@media (max-width: 1023px) {
  .section-boxes .section__title {
    margin-bottom: 2rem;
  }
}

/* ------------------------------------------------------------ *\
	section-contacts
\* ------------------------------------------------------------ */

.section-contacts {
  padding: 5.5rem 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .section-contacts {
    padding: 2rem 0;
  }
}

.section-contacts .section__head {
  max-width: 94.7rem;
  text-align: center;
  margin: 0 auto 8.3rem;
  line-height: 1.352;
}

@media (max-width: 1023px) {
  .section-contacts .section__head {
    margin-bottom: 4rem;
  }
}

.section-contacts .section__head h2 {
  color: var(--c-orange);
  margin-bottom: 0.9rem;
}

.section-contacts .section__body {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .section-contacts .section__body {
    flex-direction: column;
    justify-content: flex-start;
  }
}

.section-contacts .section__content {
  width: 39rem;
  max-width: 39rem;
  padding-top: 7.4rem;
  margin-left: -0.3rem;
}

@media (max-width: 1199px) {
  .section-contacts .section__content {
    margin-left: 0;
  }
}

@media (max-width: 1023px) {
  .section-contacts .section__content {
    padding-top: 0;
    width: 100%;
    max-width: 100%;
  }
}

.section-contacts .section__aside {
  width: 108rem;
  max-width: 108rem;
}

@media (max-width: 1023px) {
  .section-contacts .section__aside {
    width: 100%;
    max-width: 100%;
  }
}

.section-contacts .section__content h3 {
  color: var(--c-green);
  margin-bottom: 2rem;
}

.section-contacts .section__address {
  margin-bottom: 3.6rem;
}

.section-contacts .section__content a {
  display: inline-block;
  text-decoration: none;
  transition: color var(--t-duration) ease-in-out;
}

.section-contacts .section__content a:hover {
  color: var(--c-orange);
}

.section-contacts .section__content h3 + a {
  margin-bottom: 3rem;
}

.section-contacts .section__form {
  position: relative;
}

.section-contacts .section__form:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 95%;
  width: 50vw;
  height: 100%;
  background-color: var(--c-green);
}

@media (max-width: 1023px) {
  .section-contacts .section__form:before {
    display: none;
  }
}

/* ------------------------------------------------------------ *\
	section-destinations
\* ------------------------------------------------------------ */

.section-destinations {
  position: relative;
  z-index: 20;
}

.section-destinations .section__decoration {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.section-destinations .section__decoration img {
  width: 100%;
}

/* ------------------------------------------------------------ *\
	section-easy
\* ------------------------------------------------------------ */

.section-easy {
  padding: 10.8rem 0;
}

@media (max-width: 1199px) {
  .section-easy {
    padding: 6rem 0;
  }
}

@media (max-width: 767px) {
  .section-easy {
    padding: 3rem 0;
  }
}

.section-easy .section__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  margin-right: -4.7rem;
}

@media (max-width: 1650px) {
  .section-easy .section__inner {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .section-easy .section__inner {
    flex-direction: column;
  }
}

.section-easy .section__content {
  width: 82.7rem;
  max-width: 82.7rem;
}

@media (max-width: 767px) {
  .section-easy .section__content {
    order: 1;
    width: 100%;
  }
}

.section-easy .section__aside {
  width: 42.3rem;
  max-width: 42.3rem;
  margin-top: -2.2rem;
  padding: 2.2rem 0 3.3rem 5.7rem;
  border-left: 0.1rem solid var(--c-green-3);
}

@media (max-width: 1023px) {
  .section-easy .section__aside {
    padding-left: 2rem;
  }
}

@media (max-width: 767px) {
  .section-easy .section__aside {
    margin: 0;
    width: 100%;
    max-width: 100%;
    order: 0;
    border: none;
    padding: 0;
  }
}

.section-easy .section__entry {
  margin-bottom: 10.2rem;
}

@media (max-width: 767px) {
  .section-easy .section__entry {
    margin-bottom: 3rem;
  }
}

.section-easy .section__entry p span {
  color: var(--c-orange);
}

.section-easy h2 {
  margin-bottom: 3rem;
  color: var(--c-orange);
}

.section-easy h3 {
  color: var(--c-green);
  margin-bottom: 2rem;
}

/* ------------------------------------------------------------ *\
	section-filtration
\* ------------------------------------------------------------ */

.section-filtration {
  padding-bottom: 10rem;
  overflow: hidden;
  /* section col size 1 */
  /* section col size 2 */
}

@media (max-width: 1199px) {
  .section-filtration {
    padding-bottom: 5rem;
  }
}

.section-filtration .section__shell {
  max-width: 157.5rem;
}

.section-filtration .section__bar {
  position: relative;
  z-index: 100;
  padding: 6.9rem 0 6.7rem 0.5rem;
  max-width: 125.9rem;
  margin: 0 auto 9rem;
  isolation: isolate;
}

@media (max-width: 1023px) {
  .section-filtration .section__bar {
    padding: 4rem 0;
  }
}

@media (max-width: 767px) {
  .section-filtration .section__bar {
    margin-bottom: 4rem;
  }
}

.section-filtration .section__bar:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -50vw;
  right: -50vw;
  height: 100%;
  background-color: var(--c-green-3);
}

.section-filtration .section__cols {
  display: flex;
  margin: 0 -3.1rem 10.8rem;
}

@media (max-width: 1199px) {
  .section-filtration .section__cols {
    margin: 0 0 5rem;
    flex-direction: column;
    gap: 3rem;
  }
}

.section-filtration .section__col {
  padding: 0 3.1rem;
}

@media (max-width: 1199px) {
  .section-filtration .section__col {
    padding: 0;
  }
}

.section-filtration .section__col--size1 {
  width: 67%;
  max-width: 67%;
}

@media (max-width: 1199px) {
  .section-filtration .section__col--size1 {
    width: 100%;
    max-width: 100%;
  }
}

.section-filtration .section__col--size2 {
  width: 33%;
  max-width: 33%;
}

@media (max-width: 1199px) {
  .section-filtration .section__col--size2 {
    width: 100%;
    max-width: 100%;
  }
}

.section-filtration .section__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .section-filtration .section__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 767px) {
  .section-filtration .section__wrapper {
    grid-template-columns: 1fr;
  }
}

.section-filtration .section__article ~ .section__article {
  margin-top: 2.9rem;
}

@media (max-width: 1199px) {
  .section-filtration .section__article ~ .section__article {
    margin-top: 0;
  }
}

.section-filtration .section__content {
  margin-bottom: 10rem;
}

@media (max-width: 1199px) {
  .section-filtration .section__content {
    margin-bottom: 5rem;
  }
}

/* ------------------------------------------------------------ *\
	section-form
\* ------------------------------------------------------------ */

.section-form {
  padding-bottom: 5rem;
  position: relative;
  z-index: 14;
  margin-top: -17.3rem;
}

@media (max-width: 767px) {
  .section-form {
    padding-bottom: 2rem;
  }
}

.section-form .section__shell {
  max-width: 151.7rem;
}

/* ------------------------------------------------------------ *\
	section-map
\* ------------------------------------------------------------ */

.section-map {
  padding: 8.5rem 0;
}

@media (max-width: 1199px) {
  .section-map {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .section-map {
    padding: 3rem 0;
  }
}

.section-map .section__head {
  max-width: 97.7rem;
  margin: 0 auto 8.7rem;
  text-align: center;
  line-height: 1.352;
}

@media (max-width: 1023px) {
  .section-map .section__head {
    margin-bottom: 3rem;
  }
}

.section-map .section__head p:not(:last-child) {
  margin-bottom: 2.4rem;
}

.section-map h2 {
  color: var(--c-orange);
  margin-bottom: 1.5rem;
}

.section-map .section__body {
  padding: 0 0.3rem;
}

.section-map .section__actions {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 5.2rem;
}

.section-map .section__wrapper {
  padding: 0 4.8rem;
}

@media (max-width: 1199px) {
  .section-map .section__wrapper {
    padding: 0;
  }
}

/* section map adjust */

.section-map--adjust {
  padding: 6.9rem 0;
}

@media (max-width: 1199px) {
  .section-map--adjust {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .section-map--adjust {
    padding: 2rem 0;
  }
}

.section-map--adjust .section__head {
  margin-bottom: 8.3rem;
}

.section-map--adjust h2 {
  margin-bottom: 1.6rem;
}

/* ------------------------------------------------------------ *\
	section-media
\* ------------------------------------------------------------ */

.section-media {
  padding: 4rem 0;
}

.section-media .section__inner {
  max-width: 112.4rem;
  margin: 0 auto;
  text-align: center;
}

.section-media .section__video {
  margin-bottom: 4rem;
}

.section-media h3 {
  color: var(--c-green);
  margin-bottom: 2.4rem;
}

.section-media .section__entry {
  margin-bottom: 3.1rem;
  padding: 0 6.8rem;
}

@media (max-width: 767px) {
  .section-media .section__entry {
    padding: 0;
  }
}

.section-media .section__entry p:not(:last-child) {
  margin-bottom: 2.5rem;
}

/* ------------------------------------------------------------ *\
	section-partner
\* ------------------------------------------------------------ */

.section-partner {
  padding: 17rem 0 5.5rem;
  /* h2 with smaller offset bottom */
}

@media (max-width: 1650px) {
  .section-partner {
    padding: 10rem 0 5rem;
  }
}

@media (max-width: 1399px) {
  .section-partner {
    padding: 5rem 0;
  }
}

.section-partner .section__inner {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-left: -0.1rem;
  padding-right: 0.6rem;
}

@media (max-width: 1650px) {
  .section-partner .section__inner {
    margin-left: 0;
  }
}

@media (max-width: 1023px) {
  .section-partner .section__inner {
    flex-direction: column;
    padding: 0;
    gap: 5rem;
    align-items: flex-start;
  }
}

.section-partner .section__content {
  width: 76.8rem;
  max-width: 76.8rem;
}

@media (max-width: 1023px) {
  .section-partner .section__content {
    width: 100%;
    max-width: 100%;
    order: 1;
  }
}

.section-partner .section__aside {
  flex-shrink: 0;
  text-align: center;
  margin-top: 4rem;
}

@media (max-width: 1023px) {
  .section-partner .section__aside {
    margin: 0 auto;
    order: 0;
  }
}

.section-partner .section__entry {
  margin-bottom: 7rem;
}

.section-partner .section__entry h6 {
  font-size: 1.7rem;
  text-transform: none;
  font-style: italic;
  line-height: 1.47;
  font-weight: 400;
  margin-bottom: 2.5rem;
}

.section-partner .section__entry p:not(:last-child) {
  margin-bottom: 2.5rem;
}

.section-partner .section__group:not(:last-child) {
  margin-bottom: 9rem;
}

.section-partner h2 {
  color: var(--c-orange);
  margin-bottom: 4.2rem;
}

.section-partner h2.offset-bottom {
  margin-bottom: 3rem;
}

.section-partner .section__cols {
  margin: -1rem -1.3rem;
}

@media (max-width: 767px) {
  .section-partner .section__cols {
    margin: 0;
  }
}

.section-partner .section__col {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  max-width: 35.5rem;
  margin: 1rem 1.3rem;
  vertical-align: top;
}

@media (max-width: 1399px) {
  .section-partner .section__col {
    max-width: 30rem;
  }
}

@media (max-width: 1199px) {
  .section-partner .section__col {
    max-width: 40%;
  }
}

@media (max-width: 767px) {
  .section-partner .section__col {
    max-width: 100%;
    display: block;
    margin: 0 0 3rem;
  }
}

.section-partner h3 {
  color: var(--c-green-3);
  margin-bottom: 2rem;
}

.section-partner .section__details span {
  display: block;
}

.section-partner .section__details a {
  text-decoration: none;
  transition: color var(--t-duration) ease-in-out;
}

.section-partner .section__details a:hover {
  color: var(--c-orange);
}

.section-partner .section__logo {
  margin-bottom: 6.5rem;
}

/* ------------------------------------------------------------ *\
	section-partners
\* ------------------------------------------------------------ */

.section-partners {
  position: relative;
  padding: 16vw 0 15.6rem;
  background-color: var(--c-green-2);
  isolation: isolate;
  margin-top: -15.2rem;
}

@media (max-width: 1650px) {
  .section-partners {
    margin-top: -12rem;
  }
}

@media (max-width: 1399px) {
  .section-partners {
    margin-top: -10rem;
  }
}

@media (max-width: 1199px) {
  .section-partners {
    margin-top: -8rem;
    padding-bottom: 10rem;
  }
}

@media (max-width: 1023px) {
  .section-partners {
    margin-top: -5rem;
  }
}

@media (max-width: 767px) {
  .section-partners {
    margin-top: 0;
    padding-bottom: 3rem;
  }
}

.section-partners .section__curve {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.section-partners .section__curve img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-partners .section__decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.12;
  z-index: -1;
}

.section-partners .section__decoration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .section-partners .section__decoration img {
    object-fit: fill;
  }
}

.section-partners .section__inner {
  max-width: 128.9rem;
  margin: 0 auto;
}

.section-partners h2 {
  text-align: center;
  color: var(--c-white);
  margin-bottom: 7.7rem;
}

@media (max-width: 1023px) {
  .section-partners h2 {
    margin-bottom: 4rem;
  }
}

/* section partners adjust */

.section-partners--adjust {
  padding: 10.2rem 0 12.3rem;
  margin: 0;
}

@media (max-width: 1199px) {
  .section-partners--adjust {
    padding: 8rem 0;
  }
}

@media (max-width: 1023px) {
  .section-partners--adjust {
    padding: 5rem 0;
  }
}

/* ------------------------------------------------------------ *\
	section-poster
\* ------------------------------------------------------------ */

.section-poster {
  padding: 19.3rem 0 29.4rem;
  color: var(--c-white);
  position: relative;
  overflow: hidden;
}

@media (max-width: 1399px) {
  .section-poster {
    padding: 15rem 0 29rem;
  }
}

@media (max-width: 1023px) {
  .section-poster {
    padding: 10rem 0 29rem;
  }
}

.section-poster .section__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-poster .section__background:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-green-3);
  opacity: 0.59;
  z-index: 10;
}

.section-poster .section__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-poster .section__inner {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1023px) {
  .section-poster .section__inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.section-poster .section__content {
  width: 69rem;
  max-width: 69rem;
  text-align: right;
  padding-right: 0.3rem;
}

@media (max-width: 1023px) {
  .section-poster .section__content {
    width: 100%;
    max-width: 100%;
  }
}

.section-poster .section__aside {
  background-color: var(--c-white);
  border-radius: 0 2.5rem 2.5rem 0;
  display: flex;
  justify-content: flex-end;
  padding: 4.1rem 12.7rem;
  margin-top: -3rem;
  flex-shrink: 0;
  margin-left: calc(-50vw + var(--shell-max-width) / 2);
}

@media screen and (max-width: 1504px) {
  .section-poster .section__aside {
    margin-left: -1.5rem;
  }
}

@media (max-width: 1399px) {
  .section-poster .section__aside {
    max-width: 60rem;
  }
}

@media (max-width: 1199px) {
  .section-poster .section__aside {
    max-width: 50rem;
  }
}

@media (max-width: 767px) {
  .section-poster .section__aside {
    padding: 4rem 8rem;
  }
}

.section-poster h2 {
  margin-bottom: 2rem;
}

.section-poster .section__entry {
  margin-bottom: 4.8rem;
  padding-right: 0.3rem;
}

.section-poster .section__entry p:not(:last-child) {
  margin-bottom: 2.5rem;
}

/* ------------------------------------------------------------ *\
	section-primary
\* ------------------------------------------------------------ */

.section-primary {
  padding: 12.5rem 0 11.2rem;
  overflow: hidden;
  /* section entry offset right */
}

@media (max-width: 1399px) {
  .section-primary {
    padding: 10rem 0;
  }
}

@media (max-width: 1023px) {
  .section-primary {
    padding: 5rem 0;
  }
}

.section-primary .section__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15rem;
}

@media (max-width: 1650px) {
  .section-primary .section__inner {
    gap: 5rem;
  }
}

@media (max-width: 1399px) {
  .section-primary .section__inner {
    align-items: flex-start;
  }
}

@media (max-width: 1023px) {
  .section-primary .section__inner {
    flex-direction: column;
  }
}

.section-primary .section__content {
  width: 72.5rem;
  max-width: 72.5rem;
  padding-left: 0.7rem;
}

@media (max-width: 1023px) {
  .section-primary .section__content {
    order: 1;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .section-primary .section__content {
    width: 100%;
    max-width: 100%;
  }
}

.section-primary .section__aside {
  flex-shrink: 0;
  margin-right: calc(-50vw + var(--shell-max-width) / 2);
}

@media screen and (max-width: 1504px) {
  .section-primary .section__aside {
    margin-right: -1.5rem;
  }
}

@media (max-width: 1399px) {
  .section-primary .section__aside {
    max-width: 60rem;
  }
}

@media (max-width: 1199px) {
  .section-primary .section__aside {
    max-width: 50rem;
  }
}

@media (max-width: 1023px) {
  .section-primary .section__aside {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    order: 0;
  }
}

@media (max-width: 1023px) {
  .section-primary .section__image {
    border-radius: 2.5rem;
    overflow: hidden;
  }
}

.section-primary .section__wrapper {
  margin-bottom: 5.7rem;
}

@media (max-width: 767px) {
  .section-primary .section__wrapper {
    margin-bottom: 3rem;
  }
}

.section-primary h2 {
  text-transform: uppercase;
  color: var(--c-orange);
  margin-bottom: 2.4rem;
}

.section-primary .section__entry {
  margin-bottom: 4.2rem;
}

.section-primary .section__entry p:not(:last-child) {
  margin-bottom: 2.5rem;
}

.section-primary .section__entry--offset-right {
  padding-right: 5rem;
}

/* section primary adjust */

.section-primary--adjust {
  padding: 7.2rem 0 6.2rem;
}

@media (max-width: 1023px) {
  .section-primary--adjust {
    padding: 5rem 0 2rem;
  }
}

.section-primary--adjust .section__content {
  margin-left: -1rem;
  margin-top: -1.3rem;
}

@media (max-width: 1199px) {
  .section-primary--adjust .section__content {
    margin-left: 0;
  }
}

.section-primary--adjust .section__entry:not(:last-child) {
  margin-bottom: 3.8rem;
}

.section-primary--adjust h3 {
  margin-bottom: 2rem;
  color: #c1b561;
}

/* section primary modify */

.section-primary--modify {
  padding: 12.3rem 0 5.2rem;
}

@media (max-width: 1023px) {
  .section-primary--modify {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .section-primary--modify {
    padding: 3rem 0;
  }
}

.section-primary--modify .section__content {
  margin-left: -0.6rem;
  margin-top: -5.8rem;
}

@media (max-width: 1199px) {
  .section-primary--modify .section__content {
    margin-left: 0;
    margin-top: 0;
  }
}

.section-primary--modify .section__entry:not(:last-child) {
  margin-bottom: 3.8rem;
}

.section-primary--modify h3 {
  margin-bottom: 2rem;
}

/* section primary alt */

.section-primary--alt {
  padding: 17.9rem 0 10rem;
}

@media (max-width: 1399px) {
  .section-primary--alt {
    padding: 10rem 0;
  }
}

@media (max-width: 1023px) {
  .section-primary--alt {
    padding: 5rem 0;
  }
}

.section-primary--alt .section__inner {
  align-items: flex-start;
  gap: 10rem;
}

@media (max-width: 1650px) {
  .section-primary--alt .section__inner {
    gap: 5rem;
  }
}

@media (max-width: 767px) {
  .section-primary--alt .section__inner {
    gap: 3rem;
  }
}

.section-primary--alt .section__content {
  padding-left: 0;
  padding-top: 0.5rem;
  width: 76.5rem;
  max-width: 76.5rem;
}

@media (max-width: 1023px) {
  .section-primary--alt .section__content {
    width: 100%;
    max-width: 100%;
  }
}

.section-primary--alt .section__aside {
  width: 82.5rem;
  max-width: 82.5rem;
}

@media (max-width: 1399px) {
  .section-primary--alt .section__aside {
    max-width: 60rem;
  }
}

@media (max-width: 1199px) {
  .section-primary--alt .section__aside {
    max-width: 50rem;
  }
}

@media (max-width: 1023px) {
  .section-primary--alt .section__aside {
    width: 100%;
    max-width: 100%;
  }
}

.section-primary--alt .section__entry:not(:last-child) {
  margin-bottom: 3.8rem;
}

.section-primary--alt h3 {
  color: var(--c-green-3);
  margin-bottom: 1.5rem;
}

.section-primary--alt h2 {
  margin-bottom: 2.7rem;
}

/* ------------------------------------------------------------ *\
	section-simple
\* ------------------------------------------------------------ */

.section-simple {
  padding: 7.6rem 0 12.2rem;
}

@media (max-width: 1399px) {
  .section-simple {
    padding: 5rem 0 10rem;
  }
}

@media (max-width: 767px) {
  .section-simple {
    padding: 5rem 0;
  }
}

.section-simple .section__inner {
  max-width: 112.4rem;
  margin: 0 auto;
  text-align: center;
}

.section-simple h3 {
  color: var(--c-orange);
  margin-bottom: 6.2rem;
}

@media (max-width: 767px) {
  .section-simple h3 {
    margin-bottom: 3rem;
  }
}

.section-simple .section__list-logos {
  padding-left: 2rem;
}

@media (max-width: 1199px) {
  .section-simple .section__list-logos {
    padding-left: 0;
  }
}

/* ------------------------------------------------------------ *\
	section-staff
\* ------------------------------------------------------------ */

.section-staff {
  padding: 9.8rem 0 11rem;
}

@media (max-width: 1023px) {
  .section-staff {
    padding: 5rem 0;
  }
}

.section-staff .section__title {
  color: var(--c-orange);
  margin-bottom: 5.8rem;
}

@media (max-width: 767px) {
  .section-staff .section__title {
    margin-bottom: 3rem;
  }
}

/* ------------------------------------------------------------ *\
	section-subscribe
\* ------------------------------------------------------------ */

.section-subscribe {
  padding: 5.3rem 0;
  background-color: var(--c-green-3);
}

.section-subscribe .section__inner {
  padding: 0 0.5rem;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1023px) {
  .section-subscribe .section__inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.section-subscribe .section__content {
  width: 49.1rem;
  max-width: 49.1rem;
}

@media (max-width: 1023px) {
  .section-subscribe .section__content {
    max-width: 100%;
    width: 100%;
  }
}

.section-subscribe .section__aside {
  width: 79.8rem;
  max-width: 79.8rem;
  margin-top: 1.6rem;
}

@media (max-width: 1023px) {
  .section-subscribe .section__aside {
    max-width: 79rem;
    width: 100%;
  }
}

.section-subscribe h2 {
  color: var(--c-white);
  text-transform: uppercase;
}

/* ------------------------------------------------------------ *\
	section
\* ------------------------------------------------------------ */

.section {
  position: relative;
  padding: 19.9rem 0 4.5rem;
  z-index: 10;
  margin-top: -32.3rem;
}

@media (max-width: 1023px) {
  .section {
    padding: 20.9rem 0 4.5rem;
    margin-top: -21.3rem;
  }
}

@media (max-width: 767px) {
  .section {
    padding: 9rem 0 3rem;
  }
}

.section .section__decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (max-width: 767px) {
  .section .section__decoration {
    background-image: url("/images/svg/decoration-1.svg");
    height: 21.3rem;
  }
}

.section .section__decoration img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .section .section__decoration img {
    display: none;
  }
}

.section .section__inner {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  position: relative;
  padding: 0 0.4rem;
}

@media (max-width: 767px) {
  .section .section__inner {
    padding: 0;
    flex-direction: column;
  }
}

.section .section__content {
  width: 100%;
  max-width: 59.3rem;
}

@media (max-width: 767px) {
  .section .section__content {
    max-width: 100%;
  }
}

.section .section__aside {
  width: 100%;
  max-width: 63.6rem;
}

@media (max-width: 767px) {
  .section .section__aside {
    max-width: 100%;
  }
}

.section h3 {
  color: var(--c-orange);
  margin-bottom: 2rem;
}

/* ------------------------------------------------------------ *\
	select
\* ------------------------------------------------------------ */

/* select with orange color scheme */

.select--orange .ui-selectmenu-button.ui-button {
  color: var(--c-orange);
  height: 6.3rem;
  font-size: 3rem;
  font-weight: 500;
  font-family: var(--ff-cheapPineSans);
  line-height: 1.1;
  padding: 1.6rem 2.8rem 1rem 2.3rem;
}

.select--orange .ui-selectmenu-button.ui-button:focus-within {
  background-color: var(--c-white);
  color: var(--c-orange);
}

.select--orange .ui-button .ui-icon {
  background-image: url("/images/svg/arrow-down-orange.svg") !important;
  margin-top: 0.9rem;
}

.select--orange .ui-widget.ui-widget-content:before {
  background-color: var(--c-white);
}

.select--orange .ui-menu .ui-menu-item-wrapper {
  font-size: 3rem;
  font-weight: 500;
  font-family: var(--ff-cheapPineSans);
  line-height: 1.1;
  padding: 1.8rem 3rem 1.8rem 2.2rem;
}

.select--orange .ui-state-active,
.select--orange .ui-widget-content .ui-state-active {
  background-color: var(--c-orange);
  color: var(--c-white);
}

/* select small */

.select--small .ui-selectmenu-button.ui-button {
  height: 6.2rem;
  padding: 1.9rem 3.3rem 1rem 2.2rem;
}

/* ------------------------------------------------------------ *\
	slider
\* ------------------------------------------------------------ */

.slider {
  /* swiper overwrites */
}

.slider .slider__clip {
  margin-bottom: 3.5rem;
}

@media (max-width: 767px) {
  .slider .slider__clip {
    margin-bottom: 2rem;
  }
}

.slider .slider__slide {
  cursor: pointer;
}

.slider .slider__pagination {
  text-align: center;
}

.slider .swiper-pagination-bullet {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 100%;
  background-color: var(--c-green-2);
  border: none;
  opacity: 1;
  margin: 0 0.8rem !important;
  transition: opacity var(--t-duration), background-color var(--t-duration) ease-in-out;
}

@media (max-width: 575px) {
  .slider .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.slider .swiper-pagination-bullet:hover {
  opacity: 0.8;
}

.slider .swiper-pagination-bullet-active {
  background-color: var(--c-orange);
}

/* ------------------------------------------------------------ *\
	socials
\* ------------------------------------------------------------ */

.socials ul {
  list-style-type: none;
  display: flex;
  align-items: flex-end;
  gap: 1.9rem;
}

.socials a {
  text-decoration: none;
  transition: opacity var(--t-duration) ease-in-out;
}

.socials a:hover {
  opacity: 0.8;
}

/* ------------------------------------------------------------ *\
	subscribe
\* ------------------------------------------------------------ */

.subscribe {
  position: relative;
}

.subscribe input {
  display: block;
  width: 100%;
  height: 6.7rem;
  padding: 1rem 28rem 1rem 3.7rem;
  background-color: var(--c-white);
  border-radius: 2.1rem;
  border: none;
  color: #989898;
  font-size: 1.8rem;
  line-height: 1.33;
}

@media (max-width: 767px) {
  .subscribe input {
    padding: 1rem 11rem 1rem 2rem;
  }
}

.subscribe .subscribe__btn {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 23rem;
  height: 100%;
  font-size: 3rem;
  border: none;
  border-radius: 0 2.1rem 2.1rem 0;
}

@media (max-width: 767px) {
  .subscribe .subscribe__btn {
    min-width: 10rem;
    font-size: 2.4rem;
    padding: 1.6rem 1.5rem 1.4rem 1.5rem;
  }
}

/* ------------------------------------------------------------ *\
	video
\* ------------------------------------------------------------ */

.video {
  position: relative;
  aspect-ratio: 1124/633;
  border-radius: 2.5rem;
  overflow: hidden;
  /* is playing */
}

.video .video__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  transition: opacity var(--t-duration) ease-in-out;
}

.video .video__poster:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: var(--c-black);
  opacity: 0.25;
}

.video .video__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video .video__trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 15;
  transform: translate(-50%, -50%);
  transition: opacity var(--t-duration) ease-in-out;
}

@media (max-width: 767px) {
  .video .video__trigger {
    width: 100%;
    max-width: 8rem;
  }
}

.video .video__trigger:hover {
  opacity: 0.8;
}

.video.is-playing .video__poster {
  opacity: 0;
  pointer-events: none;
}

.video.is-playing .video__trigger {
  opacity: 0;
  pointer-events: none;
}

/* ------------------------------------------------------------ *\
	jquery-ui-select-overwrites
\* ------------------------------------------------------------ */

.ui-selectmenu-button.ui-button {
  width: 100%;
  display: block;
  height: 6.7rem;
  padding: 2.4rem 2.4rem 1rem 3rem;
  font-size: 1.8rem;
  border: none;
  line-height: 1.33;
  font-weight: 400;
  border-radius: 1.7rem;
  background-color: var(--c-white);
  appearance: none;
  font-family: var(--ff-base);
  transition: color var(--t-duration), background-color var(--t-duration) ease-in-out;
}

.ui-selectmenu-button.ui-button:focus-within {
  background-color: #c2d8d8;
  color: var(--c-base);
}

.ui-button .ui-icon {
  display: inline-block;
  margin-top: 0.7rem;
  width: 1.8rem;
  height: 1.4rem;
  pointer-events: none;
  background-image: url("/images/svg/arrow-down.svg") !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform var(--t-duration) ease-in-out;
}

.ui-button:hover .ui-icon {
  background-image: none;
}

.ui-widget.ui-widget-content {
  border: none;
  position: relative;
  top: -1.1rem;
  padding-top: 1.5rem;
  padding-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: visible;
  border-radius: 0 0 1.7rem 1.7rem;
  -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16);
}

.ui-widget.ui-widget-content:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -0.2rem;
  left: 0;
  width: 100%;
  height: 1.6rem;
  z-index: 10;
  background-color: #c2d8d8;
  transition: all var(--t-duration) ease-in-out;
}

.ui-menu .ui-menu-item-wrapper {
  padding: 1.8rem 3rem 1.8rem 3.1rem;
  font-size: 1.8rem;
  border: none;
  line-height: 1.33;
  font-weight: 400;
  font-family: var(--ff-base);
}

.ui-menu .ui-menu-item:last-child {
  overflow: hidden;
}

.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper {
  border-radius: 0 0 1.7rem 1.7rem;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  border: none;
  border-radius: 0;
  background-color: rgba(0, 92, 94, 0.24);
  color: var(--c-base);
}

/* is open */

.ui-selectmenu-button-open .ui-icon {
  transform: rotate(180deg);
}

/**
 * Swiper 11.1.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 15, 2024
 */

/* FONT_START */

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}