/* RESET */
/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

/*
    2. Remove default margin
  */
* {
	margin: 0;
}

html,
body {
	overscroll-behavior: none;
}

/*
    Typographic tweaks!
    3. Add accessible line-height
    4. Improve text rendering
  */
body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
}

/*
    5. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

/*
    6. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
	font: inherit;
}

/*
    7. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

/*
    8. Create a root stacking context
  */
#root,
#__next {
	isolation: isolate;
}

:root {
	--light-grey: #eaeaea;
	--blue: #003664;
	--light-blue: #16c1f4;
	--white: #ffffff;
	--black: #000000;
	--gray: #d9e1e8;
	--pop-bg: #d7eaff;
	--green: #92c03f;
}

/* LOADER */

.loader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	background: var(--white);
	z-index: 1500;
}

.loader.done {
	display: none;
}

.loader .logo-load {
	width: 280px;
}

.loader .percentage {
	display: block;
	width: 280px;
	height: 4px;
	background: #d9d9d9;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
}

.percentage .bar {
	height: 100%;
	display: block;
	width: 0%;
	position: absolute;
	left: 0;
	top: 0;
	background: #72bf44;
}

/* HEADER */

header {
	background: var(--white);
	padding: 20px;
	display: flex;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1500;
	justify-content: space-between;
}

header.hidden {
	display: none;
}

header .logo {
	width: 348px;
}

header .logo img {
	width: 100%;
	height: auto;
}

.logo-side {
	width: 260px;
	flex-shrink: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo-side .info {
	display: none;
}

.logo-side .info path {
	fill: var(--green);
}

.text-side {
	width: 70%;
}

.intro {
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: start;
	text-align: start;
	justify-content: flex-start;
}

.intro h1 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 10px;
	color: var(--blue);
}

.intro h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 30px;
	color: var(--white);
	background: var(--light-blue);
	padding: 2px 10px;
	margin: 10px 0;
}

.intro p {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: var(--blue);
}

/* @font-face {
	font-family: "Zona Pro Light";
	src: url("../fonts/ZonaPro-Light.woff2") format("woff2"), url("../fonts/ZonaPro-Light.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Zona Pro SemiBold";
	src: url("../fonts/ZonaPro-SemiBold.woff2") format("woff2"), url("../fonts/ZonaPro-SemiBold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Zona Pro Ultra";
	src: url("../fonts/ZonaPro-Ultra.woff2") format("woff2"), url("../fonts/ZonaPro-Ultra.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
} */

html {
	/*-webkit-font-smoothing: subpixel-antialiased;*/
	/*-webkit-font-smoothing: antialiased;*/
}

body {
	background: var(--light-grey);
	overscroll-behavior: contain;
	-ms-overflow-style: none;
	font-family: "Fira Sans", sans-serif;
	overflow: hidden;
}

body.page {
	overscroll-behavior: initial;
	overflow: scroll;
}

#modal-content a {
	color: #ffffff;
	text-decoration: initial;
	font-size: 32px;
}

#home-page-panel {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}

