.cover {
	position: relative;
	min-height: 700px;
}

@media (max-width: 1199px) {
	.cover {
		padding-top: 350px;
		padding-bottom: 100px;
	}
}

@media (min-width: 1200px) {
	.cover {
		height: 100vh;
		min-height: 700px;
	}
}

.cover-slick {
	width: 100%;
	height: 100%;
}

@media (max-width: 1199px) {
	.cover-slick {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
}

.cover-slick div {
	height: 100%;
	background-size: cover;
	background-position: center;
}

.cover-content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	text-align: center;

	max-width: 600px;
	margin-top: -60px;
}

.cover-content h1 {
	margin-bottom: 1rem;
}

.cover-content h1>span {
	background: rgba(3, 25, 48, .9);
	color: #fff;
}

.cover-content h1>span>span {
	color: #fffc00;
}

.cover-content p {
	margin: 0;
}

.cover-content .text {
	background: rgba(204, 211, 223, .8);
	padding: 1rem;
	color: #333;
	display: inline-block;
}

/**/

.services {
	text-align: center;
}

@media (min-width: 992px) {
	.services {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		z-index: 5;
	}
}

.services>div {
	display: inline-block;
}

.services>div>a {
	display: block;
	width: 265px;
	height: 265px;
	position: relative;
	margin: 2rem;
}

@media (max-width: 1199px) {
	.services>div>a {
		margin: .5rem;
	}
}

.services>div>a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;

	background: url(images/circle.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 265px;
	height: 265px;
}

.services>div:nth-child(1)>a:before {

	background: url(images/circle-01.png);
	background-repeat: no-repeat;
	background-position: center;
}

.services>div:nth-child(2)>a:before {
	background: url(images/circle-02.png);
	background-position: center;

}

.services>div:nth-child(3)>a:before {
	background: url(images/circle-03.png);
	background-position: center;

}

.services>div>a:hover {
	transform: scale(1.2);
}

.services>div>a:hover:before {
	animation: fa-spin 4s infinite linear;
}

.services>div>a>span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width: 180px;
	height: 180px;

	border-radius: 50%;
}

.services>div>a>span>span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	font-size: 2.3rem;
	line-height: 2.3rem;
	color: #1b5c94;
	font-weight: bold;
	width: 120px;
	text-align: center;
}

/**/

@media (min-width: 1200px) {
	.news {
		position: absolute;
		bottom: 86px;
		right: 0;
		z-index: 9;
	}
}

@media (max-width: 1199px) {
	.news {
		margin-bottom: 2rem;
		position: relative;
	}
}

.news h2 {
	height: 150px;
	width: 150px;
	background-image: url(images/news-shape.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0;
	padding: .75rem 2rem;
	border-top-left-radius: 2rem;
	font-size: 1.4rem;
	color: #fff;
	position: absolute;
	z-index: 9;
	padding: 3.8rem 0rem;
	background-size: cover;
	text-align: center;
	right: 0;
	top: -2rem;
	font-weight: bold;
}

@media (max-width: 1199px) {
	.news h2 {
		position: fixed;
		top: -999px;
	}
}

.news .content {
	background: rgb(255 255 255 / 80%);
	display: block;
	margin: 0;
	padding: 1rem;
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
	height: 100px;
	width: 38vw;
	color: #000;
	position: relative;
}

@media(max-width:991px) {
	.news .content {
		width: 96%;
		margin: auto;
		border-radius: 2rem;
	}
}


@media(min-width:992px) and (max-width: 1199px) {
	.news .content {
		width: 70%;
		margin: auto;
		border-radius: 2rem;
	}
}



.news ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 80px;
	padding-right: 150px;
}

@media(max-width:1199px) {
	.news ul {
		list-style: none;
		padding: 0;
		margin: 0;
		padding-left: 80px;
		padding-right: 0;
		margin-top: 10px;
	}
}

.news ul a {
	color: inherit;
}

.news .buttons {
	position: absolute;
	top: 12px;
	left: 10px;
	width: 80px;
	font-size: 24px;
}

.news .buttons button {
	background: none;
	border: 0;
	float: right;
	color: #d46b25;
}

/**/

@media(min-width:1200px) {
	.events {
		text-align: left;
		position: absolute;
		left: 0px;
		bottom: 86px;
	}
}



/* @media (min-width: 992px) {
	.events {
		position: absolute;
		bottom: 86px;
		left: 0;
		z-index: 99999;
	}
} */

.events h2 {
	background: rgba(19, 164, 226, .8);
	display: inline-block;
	margin: 0;
	padding: .75rem 2rem;
	border-top-right-radius: 2rem;
	font-size: 1.4rem;
	color: #fff;
	display: none;
}

