body {
	overflow-x: hidden;
}

h4 {
	letter-spacing: 0px;
}

.bg-black {
	background-color: #1c1c1c !important;
}

.navbar-image {
	margin-top: -10px;
	margin-left: -10p;
}

.navbar.fixed-top {
	height: 56px;
}

.navbar {
	padding: 1.48rem 2rem;
}

li.nav-item {
	padding-bottom: 5px;
}

li.nav-item .nav-link {
	letter-spacing: 1px;
	font-family: "MontserratRegular";
	padding-top: 3px;
}

li.nav-item.active .nav-link {
	font-family: "MontserratBold";
	background-color: #1c1c1c !important;
	color: white !important;
}

li.nav-item.active {}

div.TrackList_opacityContainer__L_yni {
	padding-bottom: 15px !important;
}

.badge-custom {
	margin-top: 2px !important;
	position: absolute;
	margin-left: 10px;
	border: 2px solid red;
	font-size: 0.6rem;
	border-radius: 0px;
	padding: 1px 10px;
	font-weight: 400;
}



.btn-welcome-bordered {
	background-color: black !important;
	color: white;
	padding: 2px 12px;
	box-shadow: 0 0 20px 1px darkgrey;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	letter-spacing: 1px;
	font-weight: 600;
}

#closeModalButtonFooter {
	bottom: -100px;
}

.btn-welcome-bordered:hover {
	background-color: #e8e8e8 !important;
	color: #1c1c1c;
}

.head-text {
	letter-spacing: 1px;
}

.text-bold {
	letter-spacing: 0;
}

.letter-0 {
	letter-spacing: 0;
}

.map-greyscale {
	filter: grayscale(1);
}

.map-greyscale:hover {
	filter: grayscale(0);
}

.container-custom {
	max-width: 1024px;
}

@media screen and (min-width: 768px) {
	.on-mobil {
		display: none;
	}

	.no-mobil {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.on-mobil {
		display: block;
	}

	.no-mobil {
		display: none;
	}
}


.slick-arrow .fa {
	font-size: 50px;
}

.slick-arrow {
	position: absolute;
	z-index: 1;
	background-color: transparent;
	cursor: pointer;
}

.slick-prev,
.slick-next {
	top: 50%;
	transform: translateY(-50%);
}
#testimonials .slick-prev,
#testimonials .slick-next {
	
	top:100px;
}
.slick-prev {
	left: -5%;
}

.slick-next {
	right: -5%;
}

.slider--header .slick-prev {
	left: 5%;
}

.slider--header .slick-next {
	right: 5%;
}



.section {
	padding-top: 6em;
	padding-bottom: 6em;
}

.section--bg1 {
	background: white url(images/covers/background.png) no-repeat center center;
	background-attachment: 100%;
	background-size: 100% 100%;
}

.section--player {
	background-image: url(/images/Spotify_bck.png);
	background-attachment: 100%;
	background-size: cover;

}

.section__title {
	line-height: 1.5em;
	letter-spacing: 1px;
	font-size: 1.5em;
	margin-bottom: 2em;
}

.section__content {}

.section__content p {
	font-size: 1em;
	margin-bottom: 2em;
}

.section__content p:last-child {
	margin-bottom: 0;
}

.features {
	margin-top: 4em;
}

.features-item {
	display: flex;
	margin-bottom: 2em;
}

.features-item:last-child {
	margin-bottom: 0em;
}

.features__image {
	width: 55px;
	margin-right: 1.5em;
}

.features__title {
	font-size: 1.3em;
	font-weight: bolder;
	margin-bottom: 0.4em;
}

.features__desc {
	font-size: 0.9em;
}

.film-slider-desktop {
	display: flex;
	gap: 1em;
}

.testimonial-slider {
	max-width: 1500px;
	margin: 0 auto;
}

.testimonial-slider img {
	max-width: 200px;
	display: block;
	margin: 0 auto;
}

.testimonial__text {
	font-size: 0.9em;
	font-style: italic;
}

.testimonial__title {
	margin-bottom: 2em
}

.pannonia-logo {
	height: 150px;
}

.long-term-video {
	border: 6px solid #000;
}

.features-section {
	background-image: url(/images/covers/Service_pic.jpg);
	background-attachment: 100%;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	.section__content p {
		font-size: 1em;
	}

	.features-section {
		background-image: none;
	}

	.features-item {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.features__image {
		width: 55px;
		display: block;
		margin: 0 auto 1em auto;
	}

	.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}

	.testimonial-slider {
		padding-right: 1em;
		padding-left: 1em;
	}

	.spotify-frame {
		height: 300px;
	}

	/* .section-mobile-bottom-0 {
		padding-bottom:0;
	} */
	.footer-text {
		font-size: 0.8em;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.footer img {
		width: 150px;
	}
}

.footer-text {
	font-size: 0.9em;
}



.btn-dark-bordered {
	background: #fff;
	color: #000;
	border: 2px solid #000;
}

.btn-dark-bordered:hover {
	background: rgba(255, 255, 255, 0);
	background: #000;
	color: #fff;
}

#pannoniaVideoModal .modal-dialog {
	max-width: 95%;
	width: 100%;
}

#pannoniaVideoModal iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#pannoniaVideoModal .close {
	position: absolute;
	top: 50px;
	right: 20px;
	color: #fff;
	z-index: 100;
	font-size: 70px;
}

#pannoniaVideoModal .close:hover {
	color: #fff !important;
}

#pannoniaVideoModal .modal-body {
	padding: 0;
	padding-bottom: 56.25000000000001%;
	position: relative;
}