.node {
	position: absolute;
	z-index: 100;
	width: 100px;
	height: 100px;
	border-radius: 99em;
	background: #ccc;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*transition: all 0.2s;*/
	overflow: hidden;
	-webkit-transition: outline 0.3s ease;
	-moz-transition: outline 0.3s ease;
	-o-transition: outline 0.3s ease;
	-ms-transition: outline 0.3s ease;
	transition: outline 0.3s ease;
	outline: 0px solid transparent;
	background-size: 100%;
	box-sizing: border-box;

	transition: transform 1s ease-out;
	cursor: pointer;
}
.node.selected {
	outline: 7px solid #72bf44;
}
.node.selected:after {
	transition: transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	-ms-transition: transform 0.5s ease;
	transform: scale(1.15);
}
.node img {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.nav-active .node {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.orbit-node:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
}

.orbit-node:hover:after {
	opacity: 1;
}

#menu-node {
	position: absolute;
	z-index: 101;
	top: 50%;
	left: 50%;
	background: #fff url(../assets/logo.jpg) center center no-repeat;
	background-size: cover;
}
.node {
	background-size: cover;
}
.node:after {
	background-size: cover;
	background-position: center;
	opacity: 1;
}
#node-1:after {
	background-image: url("/photos/elp/E1/image00001_resized.jpg");
}
#node-2:after {
	background-image: url("/photos/elp/E2/2.jpg");
}
#node-3:after {
	background-image: url("/photos/elp/I1/1.jpg");
}
#node-4:after {
	background-image: url("/photos/elp/P2/1.jpg");
}
#node-7:after {
	background-image: url("/photos/elp/E5/axepa.png");
}
#node-6:after {
	background-image: url("/photos/elp/P4/1.jpg");
}
#node-22:after {
	background-image: url("/photos/elp/E7/1.jpg");
}
#node-8:after {
	background-image: url("/photos/elp/E8/1.jpg");
}
#node-19:after {
	background-image: url("/photos/elp/E9/1.jpg");
}
#node-10:after {
	background-image: url("/photos/elp/E3/2.jpg");
}
#node-11:after {
	background-image: url("/photos/elp/I2/1.jpg");
}
#node-12:after {
	background-image: url("/photos/elp/I3/1.jpg");
}
#node-13:after {
	background-image: url("/photos/elp/I4/1.jpg");
}
#node-14:after {
	background-image: url("/photos/elp/I5/1.jpg");
}
#node-15:after {
	background-image: url("/photos/elp/I6/1.jpg");
}
#node-16:after {
	background-image: url("/photos/elp/I7/1.jpg");
}
#node-17:after {
	background-image: url("/photos/elp/I8/1.jpg");
}
#node-9:after {
	background-image: url("/photos/elp/T1/1a.jpg");
}
#node-18:after {
	background-image: url("/photos/elp/T2/1.jpg");
}
#node-20:after {
	background-image: url("/photos/elp/T3/1.jpg");
}
#node-21:after {
	background-image: url("/photos/elp/T4/1.jpg");
}
#node-27:after {
	background-image: url("/photos/elp/T5/1.jpg");
}
#node-23:after {
	background-image: url("/photos/elp/T6/1.jpg");
}
#node-24:after {
	background-image: url("/photos/elp/T7/1.jpg");
}
#node-25:after {
	background-image: url("/photos/elp/T8/1.jpg");
}
#node-26:after {
	background-image: url("/photos/elp/T9/1.jpg");
}
#node-5:after {
	background-image: url("/photos/elp/P1/1.jpg");
}
#node-28:after {
	background-image: url("/photos/elp/E4/logo.jpg");
}
#node-29:after {
	background-image: url("/photos/elp/P3/1.jpg");
}
#node-30:after {
	background-image: url("/photos/elp/E6/1.jpg");
}

#hamburger {
	position: absolute;
	z-index: 10;

	left: 50%;
	top: 87%;
	left: 50%;
	width: 42px;
	height: 42px;
	background: #000;
	border: 3px solid #fff;
	border-radius: 80px;
	-ms-transform: translate3d(-50%, -50%, 2px);
	-webkit-transform: translate3d(-50%, -50%, 2px);
	transform: translate3d(-50%, -50%, 2px);
	transition: all 0.5s;
}
#hamburger svg path {
	fill: #fff;
	transition: all 0.5s;
}

#hamburger div {
	position: absolute;
	z-index: 2;
	width: 28px;
	height: 3px;
	background: #fff;
	top: calc(50% - 9px);
	left: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#hamburger div + div {
	top: calc(50% - 1px);
}

#hamburger div + div + div {
	top: calc(50% + 7px);
}

#hamburger:hover,
.device-small #hamburger:hover {
	background: #fff;
}

#hamburger:hover svg path,
.device-small #hamburger:hover svg path {
	fill: #000;
}

#hamburger:hover div {
	background: #000;
}

div {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#modal-content,
#modal-content-pages {
	position: fixed;
	z-index: 3000;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 650px;
	background: #000;
	border-radius: 999em;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.27);
	display: none;
}
#modal-nav {
	position: fixed;
	z-index: 3000;
	top: 50%;
	left: 50%;
	width: 850px;
	height: auto !important;
	background: #000;
	/* border-radius: 999em; */
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.27);
	display: none;
}

#modal-nav img {
	display: none;
}
#modal-nav-bg,
#modal-vid-bg {
	position: fixed;
	z-index: 1500;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.8);
	display: none;
}

#modal-vid-bg {
	z-index: 3000;
	background: rgba(0, 0, 0, 0.56);
	display: none;
}