.events .content {
	background: rgb(255 255 255 / 0.8);
	display: block;
	margin: 0;
	padding: 1rem;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
	height: 100px;
	width: 43vw;
	text-align: right;
	color: #fff;
}

@media(max-width:991px) {
	.events .content {
		width: 95%;
		display: block;
		border-radius: 2rem;
		margin: auto;
		margin-top: 4rem;
	}
}

@media(min-width:992px) and (max-width: 1199px) {
	.events .content {
		width: 70%;
		display: block;
		border-radius: 2rem;
		margin: auto;
		margin-top: 4rem;
	}
}

.events .content a {
	color: inherit;
}

.events .content a:hover {
	text-decoration: none;
}

.events-slick {
	margin-top: -34px;
	padding: 0 30px;
}

.event-content {
	display: table;
	margin-top: -1rem;
}

.event-content>div {
	display: table-cell;
	vertical-align: middle;
}

.event .icon {
	position: relative;
	width: 175px;
	height: 175px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;

	display: flex;
	align-items: center;
	justify-content: center;
}

.event .icon::before {
	position: absolute;

	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	content: "";
	background-image: url(images/shape-01.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index: -1;
}

.event .icon>div {}



.event:hover .icon::before {
	transform: rotateZ(-75deg);
}

.event .icon .day {
	display: block;
	font-size: 3rem;
	line-height: 3rem;

	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.event:hover .icon .day {
	transform: scale(1.3);
}


.event .icon .month {
	display: block;
}

.event .text {
	padding: 0 1rem;
}

.event .text .name {
	font-weight: bold;
	color: #000;
}

.event .text .location {
	color: #ed774f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 140px;
}


@media (max-width: 667px) {

	.event .text .name {
		height: 4rem;
		max-width: 140px;
		overflow: hidden;
	}

}

/**/


@media (min-width: 992px) {
	.side-links {
		position: absolute;
		top: 147px;
		left: 0;
		text-align: left;
	}
}


@media (max-width: 991px) {
	.side-links {
		text-align: left;
	}
}



.side-links a {
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
}

.moked-banner {
	background: rgb(143 84 20 / 0.8);
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
	padding: .9rem 6rem 0.95rem 2rem;
	font-size: 2rem;
	color: #fff;
	text-decoration: none;
	height: 77px;
	text-align: center;
}




.moked-banner:hover {
	padding-left: 3rem;
	text-decoration: none;
	color: #fff;
}

.moked-banner img {
	position: absolute;
	right: -80px;
	top: -37px;

}

/**/

.side-links a {
	background: #eb8f24;
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
	padding: .4rem 4.5rem 0.95rem 2rem;
	font-size: 2rem;
	color: #fff;
	text-decoration: none;
	height: 64px;
	position: relative;
}

@media (max-width: 991px) {
	.side-links a {
		padding: .9rem 4.5rem 0.95rem 2rem;
		font-size: 1.5rem;
	}
}

.side-links a:hover {
	padding-left: 3rem;
	text-decoration: none;
	color: #fff;
}

.side-links a img {
	position: absolute;
    bottom: 0;
    right: -37px;
    max-height: 90px;
}

.side-links > div:nth-child(2) a {
	background: rgb(190 86 162 / 80%);
}
.side-links > div:nth-child(3) a {
	background: rgb(76 157 110 / 80%);
}
.side-links > div:nth-child(4) a {
	background: rgb(206 169 92 / 80%);
}

.corona-banner {
	
	background: rgb(198 59 53 / 0.8);
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
	padding: .9rem 4.5rem 0.95rem 2rem;
	font-size: 2rem;
	color: #fff;
	text-decoration: none;
	height: 77px;
}

.corona-banner:hover {
	padding-left: 3rem;
	text-decoration: none;
	color: #fff;
}

/**/

body {
	background: #00aeef;
}

.extra-accessibility-mode body {
	background: #003f7c;
}


.website {
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

@media (min-width: 992px) {
	.opened-navigation {
		overflow: hidden;
	}

	.opened-navigation .website {
		-webkit-transform: perspective(300px) rotateY(-20deg);
		transform: perspective(300px) rotateY(-20deg);
	}
}

/**/

.footer {
	display: none;
}


/* Footer */

.footer-idx {
	padding: 0.25rem;
	background: rgb(35 120 150 / 0.8);
	color: #fff;
	text-align: center;


}

@media(max-width:991px) {
	.footer-idx {
		margin-bottom: 3rem;
	}
}

@media(min-width:1200px) {
	.footer-idx {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 29px;
	}
}


.footer-idx a {
	color: #fff;
}

.footer-idx p {
	margin: 0;
}

@media (max-width: 1199px) {
	.footer-idx {
		text-align: center;
	}
}


/**/

video {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
	background: #111;
	background-size: 100% 100%;
	transition: 1s opacity;
	width: 100%;
}

@media (max-width: 1199px) {
	video {
		display: none;
	}
}

.video-toggles {
	position: absolute;
	bottom: 48%;
	right: 15px;

	z-index: 99;
}

#toggle-video {
	background: #99ca3c;
	color: #fff;
	border: 0;
	padding: 10px 15px;
	cursor: pointer;

	width: 44px;

	margin-top: 15px;

	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;

	z-index: 9;

	display: block;
}

#toggle-video:hover,
#toggle-video:focus {
	background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 767px) {
	#toggle-video {
		display: none;
	}
}