#modal-nav-close {
	position: absolute;
	z-index: 100;
	background: #fff;
	border-radius: 10em;
	width: 60px;
	height: 60px;
	bottom: -1%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.modal-nav-content p {
	color: #fff;
	font-size: 70px;
	padding: 15px;
}
#modal-nav-close span {
	position: absolute;
	z-index: 2;
	width: 28px;
	height: 3px;
	background: #000;
	top: 50%;
	left: 16px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center;
}

#modal-nav-close span + span {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#modal-nav .modal-nav-content {
	position: absolute;
	z-index: 1;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	top: 50%;
	width: 100%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#modal-nav ul li {
	padding: 20px 0;
}

#modal-nav ul li.empty {
	padding: 50px 0;
}

#modal-nav ul li a {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
}

#modal-nav ul li a:hover,
#modal-nav ul li a:active,
#modal-nav ul li a:visited,
#modal-nav ul li a:focus {
	text-decoration: none;
}

#modal-nav h1 {
	margin: 0;
	padding: 0;
}

#menu-node-hover {
	position: absolute;
	z-index: 1;
	background: #000;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 20em;
	top: 50%;
	left: 50%;
	-ms-transform: translate3d(-50%, -50%, 1px);
	-webkit-transform: translate3d(-50%, -50%, 1px);
	transform: translate3d(-50%, -50%, 1px);
	opacity: 0;
	transition: opacity 0.5s;
}

#menu-node-hover.hover {
	opacity: 1;
}

#menu-node-hover h3 {
	position: absolute;
	z-index: 2;
	width: 200px;
	bottom: 50%;
	left: 50%;
	text-transform: uppercase;
	font-size: 33px;
	padding: 0;
	margin: 0;
	-ms-transform: translate3d(-50%, -40px, 1px);
	-webkit-transform: translate3d(-50%, -40px, 1px);
	transform: translate3d(-50%, -40px, 1px);
}

#menu-node-hover h3 + h3 {
	bottom: auto;
	top: 50%;
	-ms-transform: translate3d(-50%, 40px, 1px);
	-webkit-transform: translate3d(-50%, 40px, 1px);
	transform: translate3d(-50%, 40px, 1px);
}

.node-x-small #menu-node-hover.hover {
	opacity: 0;
}

.node-small #menu-node-hover h3 {
	width: 140px;
	font-size: 22px;
	-ms-transform: translate3d(-50%, -35px, 1px);
	-webkit-transform: translate3d(-50%, -35px, 1px);
	transform: translate3d(-50%, -35px, 1px);
}

.node-small #menu-node-hover h3 + h3 {
	-ms-transform: translate3d(-50%, 35px, 1px);
	-webkit-transform: translate3d(-50%, 35px, 1px);
	transform: translate3d(-50%, 35px, 1px);
}

.device-small #menu-node-hover h3 + h3 {
	-ms-transform: translate3d(-50%, 30px, 1px);
	-webkit-transform: translate3d(-50%, 30px, 1px);
	transform: translate3d(-50%, 30px, 1px);
}

.device-small #menu-node-hover h3 {
	width: 110px;
	font-size: 18px;
	-ms-transform: translate3d(-50%, -27px, 1px);
	-webkit-transform: translate3d(-50%, -27px, 1px);
	transform: translate3d(-50%, -27px, 1px);
}

.device-small #menu-node-hover h3 + h3 {
	-ms-transform: translate3d(-50%, 27px, 1px);
	-webkit-transform: translate3d(-50%, 27px, 1px);
	transform: translate3d(-50%, 27px, 1px);
}

#modal-content {
	z-index: 2000;
	background: #fff;
	display: block;
	font-size: 16px;
	display: none;
}

#modal-content-pages,
#modal-content-info,
.modal-content-info-inner {
	position: absolute;
	z-index: 1;
	width: 544px;
	height: 544px;
	box-shadow: none;
	display: block;
	overflow: hidden;
	background-color: #fff;
}

#modal-content-pages {
	/*z-index: 2;*/
}

.modal-content-page {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.3s;
}

.active-0 .modal-content-page:first-child {
	opacity: 1;
}

.active-1 .modal-content-page:nth-child(2) {
	opacity: 1;
}

.active-2 .modal-content-page:nth-child(3) {
	opacity: 1;
}

.active-3 .modal-content-page:nth-child(4) {
	opacity: 1;
}
.active-4 .modal-content-page:nth-child(5) {
	opacity: 1;
}
#modal-content-pages.loading:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../photos/nav.jpg) center center no-repeat;
	background-size: contain;
	opacity: 0.1;
	animation-name: loading;
	animation-duration: 1.5s;
	animation-iteration-count: 10;
	animation-timing-function: ease;
}

@keyframes loading {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	50% {
		transform: translate(-50%, -50%) rotate(180deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

#modal-content-info,
.modal-content-info-inner {
	top: 50%;
	left: 50%;
	background: transparent;
	border-radius: 99em;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
}

#modal-content-info {
	display: none;
}

.modal-content-info-inner {
	top: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: #5ca446;
	background-size: cover;
	border-radius: 0;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	display: block;
	opacity: 0;
	transition: top 0.1s linear, opacity 0.5s ease;
}

.active-0 .modal-content-info-inner:nth-child(1) {
	opacity: 1;
}

.active-1 .modal-content-info-inner:nth-child(2) {
	opacity: 1;
}

.active-2 .modal-content-info-inner:nth-child(3) {
	opacity: 1;
}

#modal-content.info-open .modal-content-info-inner {
	top: 0%;
}

#modal-content .modal-content-wrapper {
	position: absolute;
	z-index: 1;
	top: -272px;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	width: 80%;
	transition: top 0.1s linear;
}

#modal-content.info-open .modal-content-wrapper {
	top: 272px;
}

#modal-content #modal-content-pages .modal-content-wrapper {
	top: 50%;
}

#modal-content-left,
#modal-content-right {
	position: absolute;
	z-index: 1;
	width: 48px;
	height: 48px;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: opacity 0.5s;
	opacity: 1;
}

.no-paging #modal-content-left,
.no-paging #modal-content-right {
	opacity: 0;
}

#modal-content-left {
	left: 10px;
}

#modal-content-right {
	left: auto;
	right: 10px;
}

#modal-content-left span,
#modal-content-right span {
	position: absolute;
	z-index: 1;
	width: 22px;
	height: 4px;
	background: #000;
	left: 13px;
}

#modal-content-left span {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: calc(50% - 8px);
}

#modal-content-right span {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: calc(50% - 8px);
}

#modal-content-left span + span {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: calc(50% + 6px);
}

#modal-content-right span + span {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: calc(50% + 6px);
}

#modal-content-more-less {
	position: absolute;
	z-index: 3;
	width: 170px;
	height: 61px;
	left: 50%;
	bottom: 41px;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #006d38;
	border: 4px solid #fff;
	border-radius: 5em;
	display: none;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding-top: 18px;
}

#modal-content-more-less span {
	display: none;
	position: absolute;
	z-index: 1;
	width: 22px;
	height: 4px;
	background: #fff;
	top: 19px;
	left: 11px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: transform 0.5s;
}
.info-open #modal-content-more-less p {
	display: none;
}
.info-open #modal-content-more-less {
	width: 51px;
	height: 51px;
	left: 50%;
	bottom: 41px;
}
.info-open #modal-content-more-less span {
	display: block;
}
#modal-content-more-less span + span {
	display: none;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.info-open #modal-content-more-less span {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.info-open #modal-content-more-less span + span {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#modal-content h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

#modal-content p {
	margin-bottom: 20px;
}

button.btn-vid-play,
button.btn-img-view {
	position: absolute;
	z-index: 4;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border: 3px solid #fff;
	border-radius: 10em;
	display: none;
}

.modal-content-vid button.btn-vid-play,
.modal-content-img button.btn-img-view {
	display: block;
}

button.btn-vid-play span,
button.btn-img-view span {
	position: absolute;
	z-index: 1;
	width: 64px;
	height: 64px;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border: 3px solid #000;
	border-radius: 10em;
}

button.btn-vid-play span + span,
button.btn-img-view span + span {
	background: url(../assets/play-slim.svg) center center no-repeat;
	background-size: 38px 38px;
	border: none;
	left: 56%;
}

button.btn-img-view span + span {
	background: url(../assets/icon-eye.svg) center center no-repeat;
	background-size: 46px 46px;
	left: 50%;
}