#toggle-sound {
	background: #56c4be;
	color: #fff;
	border: 0;
	padding: 10px 15px;
	cursor: pointer;

	width: 44px;

	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;

	z-index: 9;

	display: block;
}

#toggle-sound:hover,
#toggle-sound:focus {
	background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 767px) {
	#toggle-sound {
		display: none;
	}
}

/**/

.more-events-div {
	margin-top: -22px;
	margin-left: -16px;
	text-align: left;
	position: relative;
}

@media (max-width: 667px) {
	.more-events-div {
		margin-top: -26px;
	}

}

.more-events {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	display: inline-block;
	padding: 0 .5rem;
	/* background: rgba(237, 119, 79, .8); */
	border-radius: 0 0 1rem 0;
}

.more-events:hover {
	/* background: #94b921; */
}

@media (min-width: 992px) {
	.no-events {
		font-size: 2rem;
		opacity: .5;
		letter-spacing: 10px;
		padding: .5rem 2rem 3.1rem 1rem;
	}
}

@media (min-width: 1470px) {
	.no-events {
		letter-spacing: 25px;
	}
}


.events .slick-prev:before,
.slick-next:before {
	color: #00000094;
}

[dir='rtl'] .slick-next {

	top: 72px;
}

[dir='rtl'] .slick-prev {
	top: 72px;
}


/**/

.more-news-div {
	margin-top: 52px;
	margin-left: -16px;
	text-align: left;
	position: relative;
}

@media (max-width: 667px) {
	.more-news-div {
		margin-top: 33px;
	}
}


.more-news {
	position: relative;
	z-index: 99999;
	display: inline-block;
	padding: 0 .5rem;
	border-radius: 0 0 1rem 0;
	color: #fff;
	text-decoration: none;
}

.more-news:hover {
	text-decoration: none;
	color: #fff;
}

@media (max-width:1630px) and (min-width: 992px) {
	#bgvid {
		display: none;
	}

	.services {
		position: absolute;
		top: 50%;
		left: 64%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		z-index: 5;
	}
}


@media(max-width:1199px) {
	.cover-content {
		position: relative;
		top: unset;
		left: unset;
		margin-right: unset;
		transform: unset;
		z-index: 99;
		text-align: center;
		max-width: unset;
		margin-top: 221px;
		width: 100%;
	}

	.services {
		/*position: relative;
		top: unset;
		margin-right: unset;
		transform: unset;
		z-index: 5;
		left: unset;*/
	}
}


@media (min-width: 1200px) {
	.bottom-icons {
		position: absolute;
		bottom: 40px;
		left: 15px;
		
	}
}



.bottom-icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bottom-icons ul > li {
	float: right;
	z-index: 99;
	background-size: cover;
	font-size: 0;
	background: rgba(255,255,255,0.9);
	border-radius: 10px;
	margin-right: 10px;
	padding: 5px;
}



.bottom-icons ul > li a {
	display: block;
	width: 120px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}

@media (max-width: 1199px) {
	.bottom-icons ul > li {
		margin: 5px;
	}
}

		
.biz a {
	background-size: cover;
	background-repeat: no-repeat;
	left: 0rem;
	padding-left: 2rem;
	background-position: 100%;
}
.biz a:hover {
	padding-left: 3rem;
}

@media (max-width:991px){
    .cover{
        padding-top: 160px;
    }
    .side-links a {
        height:50px;
        padding: 0.4rem 3rem;
    }
        .services>div>a>span>span {
        font-size:1.82rem;
        line-height:1;
    }
    .services>div:nth-child(1)>a:before,
    .services>div:nth-child(2)>a:before,
    .services>div:nth-child(3)>a:before{
        background-size:200px;
        background-repeat:no-repeat;
    }
}