#modal-vid,
#modal-img {
	position: absolute;
	width: 920px;
	/* height: 556px; */
	padding: 20px;
	z-index: 3001;
	background: #fff;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0 0 100px #000;
	display: none;
}

#modal-img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	text-align: center;
}

#modal-img.portrait {
	width: auto;
	height: 80%;
}

#modal-img img {
	width: 100%;
	height: auto;
	max-height: 80vh;
}

#modal-img.portrait img {
	width: auto;
	height: 100%;
}

#modal-vid-close,
#modal-img-close {
	position: absolute;
	z-index: 1;
	width: 51px;
	height: 51px;
	background: #000;
	border: 4px solid #fff;
	border-radius: 5em;
	right: 0;
	top: 0;
	-ms-transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

#modal-vid-close span,
#modal-img-close span {
	position: absolute;
	z-index: 1;
	width: 22px;
	height: 4px;
	background: #fff;
	top: 19px;
	left: 11px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: transform 0.5s;
}

#modal-vid-close span + span,
#modal-img-close span + span {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
video[poster] {
	object-fit: cover;
}
.vjs-poster {
	background-size: cover;
	background-position: inherit;
}
/* ul.social-memu {
	margin: 10px 0 0px;
	list-style: none;
	padding: 0;
	display: inline-block;
}

ul.social-memu li {
	width: 48px;
	height: 48px;
	margin: 0 7px;
	position: relative;
	display: inline-block;
}

ul.social-memu li a {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

ul.social-memu li.tw-link {
	background: url(../images/twitter-white.svg) center center no-repeat;
	background-size: 36px 36px;
}

ul.social-memu li.fb-link {
	background: url(../images/facebook-white.svg) center center no-repeat;
	background-size: 36px 36px;
}

ul.social-memu li.ig-link {
	background: url(../images/instagram-white.svg) center center no-repeat;
	background-size: 36px 36px;
} */

.hide-xs {
	display: none;
}
#menu {
	/* background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 25px, transparent 25px) 0% 0%/30px 30px
			no-repeat,
		radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 25px, transparent 25px) 100% 0%/30px 30px no-repeat,
		radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 25px, transparent 25px) 0% 100%/30px 30px no-repeat,
		radial-gradient(circle at 0 0, #ffffff 0, #ffffff 25px, transparent 25px) 100% 100%/30px 30px no-repeat,
		linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 10px) calc(100% - 60px) no-repeat,
		linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 60px) calc(100% - 10px) no-repeat,
		linear-gradient(rgba(255, 255, 255, 1) 67%, rgba(72, 171, 224, 1) 100%) no-repeat 0 0/98% 100%; */
	border-radius: 30px;
	padding: 9px;
	box-sizing: border-box;
	position: absolute;
	right: -26px;
	padding-right: 30px;
	/* top: 53px; */
	top: 22px;
}

#menu .dropdown {
	display: none;
}
.menu-items {
	background-color: #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 1350px;
	align-self: normal;
}

.menu-item {
	background-color: #16c1f4;
	border-radius: 30px;
	/* padding: 10px 30px; */
	text-align: center;
	list-style-type: none;
	margin: 0px 20px;
}

.menu-item a {
	color: #fff;
	display: block;
	width: 100%;
	background-color: #16c1f4;
	padding: 10px 30px;
	border-radius: 30px;
	text-decoration: none;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.menu-item a.selected {
	background-color: #5ca446;
}

.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown,
.dropdown-menu {
	background: #fff;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 12px 16px;
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #ddd;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown .dropdown-toggle {
	text-wrap: initial;
	max-width: 350px;
	background-color: #003664;
	color: #fff;
	width: 350px;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: inherit;
}
.dropdown-menu > li > a {
	color: #fff;
	text-decoration: none;
	background-color: #003664;
	padding: 14px 20px;
}
.dropdown-menu li a.selected,
.dropdown-menu li a:hover {
	background-color: #003664;
	color: #0e91c2;
}
.dropdown .dropdown-toggle:focus {
	background-color: #f1f1f1;
}
.dropdown-toggle p {
	margin: 0px 20px;
}
.bi-chevron-down {
	display: inline-block;
	transform: scale(-1, 1);
	position: absolute;
	right: 15px;
	top: 2px;
}