.dropzone {
    z-index: 1;
}

.dropzone-premium,
.dropzone .banner .image,
section.dropzone {
    height: 100%;
}

.banner {
    position: absolute;
    background: black;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.dropzone .banner {
    height: 100%;
}

.dropzone .content {
    min-height: calc(calc(var(--vh) * 100) - var(--navbar-height));
}

.dropzone .logo img {
    width: auto;
    height: auto;
    max-width: 9rem;
    max-height: 9rem;
    object-fit: contain;
	filter: drop-shadow(0px 0px 2px #00000060);
}

.sponsors_bkg {
	position: absolute;
    width: 51%;
    height: 10%;
    background-color: #ffffffb0;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    margin-left: -2%;
    border-radius: 0em 0em 0em 2em;
	background: linear-gradient(180deg, #ffffff, #ffffff, #ffffff9c);
}	

/*.safari .sponsors_bkg {
    height: 24%;
}	*/

.sponsors_bkgR {
	position: absolute;
    width: 49%;
    height: 10%;
    background-color: #2f264edb;
    clip-path: polygon(15.5% 0, 100% 0, 100% 100%, 0% 100%);
    margin-left: 42%;
    border-radius: 0em 0em 2em 0em;
}
	
/*.safari .sponsors_bkgR {
	height: 24%;
}	*/

.bg-dzeDP2 {
	position: absolute;
    backdrop-filter: blur(9px);
    width: 100%;
    height: 100%;
    background: radial-gradient(75% 35% at 50% 95%, rgb(80 82 98 / 0%) 20%, rgb(86 86 86 / 0%) 90%), linear-gradient(rgba(28, 35, 50, 0) 0%, rgb(255 255 255) 80%);
	z-index: 0;
}


@media (min-width: 3840px) {
  .sponsors_bkg{
    width: 52%;
    margin-left: -1%;
  }
  .sponsors_bkgR{
    width: 51%;
    margin-left: 44%;
  }
}

.x3Dtilt-right {
  transform: perspective(1000px) rotateX(0deg) rotateY(352deg);
}


.x3Dtilt-left {
	transform: perspective(1000px) rotateX(0deg) rotateY(369deg);
}

.countrieflags {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-shadow: inset 0px 0px 8px 0px #00000069;
    background: linear-gradient(to bottom, rgb(0 0 0 / 4%) 0%, rgb(0 0 0 / 0%) 50%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 10%) 100%), url(bild-url) center center / cover no-repeat;
}

.countrieflagsname {
	font-size:1.6rem;
	z-index:3;
	text-shadow: 1px 1px 8px BLACK;
}

.HighlightedTxT {
	font-size: 1.8rem;
    position: absolute;
    font-family: 'aavanteintbold';
    left: 44.5%;
    top: 17%;
    padding: 1rem;
    text-shadow: 0 0 1px black;
}

.WWD {
	font-size: 1.8rem;
    position: absolute;
    font-family: 'aavanteintbold';
    left: 39.5%;
    margin-top: 1%;
    padding: 1rem;
    color: #313464;
    text-shadow: 0 0 1px black;
}

.SBC {
	font-size: 1rem;
    position: absolute;
    font-family: 'aavanteintbold';
    left: 50%;
    margin-top: 2.8%;
    padding: 1rem;
    color: #313464;
    text-shadow: 0 0 1px black;
}

.aDZ {
	display: none;
}

.aC {
	display: none;
}

.spo_txt {
}

.btn-lp2-explore {
	margin-top: 2rem;
    padding: 0.5em 2.5em;
    width: 60%	
}



.filtertype {
    align-items: start;
    display: flex;
}

.filtercat {
    align-items: start;
    display: flex;
}
	
	
.filterfac {
    flex-flow: wrap;
    display: flex;
}	
	
	
.milk-frame-0 {
	/*background: rgba(255, 255, 255, 0.36);*/
	background: rgba(255, 255, 255, 0.68);
    border-radius: 14px;
	box-shadow: 0 0 7px 1px #00000008;
}

.milk-frame {
	background: rgb(255 255 255 / 31%);
    border-radius: 11px;
	/*background: rgba(255, 255, 255, 0.11);
    border-radius: 14px;*/
    padding-inline: 19px;
    padding-top: 21px;
    padding-bottom: 21px;
}

.milk-frame-1 {
    text-align: center;
	background: rgb(0 0 0 / 60%);
	/*background: rgb(69 69 69 / 60%);
    background: rgba(255, 255, 255, 0.14);*/
    display: block;
    padding-bottom: 21px;
    padding-top: 20px;
    width: 100%;
    border-radius: 11px 11px 3px 3px;
    padding-inline: 0px;
}

.manage-dze-grid {
   grid-template-rows: 1fr;
   grid-template-columns: 1fr 1fr 1fr;	
}

.uup{
	height: 24px;
}

:root {
  --animation-duration: 0s;
}

@keyframes textscroll-ltr {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

#scroll-text {
  animation-name: textscroll-ltr;
  animation-duration: var(--animation-duration);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
#scroll-container {
  overflow: hidden;
}


.welcome-logo-pop-e {
    margin-bottom: 0rem;
}

.welcome-logo-pop2-e {
	padding: 3% 32% 2% 32%;
    max-width: 100%;
    margin-top: -12rem;
}

.button-container-welcome-e {
    display: flex; 
	justify-content: center;
}

.button-edit-welcome-e {
    margin-right: 10px;
    font-size: 1rem;
    border-radius: 8px;
    font-family: 'montserrat-semibold';
    text-transform: uppercase;
    background: linear-gradient(9deg, #60ce4c, #3bcd3f);
    color: white;
    padding: 10px 18px 10px 18px;
}


.welcome-overlay-e {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.6);*/
    display: none;
    z-index: 99998;
	background: rgb(255 255 255 / 40%);
    backdrop-filter: blur(20px);
	webkit-backdrop-filter: blur(20px);
}


.welcome-popup-e {
    position: fixed;
    z-index: 99999;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 2px;
    border-radius: 30px;
    width: 54%;
	background: #ffffffeb;
    padding: 50px;
	display: none;
	font-family: 'montserrat-medium';
	border: solid 8px #266898;
    box-shadow: 0px 0px 11px 0 rgb(0 0 0 / 45%), 1px 3px 18px 0 rgb(0 0 0 / 17%);
}

.welcome-popup-e .close {
	display:none;
}

  .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
	right: 0%;
  }
  &:target {
    visibility: visible;
    opacity: 1;
  }
  
.welcome-popup-e .close:hover {
	color: #06D85F;
}
.welcome-popup-e .content {
	max-height: 30%;
	overflow: auto;
}



.welcome-logo-pop-dz {
    margin-bottom: 0rem;
}

.welcome-logo-pop2-dz {
	padding: 3% 32% 2% 32%;
    max-width: 100%;
    margin-top: -12rem;
}

.button-container-welcome-dz {
    display: flex; 
	justify-content: center;
}

.button-edit-welcome-dz {
    margin-right: 10px;
    font-size: 1rem;
    border-radius: 8px;
    font-family: 'montserrat-semibold';
    text-transform: uppercase;
    background: linear-gradient(9deg, #60ce4c, #3bcd3f);
    color: white;
    padding: 10px 18px 10px 18px;
}


.welcome-overlay-dz {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.6);*/
    display: none;
    z-index: 99998;
	background: rgb(255 255 255 / 40%);
    backdrop-filter: blur(20px);
    webkit-backdrop-filter: blur(20px);	
}


.welcome-popup-dz {
    position: fixed;
    z-index: 99999;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 2px;
    border-radius: 30px;
    width: 54%;
	background: #ffffffeb;
    padding: 50px;
	display: none;
	font-family: 'montserrat-medium';
	border: solid 8px #266898;
    box-shadow: 0px 0px 11px 0 rgb(0 0 0 / 45%), 1px 3px 18px 0 rgb(0 0 0 / 17%);
}

.welcome-popup-dz .close {
	display:none;
}

  .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
	right: 0%;
  }
  &:target {
    visibility: visible;
    opacity: 1;
  }
  
.welcome-popup-dz .close:hover {
	color: #06D85F;
}
.welcome-popup-dz .content {
	max-height: 30%;
	overflow: auto;
}

.btn-manage-blue {
	background-color: #007bff !important;
	border-color: #007bff !important; 
}

.dze-counter-flag {
    font-family: 'montserrat-semibold';
    width: auto;
    font-size: 19px;
	border-radius: 4px;
    top: 8px;
    right: 9px;
    padding: 0 8px;
    color: #ffffff;
    position: absolute;
    background: #00000036;
    font-weight: 600;
    display: inline-block;
    margin: 0 auto;
    transition: 0.35s;
}
.dze-name-flag {
    font-family: 'montserrat-semibold';
    padding: 0 10px;
    text-shadow: 1px 1px 8px BLACK;
    position: absolute;
    bottom: 8px;
    right: 9px;
    font-size: 19px;
    border-radius: 4px;
    /*background: #ffffff38;*/
    text-transform: uppercase;
    color: #ffffff;
    background: #00000036;
    max-width: 92%;
}

.bkg-create-dze {
    color: white;
	background-image: linear-gradient(to bottom, rgb(34 234 130 / 0%), #f0f8ffd4), url(/static/base/images/x1.png);
    /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #075fff), url(/static/base/images/x1.png);
	background-image: linear-gradient(to bottom, rgb(34 234 130 / 0%), #0788ffd4), url(/static/base/images/x1.png);*/
    animation: steam 1200s linear infinite;
    background-size: cover;
    /*text-shadow: 0px 0px 4px black;*/
    padding: 0 20% 0 20%;
	color: black !important;
}
.overlay-link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	background: rgba(0, 0, 0, 0);
}

.msb-form {
	font-family: montserrat-semibold !important;
}

#detail-page-middle{
    background-image: initial;
    background-color: transparent;
	z-index: 1;
}

.dropzone-premium .swiper-slide {
    height: auto;
}

.dropzone-premium .swiper-button-next, .dropzone-premium .swiper-button-prev {
    font-size: 2rem;
}

.title {
    text-align: center;
    line-height: 1.3;
}

.CountryBox{
	display: -webkit-flex;
    max-height: 35%;
    justify-content: center;
}

.flagframe{
	background-color: #ffffff8c;
    border-radius: 1.5rem;
}

@keyframes blink-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
	color: var(--clr-bg-dark);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
	color:#0056b3;
	text-shadow: 0px 0px 2px black;
  }
  100% {
    opacity: 1;
    transform: scale(1);
	color: var(--clr-bg-dark);
  }
}

.blink-icon-lp2 {
  display: inline-block;
  animation: blink-pulse 2s infinite ease-in-out, pulse-lp2 1s infinite ease-in-out;
}


@keyframes pulse-lp2 {
	  0% { box-shadow: 0 0 0 0px rgba(0,0,5,0.1),0 0 0 0px rgba(22,22,22,0.2);  }
	  50% { transform: scale(1); }
	  100% { box-shadow: 0 0 0 0px rgba(0,20,255,0),0 0 0 0px rgba(0,210,255,0); }
	}
	
	

.uploadedby {
	color: white;
	font-size: 15px;
	filter: drop-shadow(0px 0px 2px black);
	bottom: 100%;
	left: 50%;
	z-index: 9999;
	position: absolute;
	transform: translateX(-50%);
}

.swiper-wrapper-country{
}

.event-opacity {
    opacity: 0;
}

.mb0 {
	margin-bottom:0rem !important;
}

.mt0 {
	margin-top:0rem !important;
}

	
.mb1 {
	margin-bottom:1rem !important;
}

.mb1 {
	margin-top:1rem !important;
}

.colorwhite {
		color:white;
	}
	
	
.letsgo-btn {
	width: 100%;
    background-color: #266898;
    padding: 1rem;
    border-radius: 7px;
    color: white;
    font-weight: bold;
    font-size: var(--fs-18px);
}	

.dontshowagain {
	box-shadow: none;
}

.banner .image img,
.banner .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dropzone .location .continent {
    writing-mode: vertical-rl;
    text-align: center;
    transform: scale(-1);
    -webkit-transform: scale(-1);
}

.dropzone .location .country-city {
    margin-left: 1.5rem;
    min-width: max-content;
    padding-right: 10px;
	font-family: montserrat-bold;
}

.location {
    display: flex;
    align-items: center;
    color: white;
    padding-right: 100px;
    padding-block: 5px;
    overflow: hidden;

}

.dcard-inline.dcard-inline .location {
    color: white;
}

.dropzone .location {
     /*  ---- GLAS ----color: var(--clr-tt-dark);*/
	color: white;
    width: auto;
}

.dropzone .location:after {
    content: "";
    position: absolute;
    z-index: -1;
    /*inset: 0 50px 0 -50px;*/
	top: 0;
    right: 50px;
    bottom: 0;
    left: -50px;
    background: white;
    transform: skewX(-55deg);
    -webkit-transform: skewX(-55deg);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 6px;
    /* background: linear-gradient(180deg, hsl(0 0% 100% / 100%), hsl(0 0% 100% / 85%) 85%, white 120%); */
    /* filter: drop-shadow(2px 4px 8px #00000061); */
    /*  ---- GLAS ---- background-color: #ffffffe0;*/
	background-color: #313464;
	background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #282b5c0a 14px ), repeating-linear-gradient( #121327, #313464f2 );
}

.location img {
    width: var(--flag-size, 9rem);
    height: auto;
    max-height: 3rem;
    object-fit: contain;
	border-radius: 14%;
}

.banner .content img {
    position: absolute;
    left: 10px;
    justify-self: start;
    height: 30px;
}

.dropzone .location {
    position: absolute;
    top: 75px;
    left: 0;
}

.dropzone .social-info {
    position: absolute;
    top: 75px;
    right: 90px;
    color: var(--clr-tt-dark);
}

.social-info .info {
    background: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    column-gap: 2em;
    padding: 1em 2em;
    justify-content: center;
    /* background: linear-gradient(180deg, hsl(0 0% 100% / 100%), hsl(0 0% 100% / 85%) 90%, white 120%); */
	background-color: #ffffffe0;
    filter: drop-shadow(2px 4px 8px #00000061);
}

.social-info .social {
    justify-content: space-between;
    margin-top: 3rem;
	/*   --- High performance ---*/
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);	
}

.dropzone .categories {
    display: flex;
    grid-area: categories;
}

.categories .category {
    margin: 5px;
}

.dropzone .actions {
    grid-area: actions;
}

.dropzone .description {
    grid-area: description;
    font-size: 110%;
    font-weight: bold;
}

.facilities {
    grid-area: facilities;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 3rem;
    text-align: center;
    font-size: 1.3em;
}

.facilities header {
    font-size: 105%;
    font-weight: bold;
    width: 100%;
}

.dropzone .sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    grid-area: sidebar;
    gap: 5px;
    padding: 5px;
    background-color: darkcyan;
    border-bottom-right-radius: 10px;
}

.sidebar header {
    text-align: center;
    font-size: 105%;
    font-weight: bold;
    margin-bottom: 5px;
}

.sidebar section {
    background: azure;
    padding: 5px;
}

.sidebar .logo {
    text-align: center;
}

.sidebar .logo img {
    max-height: 100px;
    width: auto;
    text-align: center;
}

.sidebar .business-hours {
    border-bottom-right-radius: 10px;
}

.dropzone .contact {
    display: flex;
    grid-area: contact;
}

.dropzone .type {
    grid-area: type;
}

.dropzone .contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact .address {
    width: 100%;
    text-align: center;
}

.date {
    font-size: 1.5rem;
    white-space: nowrap;
}


.addDZbtnS2{
		display:none;
	/*width: 100%;
	justify-content: center;
	position: absolute;
	display: flex;*/
}

.adddzbtns1{
		display:none;
	/*position: absolute;
	display: flex;
	margin-left: 41rem;
	margin-top: 3rem;
	justify-content: center;*/
}


.mobile-css-block{

}

.mobile-css-block2{
	display:none;
}

.overpopLogo {
		display: none;
	}
	.DE3Logo1 {
		display: none;
	}
	.DE3Logo2 {
		display: none;
	}
	.DE3Logo3 {
		display: none;
	}


	.mobile-ticketprice {
		
	}
	
	.mobile-ticketprice2 {
		display: none;
	}
	
	.mobile-eticketpriceDE {
		display: none;
	}

	.mobile-ticketpricewh {
		display: none;
	}

.dropzone .commands {
    margin-top: -1rem;
    margin-bottom: 5rem;
}

.dropzone .commands>* {
    margin-top: 1rem;
}

@keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}




.friends-content {
    background: red;
    border-radius: 50%;
    width: 1.3rem;
    height: 1.3rem;
    align-self: end;
    font-size: var(--fs-14px);
    font-family: montserrat-bold;
    display: grid;
    place-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
}

.eventbox {
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.4em 1.3em;
    text-transform: uppercase;
    background: linear-gradient(#F20336, #9D1D15);
}

.dz-event {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.safari .dz-event {
    display: block;
}


.alpha-box {
    padding: 0.3em 0.5em;
    background: rgba(0, 0, 0, 0.1);
    line-height: 1;
}

.alpha-box-dark {
    padding: 0.3em 0.5em;
    background: rgba(0, 0, 0, 0.5);
    line-height: 1;
}

.swiper-container {
    height: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 40px;
}

.canvas2 {
    position:absolute;
}


.swiper-dz-events {
    display: grid;
    justify-content: start;
    max-width: calc(100vw / var(--zoom) - 586px);
    width: 100%;
	top: 30%;
	padding: 12px;
}

.safari .UCE {
    top: 25%;
}
.safari .UCET {
    top: 25%;
}
.safari .UCET2 {
    top: 28%;
}
.UCE {
	position: absolute;
    top: 13.5rem;
    left: 6.5rem;
    padding: 0.5rem;
    padding-bottom: 5rem;
    color: #25294a;
    text-shadow: 0 0 1px black;
    font-family: 'montserrat-bold';
}

.UCET {
    padding: 0.5rem;
    padding-bottom: 5rem;
    font-size: 23px;
	color: #25294a;
    position: absolute;
    font-family: 'montserrat-bold';
	top: 14rem;
    right: 32.5rem;
}

.UCET2 {
	color: white;
    padding: 0.5rem;
    padding-bottom: 5rem;
    color: #cbcbcb;
    font-size: 19px;
    position: absolute;
    font-family: 'montserrat-bold';
	top: 16rem;
    right: 32.5rem;
}


.ECinfo {
    position: absolute;
    top: 10.5rem;
	left: 5%;
    color: white;
    padding: 0.5rem;
    padding-bottom: 5rem;
    filter: drop-shadow(2px 2px 5px #000000ad);
    font-family: 'montserrat-bold';
}


.TEFI {
    color: white;
    padding: 0.5rem;
    padding-bottom: 5rem;
    font-size: 26px;
    position: absolute;
    filter: drop-shadow(2px 2px 5px #000000ad);
    font-family: 'montserrat-bold';
    top: 20rem;
    left: 11.5rem;
}


.CSinfo{
    color: white;
    padding: 0.5rem;
    padding-bottom: 5rem;
    font-size: 26px;
    position: absolute;
    filter: drop-shadow(2px 2px 5px #000000ad);
    font-family: 'montserrat-bold';
    top: 23rem;
    left: 14.5rem;
}


.safari .ECinfo {
    opacity: 0%;
}
.safari .TEFI {
    top: 32%;
}
.safari .CSinfo {
    top: 36%;
}
.safari .ECTinfo {
    top: 47%;
}
.safari .STinfo {
    top: 59%;
}



.ECTinfo{
	color: white;
    padding: 0.5rem;
    padding-bottom: 5rem;
    font-size: 15px;
    position: absolute;
    filter: drop-shadow(2px 2px 5px #000000ad);
    font-family: 'montserrat-bold';
    top: 28rem;
    max-width: 28rem;
    text-align: -webkit-center;
    left: 7rem;
}

.STinfo{
    color: white;
    padding: 0.5rem;
    padding-bottom: 5rem;
    font-size: 26px;
    position: absolute;
    filter: drop-shadow(2px 2px 5px #000000ad);
    font-family: 'montserrat-bold';
    top: 35rem;
    left: 15.5rem;
}

.CREW-COMING-SOON{
    position: absolute;
    top: 6rem;
    place-self: center;
    color: white;
    padding: 0.5rem;
    width: 31rem;
}

.safari .CREW-COMING-SOON{
    top: 0;
	width:26rem;
}


#dz-events-page .swiper-search-favorites {
    max-width: calc(100vw / var(--zoom) - 586px);
}

.swiper-button-prev:before {
    position: absolute !important;
    content: "" !important;
    background-color: hsl(0 0% 100% / 40%) !important;
    border-radius: 0 5em 5em 0 !important;
    z-index: -1 !important;
    margin-left: -0.4em !important;
    width: 3.1em !important;
    height: 2.5em !important;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);

}

.swiper-button-next:before {
    position: absolute !important;
    content: "" !important;
    background-color: hsl(0 0% 100% / 40%) !important;
    border-radius: 5em 0 0 5em !important;
    z-index: -1 !important;
    margin-right: -0.4em !important;
    width: 3.1em !important;
    height: 2.5em !important;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);

}

.swiper-aircrafts:not(.fullscreen) .swiper-button-next:before,
.swiper-aircrafts:not(.fullscreen) .swiper-button-prev:before,
.friends-swiper .swiper-button-next:before,
.friends-swiper .swiper-button-prev:before  {
    content: none !important;
}

.swiper-button-next, .swiper-button-prev {
    transition: color 300ms ease;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    color: lightgrey;
}

.swiper-aircrafts:not(.fullscreen) .swiper-button-prev,
.swiper-aircrafts:not(.fullscreen) .swiper-button-next {
    top: 94%;
}

.swiper-aircrafts .swiper-button-prev:hover,
.swiper-aircrafts .swiper-button-next:hover {
    color: white;
}

.swiper-button-prev:after {
    display: none;
}

.swiper-button-next:after {
    display: none;
}




.sponsor-box {
    height: 20px;
    width: 20px;
    border: 1px solid black;
}

[data-play-button] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);*/
    color: white;
    border: none;
    background: none;
    opacity: 0.7;
    z-index: 1;
    filter: drop-shadow(2px 2px 3px black);
	display: grid;
    text-align: -webkit-center;
    text-align: center;
    align-content: center;
}

[data-play-button]:hover {
    cursor: pointer;
}

.video {
    display: none;
    height: 100%;
}

[data-video-fullscreen] {
    display: none;
}



.dropzone-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, 250px);
    gap: 35px;
    padding: 2em;
    place-content: center;
	margin-top: 5%;
}

.dropzone-gridSEARCH {
    display: grid;
    grid-template-columns: repeat(auto-fill, 250px);
    gap: 40px;
    padding: 2em;
	padding-bottom: 10rem;
    place-content: center;
	margin-top: 5%;
}

.padding0{
	padding:0px !important;
}



@keyframes heartbeat {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

button[data-play-button] {
  animation: heartbeat 3s infinite;
  -webkit-animation: heartbeat 3s infinite;
  -moz-animation: heartbeat 3s infinite;
  -o-animation: heartbeat 3s infinite;
}


#search_countries .search-premium,
#search_countries .search-favorite {
    padding: rem;
	background-color: #d7d7d794;
    border-radius: 1rem;
	margin-left: 5%;
    margin-right: 5%;	
}

	.ecde4 {
		border-radius: 14px;
	}
	
#search_countries .dropzone-grid a {
	/*border-radius: 17px;
    border: 3px solid #f3cb02;
	border: 3px solid #ffffff;
    box-shadow: 0px 0px 3px 0px black;*/
	
}

#search_countries .dropzone-gridSEARCH a {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.5em;
    border-radius: 10px;
    border: 1px solid white;
	
}

.dropzone-grid .grid-item {
    aspect-ratio: 4 / 3;
    height: 100%;
    font-size: 2rem;
    border-radius: 6px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    /*box-shadow: inset 0px -10px 4px 0px #ffffff54;*/
}

.safari .dropzone-grid .grid-item {
    height: 100%;
	width: 100%;
	min-height: 181px;
}

.dropzone-gridSEARCH .grid-item {
    aspect-ratio: 5 / 3;
    height: 100%;
    border-radius: 2px;
    font-size: 2rem;
}

.dropzone-grid>a:hover {
    color: inherit;
    text-decoration: none;
}

.dropzone-gridSEARCH>a:hover {
    color: inherit;
    text-decoration: none;
}

.sdwlpexplained { 
	/*background: rgba(255, 255, 255, 0.5);*/
    border-radius: 14px;
    padding-inline: 19px;
    padding-top: 21px;
	padding-bottom: 1px;
}

.sdwlpexplained-pad { 
	padding-right: 3rem;
	z-index: 2;
    position: relative;
}

.lp-bt-pad {
    padding-top: 9rem;
    padding-bottom: 4rem;
}

.mobgkde2{
	display:none;
}

.WindsockDE3 {
    left: -2rem;
    position: absolute;
    width: 3.5rem !important;
    top: -18px;
}

.frameWindsock{
	margin-left: 3rem;
}


.pp-inner {
	background: rgba(255, 255, 255, 0.68) !important;
    border-radius: 16px !important;
}

.pp-inner-txt {
	color: white;
	font-size: 1.8rem;
	background: rgb(0 0 0 / 60%);
	display: block;
	padding-bottom: 21px;
	padding-top: 21px;
	width: 100%;
	margin-top: 0rem !important;
}

.pd-2 {
	backdrop-filter: blur(26px) !important;
	webkit-backdrop-filter: blur(26px) !important;
}

/*.pp-btn-1 {
	font-size: 29px;
	background: linear-gradient(90deg, hsl(51, 100%, 50%), hsl(40, 100%, 50%));
	border-color: #ffffff47;
	border: solid 7px;
	border-radius: 10px;
}

.pp-btn-2 {
	max-width: 515px;
}

.pp-btn-3 {
	font-size: 29px;
	border-color: #ffffff47;
	border: solid 7px;
	border-radius: 10px;
}

.pp-btn-4 {
	max-width: 515px;
}

*/

.L2-section {
	position: absolute;
    width: 100%;
}

.L2 {
	width: 100%;
    height: 100%;
}

.Register-button-ani1 {
    border: none;
    border-radius: 10px 0 0 10px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    font-size: 1.5rem;
    display: grid !important;
    z-index: 0;
}


.Register-button-ani1:after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(9deg, #1568ff, #1caafd);
    border-radius: 10px 0 0 10px;
    z-index: -2;
}

.Register-button-ani1:before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 10px 0 0 10px;
    background-color: #2C32DE;
    transition: all .3s;
    z-index: -1;
}

.Register-button-ani1:hover {
color: #fff;
}

.Register-button-ani1:hover:before {
width: 100%;
}

.scroll-fadeout {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

/* LP2 GRID*/
.LP2-grid {
    display: grid;
    grid-template-columns: minmax(100px, 1850px) minmax(200px, 236px) minmax(200px, 274px);
    padding: 0em;
    height: 100vh;
    align-content: center;
}

.LP2-popup-content {
    background: linear-gradient(to right, #24243e, #302b63, #0f0c29) !important;
    padding-top: 3rem;
    padding-left: 3rem;
    padding-right: 6rem;
	padding-bottom: 0rem !important;
    min-width: 100%;
    min-height: 100% !important;
    text-align: center;
	background-size: cover;
    background-position: center;
    /* background: center / cover url(/static/base/images/x1.png); */
    /* animation: steam 1200s linear infinite; */
}

.LP2-leftside {
	z-index: 2;
    padding-right: 31%;
}

.LP2-box {
	position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    margin-left: -12rem;
    height: 100%;
    transform: skew(-15deg);
    background: rgb(33 28 52 / 80%);
	border-radius: 0rem 8rem 8rem 0rem;
	box-shadow: 1px 1px 10px #00000038;
}




/* RAFFLE GRID*/
.raffle-popup-container {
	display: flex;
}

.raffle-popup-content {
	/*background-image: url(/static/base/images/LP_bg_m.jpg);
    background-size: cover;*/
    /* background: linear-gradient(to right, #24243e, #302b63, #0f0c29); */
    padding-top: 15rem;
    padding-left: 8rem;
    padding-right: 4rem;
    padding-bottom: 0rem;
    min-width: 100%;
    min-height: 100%;
    text-align: center;
	/*ani bkg*/
	background: center / cover url(/static/base/images/x1.png);
    animation: steam 1200s linear infinite;
    background-size: cover;
}


.Raffle-grid {
	display: grid;
    grid-template-columns: minmax(100px, 1282px) minmax(200px, 236px) minmax(200px, 274px);
    padding: 0em;
    padding-top: 0rem;
    padding-bottom: 0rem;
    grid-template-rows: calc(100vh - calc(var(--navbar-height) + 45.5rem) - 8rem);
}

.signup-mobile-only {
	display:none;
}

.lp2-txt1 {
	color: white;
	padding-right: 5rem;
    font-size: 2rem;
    padding-bottom: 1rem;
    padding-top: 0rem;
    font-family: 'montserrat-regular';
    text-align: left;
    font-weight: bold;
	text-shadow: 0px 0px 3px #25294a;
}

.lp2-txt2 {
	color: #ffee00;
	padding-right: 5rem;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 0rem;
	font-family: 'montserrat-bold';
    text-align: left;
	
	/*animation*/
	animation: steam 14s linear infinite;
    background-image: linear-gradient(197deg, #fbff00 10%, #ff8800 30%, #ff8800 0%, #fbff00 90%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.lp2-desc-txt {
    font-size: 1rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
    padding-right: 0rem;
    font-family: 'montserrat-regular';
    text-align: left;
    color: #ededed;
}

.boxx-lp {
	justify-content: end;
    padding-right: 2rem;
    display: grid;
    grid-template-rows: auto 1fr;
}

.heading-lp {
	background: var(--clr-bg-dark);
    border-radius: 10px 10px 0 0;
    height: 4.5rem;
    display: grid;
    place-items: center;
    padding-top: 0rem;
}

.lp-box1 {
	background: var(--bg-light);
    border-radius: 0 0 10px 10px;
    padding: 3rem 1rem;
    position: unset;
    max-height: 31rem;
    height: 31rem;
}

.lp-box2 {
	/*background: var(--bg-light);*/    
	border-radius: 0 0 10px 10px;
   /* padding: 2rem 2rem;*/
    position: unset;
    max-height: 31rem;
    height: 31rem;
	text-shadow: 0px 0px 0px #25294a;
}

.lp-grid {
	display: grid;
    grid-template-columns: repeat(2, minmax(84px, 1fr));
    gap: 3px;
    row-gap: 17px;
    padding: 0rem;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}


.info_box_dze {
	background-color: #ff66ad47;
    padding: 1.5rem;
    border-radius: 1rem;
    border: solid 7px #ff60a2;
    margin-top: 4rem;
    margin-bottom: 4rem;
    color: white;
}

.fs-2-5rem {
	font-size: 2.5rem;
}

.fs-0-8rem {
    font-size: 0.8rem;
}

.pad-t {
	padding-top: 12px;
}

.lp-box2 {
	/*justify-content: end;*/
    display: flex;
}

.lp-box-heading {
	font-size: 1.3rem;
    color: white;
}

.lp2-img {
    width: 20rem;
	margin-top: -10rem;
    padding-bottom: 7rem;
    position: relative;
}

.JTB-lp-txt {
	font-size: 1.5rem;
    font-family: 'anton-regular';
    transform: rotate(352deg);
    position: absolute;
    right: 5%;
    bottom: 5%;
    max-width: 16%;
    padding: 0rem;
    animation: steam 14s linear infinite;
    background-image: linear-gradient(197deg, #fbff00 10%, #ff8800 30%, #ff8800 0%, #fbff00 90%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	filter: drop-shadow(2px 2px 3px black);
	
	
	/*color: #302b63;
    font-size: 1.5rem;
    padding-top: 2rem;
	padding-bottom: 1rem;
    font-family: 'anton-regular';
    transform: rotate(352deg);*/
}

.pb-2px {
	padding-bottom: 2px;
}



.zoomable {
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
  cursor: zoom-in;
}

.zoomed {
  transform: scale(2);
  cursor: zoom-out;
}

.dcard-favorite {
    color: yellow;
}

.country-flag {
    width: 100px;
}

.titleX{
	font-size: 22px;
}
.rating {
    position: relative;
    width: max-content;
}

.dcard-medium .rating,
.dcard-small .rating {
    font-size: 0.6rem;
}

.rating i.fa-heart {
    color: red;
    font-size: 2em;
    /* font-size: 1.8rem; !important*/
}

.rating .rating-number {
    font-size: 0.9em;
    font-weight: bold;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -62%);
    -webkit-transform: translate(-50%, -62%);
}

.search-premium .swiper-slide,
.search-favorite .swiper-slide,
.swiper-dz-events .swiper-slide,
.swiper-country-dze .swiper-slide {
    width: var(--dcard-small-width);
    height: var(--dcard-small-height);
    margin-right: 2rem;
}

.comments-box textarea::placeholder {
    text-align: center;
}


.dcard .rating {
    font-size: 15px;
}

.dcard {
    position: relative;
    width: 240px;
    aspect-ratio: 0.75;
    height: 296px;
    padding: 0.5em;
    border: 2px solid black;
    border-radius: 5px;
    box-shadow: 0 5px 10px 1px rgb(39 39 39 / 88%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.8rem;
    color: white;
    margin: 5px;
}

@keyframes rotate {
    100% {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
    }
}

.premium-border,
.rating-border {
    position: relative;
    border-radius: 12px;
    width: 100%;
    width: -moz-available;
    /* For Mozzila */
    /* width: -webkit-fill-available;  /\* For Chrome *\/ */
    width: stretch;
    /* Unprefixed */
    /* padding: 5px; ---old frame */
    overflow: hidden;
    /* padding-bottom: 6px; */
    padding-top: 5px;
    height: 100%;
	/*box-shadow: 0 0 11px #0000006e !important;*/
	
}

.premium-border::before {
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
	background: linear-gradient(208deg, goldenrod, gold, gold, goldenrod ,gold, goldenrod);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(4% + 0px);
	/* - ANIMATION OFF
	animation: steam 14s linear infinite;
	*/
    z-index: -1;
	/* - ANIMATION OFF - older version
     animation: steam 14s linear infinite;
	-- OFF -- PERFORMANCE BOOST --*/
    /* filter: blur(0px); */
    border-radius: 11px;


	
    /*content: '';
    position: absolute;
	
	left: -2px;
    top: -2px;
    background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);
	
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
	animation: steam 14s linear infinite;
    filter: blur(5px);
    border-radius: 10px;*/
    
	/*
	left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: gold;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(gold, goldenrod), linear-gradient(gold, goldenrod), linear-gradient(gold, goldenrod), linear-gradient(gold, goldenrod);
    /* animation: rotate 20s linear infinite;-- old frame --*/
	/* new */
	/*
	animation: rotate 6s linear infinite;
    filter: blur(5px); */

	
	
	}
	
	@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}
	


.premium-border::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #ffffff59;
    border-radius: 5px;
    /*outline: 5px solid gold;*/
}

.premium-dzelist-border {
	position: relative;
    width: -moz-available;
    width: stretch;	
}

.premium-dzelist-border::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(208deg, goldenrod, gold, gold, goldenrod ,gold, goldenrod);
    background-size: 1300%;
    width: calc(100% + 0px);
    height: calc(100% + 0px);
    animation: steam 29s linear infinite;
    z-index: 0;
    border-radius: 9px 9px 0px 0px;
	}
	
	@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}
	


.premium-dzelist-border::after {
    /* content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #ffffff59;
    border-radius: 5px;
    outline: 5px solid gold;*/
}


.rating-border::before {
	content: '';
	/*
	left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-repeat: no-repeat;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    animation: rotate 20s linear infinite;
    content: '';
    position: absolute;
	background: linear-gradient(90deg, hsl(0deg 0% 100%), hsl(0deg 0% 99.96%), hsl(203.16deg 100% 98.22%), hsl(202.15deg 78.09% 71.97%), hsl(207.69deg 100% 41.57%), hsl(194.82deg 100% 50%), hsl(178.89deg 100% 50%));
    opacity: 87%;
	*/
}

.rating-border::after {
	content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #ffffff6e;
    border-radius: 5px;
    /*outline: 5px solid rgb(255 255 255 / 20%);*/
	outline: 5px solid rgb(255 255 255 / 42%);
}


.normal-border {
		/*box-shadow: 0 0 11px #0000006e !important;*/
}

.flp-m {
	display:none;

}

.fpl-d {
	
}

.gradient-bkg-m-only {
	display:none;
}

.esri-view .esri-view-surface{
	filter: brightness(101%) saturate(126%) contrast(108%) drop-shadow(0px 0px 30px white);
}

.more-details text-shadow_DP {
	}

.more-details text-shadow {
}

.dcard:hover {
    color: white;
    text-decoration: none;
}

.dcard .friends {
    font-size: 1rem;
}

.friends {
    position: relative;
}

.friends .friends-content {
    color: white;
}

.dcard .friends .friends-content {
    font-size: 0.7em;
}

.event-count {
    font-weight: bold;
}

.glass {
    color: black;
    background: #fff9;
    backdrop-filter: blur(10px);
    webkit-backdrop-filter: blur(10px);	
    border-radius: 0.5em 0 1em 2em;
    border-radius: 0 0 5px 5px;
}

.text-opacity {
    line-height: 1;
}

.dcard-favorite {
    position: absolute;
    top: 5px;
    left: 5px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.dcard-logo {
    max-width: 6rem;
    max-height: 6rem;
    object-fit: contain;
}

.dcard-header {
    display: flex;
    justify-content: space-between;
}

.dcard .country-flag {
    width: 50px;
}

.dcard-country {
    text-align: center;
}

.dcard-header {
    margin: 0.5em;
}


.dcard-detail {
    margin-top: -0.5em;
}

.dcard-detail>* {
    margin-top: 0.5em;
}

.font-md {
    font-size: 1.2rem;
}

	.s2scim{
		color: white;
	}

	
	@keyframes cloudanim-btt {
	  0% {
		transform: translateY(100%);
		opacity: 1;
	  }
	  60% {
		transform: translateY(40%);
		opacity: 1;
	  }
	   80% {
		transform: translateY(20%);
		opacity: 0;
	  }
	  100% {
		transform: translateY(-400%);
		opacity: 0;
	  }
	}




.image {
  position: relative;
  width: 100%;
}

.safari .cloud-container-btt {
			display: none;
		}

		.safari .cloud-image-btt {
			display: none;
		}

		.safari .cloud-image-btt3 {
			display: none;
		}
		.safari .cloud-image-btt4 {
			display: none;
		}
		.safari .cloud-image-btt5 {
			display: none;
		}
		.safari .cloud-image-btt7 {
			  display: none;
		}

.cloud-container-btt {
	  position: absolute;
	  display: unset;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	}

	.cloud-image-btt {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd2.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 11s linear infinite;
	   margin-top: 19rem;
	  /*animation-delay: 0.5s;*/
	}

	.cloud-image-btt3 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd3.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 33s linear infinite;
	    margin-top: 5rem;
		right: 33rem;;
	}
	.cloud-image-btt4 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd4.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 14s linear infinite;
	    margin-top: 8rem;
		right: 56rem;
	}
	.cloud-image-btt5 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd5.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 15s linear infinite;
	    margin-top: 19rem;
		left: 40rem;
	}
	.cloud-image-btt7 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd7.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 10s linear infinite;
		top: 22rem;
		left: 29rem;
	}
	.cloud-image-btt8 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd8.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 18s linear infinite;
	  top: 6rem;
	  animation-delay: 1.5s;
	}

.cntd-mobile {
	display:none !important;
}
.cntd-desk {
	display:unset;
}

.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 8.5em;
    padding-top: 0rem;
    padding-bottom: 4rem;
    font-size: 0.8rem;
}

.globesponsorsbkg {
	background-color: #ffffff42;
    padding: 1rem;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: 1rem;
}

.sponsors img {
    width: auto;
    height: auto;
    max-width: 250px;
    /*max-height: 75px;*/
	max-height: 130px;
    object-fit: contain;
	filter: drop-shadow(0px 0px 2px #00000060);
}

/*.safari .sponsors img {
    max-width: 200px;
	padding-bottom:2rem;
}*/


.sponsors img:not(:first-child) {
    margin-left: 10px;
}

.sponsors header {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}

.event-btn {
    background: none;
    border: none;
    color: white;
    background: #8FD14F;
    text-transform: uppercase;
    padding: 0.6em 1em;
    font-size: 1.2rem;
    border-radius: 2em;
    font-weight: bold;
}

input[type=search] {
    font-size: 1.2rem;
    padding: 0.3em 0.5em;
    border-radius: 10em;
    border: none;
	background-color: #ffffff94;
    backdrop-filter: blur(3px);
    webkit-backdrop-filter: blur(3px);	
    border: solid 3px #f2f2f2;
}

.grow {
    flex-basis: 100%;
}

.ccnm {
	margin-top: 8px !important;
	margin-left: 11px !important;
}

.finm {
	font-size: 21px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 89%;
}

.ccib {
	font-size:18px !important;
}

.gradient-bkg {
	width: 70%;
    height: 70%;
    filter: blur(70px);
    background-image: linear-gradient(#101437, #3743ebc2, #3084f1);
    animation: rotate 10s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    position: absolute;
	}

.action-icons {
    display: flex;
    column-gap: 0.5em;
    place-content: center;
}

.action-icons i {
    font-size: 3rem;
}


.links i {
    font-size: 3rem;
}

.links {
    display: grid;
    grid-template-columns: repeat(5, min-content);
    column-gap: 20px;
    justify-items: center;
}

.links>* {
    display: flex;
    flex-direction: row;
    width: min-content;
    align-items: center;
}

.links>a>button>span {
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    padding-left: 0.5em;
}

.fa-star {
    color: yellow;
}

.my-favorites .fa-star {
    color: white;
}

.gap-20 {
    margin-left: -20px;
}

.gap-20>* {
    margin-left: 20px;
}

.hidden {
    display: none;
}

.globe {
    position: relative;
    display: flex;
}

.wtext{
	max-width: 134px;
	margin-left: 3rem;
}

.search {
    display: flex;
    align-items: start;
    padding: 1rem;
}

.globe .search {
    position: absolute;
    top: calc(var(--navbar-height) + 2rem);
    right: 2rem;
}

.search .links {
    column-gap: 20px;
    place-content: center;
}

.search div + div {
    margin-left: 2rem;
}

.search button {
    align-self: center;
}

.globe .sponsors {
    position: absolute;
    top: calc(var(--navbar-height) + 2rem);
    left: 2rem;
}

.sidebar.sponsors {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    margin: 1em;
}

.sidebar.sponsors>figure {
    margin-bottom: 1em;
    font-weight: bold;
}

.sidebar.sponsors img {
    max-height: 200px;
}


.globe .swiper-container {
    padding-top: 12px;
}

.globe .swiper-slide {
    width: var(--dcard-small-width);
    height: var(--dcard-small-height)
}

.globe .dropzone-slide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
}

.globe .search-favorite {
    /*position: absolute;
    bottom: 300px;
    left: 0;
    width: 100%;
    margin: 1rem;
    z-index: 9999;*/
	position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999;
    bottom: 0;
    background-color: #ffffff54;
    padding: 1rem;
}

.dropzone-slide .swiper-container {
    padding-left: 1em;
}

.even-el-sidebar {
    display: grid;
    grid-template-columns: 1fr minmax(0, auto);
    grid-template-rows: auto 1fr 1fr;
}

.globe {
    height: 100%;
}

#viewDiv {
    position: relative;
    height: 100%;
    margin-top: 0rem;
    overflow: hidden;
    width: 100%;
}

#viewDiv:focus {
    outline: none;
}



#viewDiv .popuptemplate {
    position: absolute;
    top: 10%;
    right: 35%;
    transform-origin: top right;
    -webkit-transform-origin: top right;
}

.Weather-dzcmed {
	padding-left: 8px;
    padding-right: 8px;
    background-color: #ffffff96;
    border-radius: 8px;
    position: absolute;
    bottom: 0;
    margin-bottom: 7rem;
}	

.readmorebtnD {
	position: absolute;
    text-transform: uppercase;
    float: right;
    right: 0;
    margin-right: 34rem;
    margin-top: -1rem;
    text-decoration: none;
    outline: none;
    font-size: 13px;
    line-height: 17px;
    background: #c9c9c9c9;
    border: white;
    color: #ffffff;
    /* font-weight: bold; */
    width: 63px;
    height: 63px;
    /* border-radius: 50%; */
    border-radius: 36%;
    /*animation: pulse 5s ease-out infinite;*/
    z-index: 6;
	}

.safari .readmorebtnD {
    margin-right: 27%;
	}
		
	@keyframes pulse {
	  0% { box-shadow: 0 0 0 0px rgba(0,0,5,0.1),0 0 0 0px rgba(22,22,22,0.2);  }
	  50% { transform: scale(1); }
	  100% { box-shadow: 0 0 0 10px rgba(0,20,255,0),0 0 0 10px rgba(0,210,255,0); }
	}

.popup-description {
	display:none;
}

.popup-description-content {
	display:none;
}

.popup-descriptionD {
	display: none;
	position: fixed;
	z-index: 8888;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);
	/* background-color: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);*/
}

.popup-descriptionD-content {
	background-color: #fefefef5;
	font-size: 20px;
	display: flex;
	/*display: inline-flex; scrollbar inside*/
    border: 1px solid #888;
    width: 77%;
    overflow-y: auto;
    max-height: 77%;
    padding: 3.5rem;
    border-radius: 34px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close {
    /*font-size: 28px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    float: right;*/
	display: none;
}

.close:hover,
.close:focus {
  color: black;
}

.hz-inner-m-promote{
	bottom: unset;
}


.scrollable1 {
  /*max-height: 400px;*/
  overflow-y: auto;
  padding-right: 35px;
}


.globesponsors {
	max-width: 126px !important;
}

.country-banner {
    width: 100%;
    height: 100%;
    background: cover;
}

.country-banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.with-bg {
    height: 100%;
    width: 100%;
    /* background-repeat: no-repeat; */
    background-size: cover;
    background-position: center;
}

.with-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 1rem;
}

.s2scim {
	position: relative !important;
    border-radius: 16px !important;
    padding: 2rem;
	background-color: #161616bf !important;
}


.country-box {
    align-self: center;
}

.country-box img {
    max-width: 150px;
    width: 10rem;
	border-radius: 9px;
}

.safari .country-box img {
    max-height: 100px
}

.place-center {
    place-items: center;
}

.content-center {
    justify-content: center;
}

.country-box>div {
    padding: 0.5em 1em;
}

.swiper-country-dze {
    width: 100%;
    display: grid;
}

.JOIN-DZE {
	padding: 1rem !important;
    border-radius: 16px !important;
    bottom: unset !important;
    background: rgb(20 20 20 / 82%) !important;
}


@keyframes blinker {
  0% {
    text-shadow: 0px 0px 0px white
  }
  100% {
    text-shadow: 0px 0px 7px white;
  }
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.more-details {
    position: absolute;
    z-index: 1;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-transform: uppercase;
    font-family: 'dosis-bold';
    font-size: 13px;
    text-align: center;
    line-height: 1;
    color: white;
}

.more-details a:hover {
    text-decoration: none;
    color: lightgrey;
}

.more-details i {
    transform: translate(-20%, 20%);
    -webkit-transform: translate(-20%, 20%);
}


#detail-page img {
    max-width: 100%;
    height: auto;
	object-fit: contain;
}

#detail-page {
    display: grid;
    grid-template-columns: minmax(400px, 1fr) minmax(400px, 1fr) 350px;
    column-gap: 7.5rem;
    padding-inline: 4.8rem;
    padding-bottom: 4rem; /* was 5rem */
	align-content: center;
}

.safari #detail-page {
    padding-left: 2.5rem;
	padding-right: 2.5rem;
	column-gap:4.5rem;
	padding-bottom:0rem;
}

#detail-page-right .facilities-featured {
    display: flex;
    gap: 18px;
    align-items: center;
    font-size: 10px;
	background: #211c3408;
    padding: 1.5rem 2rem;
    border-radius: 5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.safari #detail-page-right .facilities-featured {
    padding: 1rem 1.5rem;
}



.detail-sponsors {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-weight: bold;
    margin-right: -1em;
    margin-bottom: 2em;
}

.safari .detail-sponsors {
    margin-bottom: 0em !important;
}

.safari .d1btn{
    margin-top: 0em !important;
}

@media (min-width: 1920px) {
  .safari .d1btn{
    margin-top: 3em !important;
  }
}

.detail-sponsors>* {
    text-align: center;
    margin-right: 1em;
}

.detail-sponsors figcaption {
    padding-top: 0.5em;
}

#detail-page .detail-sponsors img {
    height: 75px;
    object-fit: contain;
}

.self-end {
    align-self: flex-end;
}

.vgap-2 {
    margin-top: -1em;
}

.vgap-2>* {
    margin-top: 1em;
}

.UCE-swiper{
	padding-left: 0rem;
}

.safari .UCE-swiper{
	height:unset;
}

.pad-hz-sp {
	padding: 0em 0.5em !important;
}

.right-skewed-corner {
    position: absolute;
    inset: 0;
    background: white;
    z-index: 0;
    border-radius: 5px;
    transform: skewX(-27deg);
    -webkit-transform: skewX(-27deg);
}

.safari .right-skewed-corner {
	top:0;
	right:0;
	bottom:0;
	left:0;
}

#detail-page-middle img.flag {
    width: auto;
    height: auto;
    max-width: 5rem;
    max-height: 5rem;
    object-fit: contain;
    border-radius: 4px;
}

.safari #detail-page-middle img.flag {
	margin-left:1rem;
}

#detail-page-middle div.heading {
    overflow: hidden;
    padding-inline: 1rem;
    height: 70px;
    border-radius: 10px;
    border-right:2px solid white;
	padding-top: unset;
	text-align: unset;
    flex-direction: unset;
    align-items: unset;
}

#detail-page-middle .dze-location {
    position: relative;
    width: calc(55% - 3px);
    margin-right: 6px;
}

#detail-page-middle .dze-actions {
    position:relative;
    width: calc(45% - 3px);
}

#detail-page-middle .text-right {
    line-height: 1;
    position: relative;
    font-size: var(--fs-24px);
}


#detail-page-right .logo img {
    width: auto;
    height: auto;
    max-width: 12rem;
    max-height: 5rem;
    object-fit: contain;

}

#detail-page-right .content,
#dz-events-page .sidebar .content {
    background: var(--bg-light);
    border-radius: 0 0 10px 10px;
    padding: 2rem 1rem;
	position: unset;
}

#detail-page-right .content,
#DE4-moredetails-page .sidebar .content {
    /*background: var(--bg-light);
	background: hsl(0deg 0% 100% / 80%);*/
    border-radius: 0 0 10px 10px;
    padding: 2rem 1rem;
	position: unset;
	max-height: 42rem;
	background: hsl(0deg 0% 100%);

}

#detail-page .logo header,
#detail-page .categories {
    font-size: 1rem;
    font-weight: bold;
    color: #5D002E;
    font-family: var(--font-sans);
    text-transform: uppercase;
}

#detail-page .categories-featured {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1rem;
}

.safari #detail-page .categories-featured {
	margin-top:60px;
	margin-bottom:60px;
}

#detail-page .categories-featured>div {
    padding: 1rem 1.5rem;

    border-radius: 10px;
    line-height: 1;
    text-transform: uppercase;
	background: #25294a;
    color: #f3f3f3;
}



#detail-page-middle pre {
    white-space: pre-wrap;
}

#features-page .rating {}

#detail-page .rating+header {
    line-height: 0;
    margin-bottom: 1em;
}

#detail-page-right {
    display: grid;
    grid-template-rows: auto 1fr;
	z-index: 0;
}

.rating-hearts {
    position: relative;
}

.rating-hearts .with-gradient-stop {
    background-image: linear-gradient(90deg, red var(--gradient-stop), grey var(--gradient-stop));
    -webkit-background-clip: text;
    color: transparent;
}

#detail-page-right .heading,
#dz-events-page .sidebar .heading {
    background: var(--clr-tt-dark);
    border-radius: 10px 10px 0 0;
    height: 7.5rem;
    display: grid;
    place-items: center;
}

#detail-page-right .heading,
#DE4-moredetails-page .sidebar .heading {
    background: var(--clr-bg-dark);
    border-radius: 10px 10px 0 0;
    height: 7.5rem;
    display: grid;
    place-items: center;
	padding-top: unset;
}

.safari #detail-page-right .heading,
#DE4-moredetails-page .sidebar .heading {
    height: 6.5rem;
}

#detail-page-right .regulation a {
    display: grid;
    place-items: center;
}

#detail-page-right .regulation img {
    max-width: 4rem;
    max-height: 4rem;
}


.safari #detail-page-right .regulation img {
    max-width: 4.5rem;
    max-height: 4.5rem ;
	}

@media (max-width: 1400px) {
.safari #detail-page-right .regulation img {
    max-width: 3.5rem;
    max-height: 3.5rem;
	}
}



#detail-page-right .regulation a:hover {
    color: unset;
    text-decoration: none;
}

#detail-page .gallery-swiper {
    border-radius: 10px;
}

#detail-page .gallery-swiper img,
#detail-page .gallery-swiper video {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

#detail-page .gallery-mobile-swiper img,
#detail-page .gallery-mobile-swiper video {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

#detail-page .thumb-swiper .swiper-slide {
    opacity: 0.4;
    width: calc(25% - (10px * 3 / 4));
}

#detail-page .thumb-swiper .swiper-slide img,
#detail-page .thumb-swiper .swiper-slide video {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

#detail-page .thumb-swiper .swiper-slide-thumb-active {
    opacity: 1;
}

.thumb-image {
    position: relative;
}

div[data-play-button]:hover {
    cursor: auto;
}

#features-page {
    display: grid;
    grid-template-columns: auto 1fr 350px;
    column-gap:  6.6vw;
    align-items: start;
    padding-inline: 5rem;
    padding-bottom: 6rem;
	align-content: center; 
	padding-top: calc(var(--navbar-height) / var(--zoom) + 0rem) !important;
	
	
}

.safari #features-page {
	padding-top:0rem !important;
	padding-right:2.6rem;
    padding-bottom: 5rem;
	padding-left:2.6rem;

}



.features-page-left {
    display: flex;
    flex-direction: column;
    place-items: center;
    background-color: var(--clr-tt-dark);
    border-radius: 5rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
    row-gap: 1rem;
}

.features-page-left .rate-comment-form-btn {
    margin-bottom: clamp(5px, calc(var(--vh) * 7), 5rem)
}

.features-page-left i {
    font-size: 1.5rem;
}

.features-page-left .rating {
    font-size: 1.5rem;
}

.features-page-left header {
    font-size: 0.7rem;
    line-height: 1;
}

.features-page-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
}

.features-page-footer .weather {
    /* ---old
	background: linear-gradient(hsl(250deg 20% 70%), #2a2543 10%, #2a2543 90%, hsl(0 0% 10%));
    clip-path: polygon(0 0, calc(100% - 92px * 1.09) 0, 100% 92px, 0 100%);
    padding-right: 226px;
    padding-left: 3rem;
    height: 92px;
    z-index: 2;
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    color: white;
	*/

	background: var(--bg-light);
    padding-right: 48px;
    padding-left: 2rem;
    height: 92px;
    z-index: 2;
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    color: #201b33;
    border-radius: 3rem 3rem 0rem 0rem;
}


.features-page-footer .weather>img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    margin-right: 1rem;
}

.WeatherDE3 {
	    width: 3rem;
    height: 3rem;
    object-fit: contain;
    margin-right: 1rem;
}

.weather-text-box {
    font-family: 'montserrat-medium';
    font-size: 15px;
}

.safari .weather-text-box {
    left: 16.5rem;
}

.features-page-footer .weather-text-box {
    line-height: 1;
    text-transform: lowercase;
}

#features-page-middle {
    position: relative;
}

#features-page-middle .heading {
    text-align: center;
    margin-bottom: 5rem;
}

#features-page-middle .heading header {
    font-size: 2em;
    font-weight: bold;
    color: white;
}

.search-icon {
  cursor: pointer;
}

.search-box {
  position: relative;
  display: none;
}

.search-box form {
  display: flex;
}

.search-box input[type="search"] {
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-right: 10px;
}

.search-box button[type="submit"] {
  background: #333;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.show-search-box .search-box {
  display: block;
}


.bg_img_GB{
    position: absolute;
    max-width: 25rem;
    max-height: 25rem;
    min-width: 25rem;
    opacity: 100%;
    align-self: center;
    top: 18%;
	border-radius: 0.5rem;
    opacity: .05;
}

.features-grid {
    display: grid;
    grid-template-columns: 1fr minmax(0, 1.2fr);
    gap: 3em 6em;
    height: 100%;
}

.feature-prices {
    display: flex;
    flex-direction: column;
    /*background: var(--bg-light);*/
    padding: 1.5em 2em;
	background: hsl(0deg 0% 100% / 82%);
    border-radius: 14px 14px 48px 14px;
}

.dropzone .open-status {
    display: grid;
    place-content: center;
    text-align: center;
    align-self: center;
}

.box-heading i {
    font-size: 3.5rem;
}

.box-container i+header {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    align-self: flex-end;
}

.feature-prices .open-status {
    align-self: flex-start;
    border-radius: 1em;
}

.price-box {
    flex-grow: 1;
    gap: 1em;
    margin: 1em 0;
}

.feature-prices .price {
    color: #666C82;
    font-family: 'montserrat-medium';
    font-size: 0.8rem;
    background: white;
    padding: 0.5em 0.6em;
    text-align: center;
    border-radius: 24px;
    height: 86px;
	font-weight: bold;
}

.price {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.price header, .restriction header {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: bold;
}

.pr-main-ticket-price {
	min-width: unset !important;
    max-width: unset !important;
}

.pr-main-price {
	position: relative;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
	width: unset !important;
}

.pr-main-name2 {
	display: -webkit-box !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 18px !important;
	min-width: unset !important;
    max-width: unset !important;
}

.pr-main-price1 {
	padding: 10px !important;
	color: var(--clr-tt-dark) !important;
	margin-top: 24px !important;
	/*background-color: #f2f2f2 !important;*/
	background-color: #e7e7e7 !important;
	min-width: unset !important;
    max-width: unset !important;
}

.pr-main-height {
	height: 27px !important;
	max-width: 415px !important;
}

.pr-main-rounds {
	height: 18px !important;
    margin: -21px 31.5px !important;
    margin-right: 10px !important;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}


.price .value {
    font-size: 1.1rem;
    color: #0021ed;
}

.feature-prices .prices {
    display: grid;
    grid-template-columns: 100px repeat(auto-fit, 100px);
    gap: 1em;
}

.safari .feature-prices .prices {
	padding-bottom:1rem;
}

.feature-prices .ticket-price {
    align-self: center;
    color: #2C34DF;
}

.restrictions-box {
    padding: 1.5em 2em;
	background: hsl(0deg 0% 100% / 82%);
	border-radius: 14px 14px 48px 14px;
}

.restrictions-box .restrictions {
    display: grid;
    grid-template-columns: 100px repeat(auto-fit, 100px);
    gap: 1em;
    flex-grow: 1;
    margin: 0em 0;
    max-height: 350px;
}


.restrictions .restriction {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0.3em 0.5em;
    text-align: center;
    border-radius: 8px;
    color: #666C82;
    font-family: 'montserrat-medium';
    font-size: 0.8rem;
    background: white;
	font-weight: bold;
    height: 75px;
}

.restrictions-box.box-container img {
    max-width: 5rem;
    max-height: 5rem;
}


.restriction .immr {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 75px;
    max-height: 50px;

}

.restriction .value {
    font-size: 1rem;
    color: RGB(178, 182, 207);
}

.drkblu {
	color: #201b33;
}

.box-heading {
    display: flex;
    position: absolute;
    top: 0;
    left: 0.5em;
    transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
    line-height: 1;
}

.box-container {
    position: relative;
}

.feature-content-wrapper {
    overflow-y: auto;
    overflow-x: initial;
}

.comments.feature-content-wrapper {
    flex-grow: 1;
}

#features-page .comment .rating {
    font-size: 0.6rem;
}

.comments-box {
    align-self: start;
    display: flex;
    flex-direction: column;
   /* background: var(--bg-light);*/
	background: hsl(0deg 0% 100% / 82%);
    padding: 1.5em 2em;
    border-radius: 14px 14px 48px 14px;
    justify-content: space-between;
    height: 100%;
}

.comment {
    display: flex;
    position: relative;
    font-weight: bold;
    margin-bottom: 1rem;
}

.comment-actions {
    font-size: 1rem;
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    gap: 1rem;
    color: gray
}

.comment pre, .comments-box textarea {
    font-weight: normal;
    flex-grow: 1;
    margin-right: 2rem;
    padding: 1rem 2rem;
    padding-bottom: 0.2rem;
    border-radius: 10em;
	background: hsl(0deg 0% 100% / 85%);
    border: none;
    min-height: 4rem;
}

pre {
    white-space: pre-wrap;
}

#features-page-right {
    position: relative;
    /*background-color: var(--bg-light);*/
	background: hsl(0deg 0% 100% / 82%);
    border-radius: 0 0 10px 10px;
    padding: 0.5em 1em;
    max-width: 350px;
	height: 100%;
	top: 2rem;
	max-height: 48rem;
	border-radius: 0px 0px 48px 14px;
}
 .notilt2 {
      transform: none;
    }

.features-page-right-header {
    background: var(--clr-bg-dark);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    border-radius: 10px 10px 0 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.features-page-right-header img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-height: 3rem;
    max-width: 12rem;
    object-fit: contain;
	border-radius: 0.5rem;
}

#features-page-right .swiper-aircrafts {
    width: 100%;
}


#features-page-right .sponsors {
    background-color: slategray;
    padding-top: 1em;
    margin-bottom: 3em;
    text-align: center;
}

.opening-hours {
    /* ---old 
	background: linear-gradient(180deg, whitesmoke, gainsboro 20%, white 90%, silver);
    height: 60px;
    align-self: end;
    padding-left: calc(100px + 5rem);
    margin-left: -100px;
    clip-path: polygon(0 -100%, calc(100% - 92px * 1.09) -50%, calc(100% - 92px * 1.09) 0, 100% 92px, 0 100%);
    padding-right: calc(75px + 0rem);
    z-index: 1;
	*/
	
	background: var(--bg-light);
    height: 60px;
    align-self: end;
    padding-left: calc(12px + 5rem);
    padding-right: calc(10px + 0rem);
    z-index: 1;
    border-radius: 2rem 2rem 0rem 0rem;
    margin-left: 80px;
}

.safari .opening-hours {
	margin-top:auto;
}

.opening-hours-box {
    display: grid;
    grid-template-columns: repeat(7, 76px);
    gap: 10px;
    justify-content: center;
}

.opening-days {
    color: white;
    margin-top: -0.8rem;
    text-align: center;
    font-size: 9px;
    font-family: var(--font-serif);
    display: grid;
    place-content: center;
    border-radius: 10px 10px 0 0;
}

.opening-days-item {
	font-size: 1em;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}

.opening-days:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
	filter: drop-shadow(0px 0px px #00000082);
}



.opening-hours-box .value {
    font-size: 10px;
    font-weight: bold;
}

.opening-days.closed {
    background-image: linear-gradient(hsl(350deg 90% 50%), hsl(350deg 91% 40%) 30%, hsl(350deg 74% 37%) 60%, hsl(350deg 100% 16%));
}

.opening-days.open {
    /*background-image: linear-gradient(hsl(150deg 40% 50%), hsl(150deg 50% 60%) 30%, hsl(150deg 50% 60%) 60%, hsl(150deg 40% 30%));*/
	background-image: linear-gradient(hsl(150deg 48.24% 44.09%), hsl(150deg 94.14% 36.5%) 30%, hsl(150deg 84.86% 33.65%) 60%, hsl(150deg 40% 30%));
}

.opening-hours .days-open {
    align-self: center;
}

.features-page-footer .friends-info {
	/*  --old
	display: flex;
    height: 60px;
    align-items: center;
    align-self: end;
    background: linear-gradient(hsl(250deg 20% 70%), #2a2543 10%, #2a2543 90%, hsl(0 0% 10%));
    margin-left: -100px;
	padding-left: 0px;
    flex-grow: 1;
    justify-content: flex-end;
    color: hsl(250deg 20% 90%);
	*/
	
	
	/* --new*/
	display: flex;
    position: inherit !important;
    height: 60px;
    align-items: center;
    align-self: end;
    padding-left: 0px;
    border-radius: 2rem 2rem 0rem 0rem;
    color: #201b33;
    right: 0;
    margin-right: 34px;
    background: var(--bg-light);
}

.safari .features-page-footer .friends-info {
    align-self: flex-end;
}


.friends-info .friend-profile {
    display: grid;
    place-items: center;
}

.friend-profile img, .comment img {
    width: 4rem;
    aspect-ratio: 1;
    border: 4px solid #2a2543;
    border-radius: 50%;
    object-fit: cover;
}

.comment img {
    border: none;
    width: 3rem;
    margin-right: 1.5rem;
    align-self: flex-start;
}

.aircrafts {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 2rem;
}

.aircrafts>header {
    font-size: 1.5rem;
    font-family: var(--font-sans);
}

.aircrafts .swiper-slide .image {
    position: relative;
}

.aircrafts .swiper-slide img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}




	 
.wrapper-pattern-bg {
	height: 100%;
    min-width: 100%;
    background: url(/static/base/images/SDW-bg0.128l.png);
    background-repeat: repeat;
    animation: animate 15s linear infinite;
    position: absolute;
    opacity: 6%;
    
}

/* Keyframes für die Animation */
@keyframes animate {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -128px;
  }
}



.facility-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    font-size: 1em;
    padding-top: 0.5em;
}

.facility-item {
	font-size: 1em;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}

.safari .facility-item {
    padding-right: 7px;

}

.facility-item:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
	filter: drop-shadow(0px 0px px #00000082);
}

.sc-hover {
	font-size: 1em;
    -webkit-transition: all 20ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 20ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 20ms ease-in;
    -moz-transform: scale(1);
    transition: all 20ms ease-in;
    transform: scale(1);   
}
.sc-hover:hover {
    z-index: 2;
    -webkit-transition: all 20ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 20ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 20ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 20ms ease-in;
    transform: scale(1.1);
	filter: drop-shadow(0px 0px px #00000082);
}

.sc-hover-cards {
	font-size: 1em;
    -webkit-transition: all 120ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 120ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 120ms ease-in;
    -moz-transform: scale(1);
    transition: all 120ms ease-in;
    transform: scale(1);   
}
.sc-hover-cards:hover {
    z-index: 2;
    -webkit-transition: all 120ms ease-in;
    -webkit-transform: scale(1.11);
    -ms-transition: all 120ms ease-in;
    -ms-transform: scale(1.11);   
    -moz-transition: all 120ms ease-in;
    -moz-transform: scale(1.11);
    transition: all 120ms ease-in;
    transform: scale(1.11);
	filter: drop-shadow(0px 0px px #00000082);
	box-shadow: 0px 0px 4px 0px #0000005e;
    border-radius: 14px 14px 48px 14px;
}

.sc-hover-Fav{
	font-size: 1em;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1);
    transition: all 100ms ease-in;
    transform: scale(1);   
}
.sc-hover-Fav:hover {
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 100ms ease-in;
    transform: scale(1.5);
	filter: drop-shadow(0px 0px px #00000082);
}



.scsmall-hover{
	font-size: 1em;
    -webkit-transition: all 2ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 2ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 2ms ease-in;
    -moz-transform: scale(1);
    transition: all 2ms ease-in;
    transform: scale(1);   
}

.scsmall-hover:hover {
    z-index: 2;
    -webkit-transition: all 2ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 2ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 2ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 2ms ease-in;
    transform: scale(1.05);
	filter: drop-shadow(0px 0px px #00000082);
}

.schz-hover {
	font-size: 1em;
    -webkit-transition: all 20ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 20ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 20ms ease-in;
    -moz-transform: scale(1);
    transition: all 20ms ease-in;
    transform: scale(1);   
}
.schz-hover:hover {
    z-index: 2;
    -webkit-transition: all 20ms ease-in;
    -webkit-transform: scale(1.0);
    -ms-transition: all 20ms ease-in;
    -ms-transform: scale(1.0);   
    -moz-transition: all 20ms ease-in;
    -moz-transform: scale(1.0);
    transition: all 20ms ease-in;
    transform: scale(1.0);
	filter: drop-shadow(0px 0px px #00000082);
}

.scsmall-hover-neon {
  font-size: 1em;
  -webkit-transition: all 2ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 2ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 2ms ease-in;
  -moz-transform: scale(1);
  transition: all 2ms ease-in;
  transform: scale(1);   
}

.scsmall-hover-neon:hover {
  z-index: 2;
  -webkit-transition: all 2ms ease-in;
  -webkit-transform: scale(1.05);
  -ms-transition: all 2ms ease-in;
  -ms-transform: scale(1.05);   
  -moz-transition: all 2ms ease-in;
  -moz-transform: scale(1.05);
  transition: all 2ms ease-in;
  transform: scale(1.05);
  filter: drop-shadow(0px 0px 2px #00000082);
}

.scsmall-hover-neon:hover,
.scsmall-hover-neon:focus {
  animation: neon 1.5s ease-in-out infinite alternate;
  outline: none;
}

.scsmall-hover-neon-gr {
  font-size: 1em;
  -webkit-transition: all 0ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 0ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 0ms ease-in;
  -moz-transform: scale(1);
  transition: all 0ms ease-in;
  transform: scale(1);   
}

.scsmall-hover-neon-gr:hover {
  z-index: 2;
  -webkit-transition: all 2ms ease-in;
  -webkit-transform: scale(1.05);
  -ms-transition: all 2ms ease-in;
  -ms-transform: scale(1.05);   
  -moz-transition: all 2ms ease-in;
  -moz-transform: scale(1.05);
  transition: all 2ms ease-in;
  transform: scale(1.05);
  filter: drop-shadow(0px 0px 2px #00000082);
}

.scsmall-hover-neon-gr:hover,
.scsmall-hover-neon-gr:focus {
  animation: neon-gr 1.5s ease-in-out infinite alternate;
  outline: none;
}

@keyframes neon {
  from {
    box-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #0052ff,
                 0 0 35px #0052ff,
                 0 0 40px #0052ff,
                 0 0 50px #0052ff,
                 0 0 75px #0052ff;
  }
  to {
    box-shadow: 0 0 2px #fff,
               0 0 5px #fff,
               0 0 7px #fff,
               0 0 10px #0052ff,
               0 0 17px #0052ff,
               0 0 20px #0052ff,
               0 0 25px #0052ff,
               0 0 37px #0052ff;
  }
}

@keyframes neon-gr {
  from {
    box-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #28a745,
               0 0 35px #28a745,
               0 0 40px #28a745,
               0 0 50px #28a745,
               0 0 75px #28a745;
  }
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
  }
}


/* -Animation LIVEFrame OFF (Performance)-  
.live-pulse {
  animation: live-pulse-animation 2s infinite;
  box-shadow: 0px 0px 5px 10px #ffffff73;
}

@keyframes live-pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgb(70 168 74, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
*/

.padding4-8 {
	padding-left: 4.8rem  !important;
	padding-right: 4.8rem  !important;
	padding-bottom: 4.8rem  !important;
}


.book {
    text-align: center;
    font-family: var(--font-serif);
    margin-bottom: 1em;
}

.book .ticket-price {
    background: initial;
}

.pay-full {
    vertical-align: middle;
}

.pay-full header {
    display: inline-block;
    padding: 0 1em;

}

.dcard .event-type {
    padding: 0.5em 1em;
    background: red;
    color: white;
    font-weight: bold;
}

#dz-events-page {
    display: grid;
    grid-template-columns: 1fr auto 350px;
    /*grid-template-rows: auto 0fr auto;*/
    /*background-position: top;*/
    background-repeat: no-repeat;
    background-size: cover;
    gap: 0rem;
    padding-inline: 5rem;
}

#dz-events-page-footer {
    align-self: end;
    justify-self: start;
    background: hsl(0 0% 100% / 70%);
    display: flex;
    padding: 1.5rem calc(3rem + 200px) 1.5rem 3rem;
    border-top-left-radius: 30px;
	border-bottom-left-radius: 17px;
    /*margin-bottom: 8px;*/
    clip-path: polygon(0 0, calc(100% - 200px * 1.15) 0, calc(100% - 200px * 1.15) 0, 100% 200px, 0 100%);
	z-index: 1;
}

.safari #dz-events-page-footer {
    align-self: end;
	position:absolute;
	margin-left:2rem;
}

#dz-events-page-footer img {
    max-width: 5rem;
    max-height: 5rem;
	border-radius: 0.5rem;
	border-radius: 0.5rem;
	border-radius: 0.5rem;
}


.event-page-logo {
    flex-wrap: wrap;
    justify-content: center;
}

#DE4-moredetails-page{
	display: grid;
    grid-template-columns: 1fr auto 350px;
    grid-template-rows: auto 0fr auto;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    gap: 0rem;
    padding-inline: 5rem;
}

.event-page-logo img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 100px;
    object-fit: contain;

}

.gallery-page-logo {
    place-items: center;
    justify-content: center;
    color: white;
    margin-top: 4rem;
	gap: 2rem;

}

.gallery-page-logo img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 100px;
    object-fit: contain;

}

.DE5_bkg_logo{
    position: relative;
    max-width: 29rem;
    max-height: 29rem;
    /* min-width: 29rem; */
    /*min-height: 29rem;*/
    opacity: 10%;
    padding-top: 2%;
    padding-bottom: 2%;
}



.nuy {
	margin-top: 4rem !important;
	color: white;
}

.gallery-masonry {
    display: flex;
    flex-flow: row wrap;
	margin-left: 20px;
	margin-right: 20px;
    /*margin-left: -8px;
    margin-top: -8px;*/
    padding: 0.5em;
	margin-top: 3rem;
}

.masonry-brick {
    flex: auto;
    height: 250px;
    min-width: 150px;
    margin-left: 8px;
    margin-top: 8px;
    width: 100%;
}

.gallery-masonry img,
.gallery-masonry video {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 9.5px;
	
}


.masonry-brick:nth-child(4n+1) {
    width: 300px;
}

.masonry-brick:nth-child(4n+2) {
    width: 400px;
}

.masonry-brick:nth-child(4n+3) {
    width: 250px;
}

.masonry-brick:nth-child(4n+4) {
    width: 500px;
}

.video-with-thumbnail,
.thumb-image {
    height: 100%;
}

#features-page-right .swiper-aircrafts.fullscreen img,
#detail-page .gallery-swiper.fullscreen img, #detail-page .gallery-swiper.fullscreen video,
#detail-page .gallery-mobile-swiper.fullscreen img, #detail-page .gallery-mobile-swiper.fullscreen video,
.fullscreen img, .fullscreen video {
    height: 100%;
    width: 100%;
    object-fit: contain !important;
}

.animate-character {
    text-transform: uppercase;
    background-image: linear-gradient(
      197deg,
      #fbff00 10%,
      #ff8800 30%,
      #ff8800 0%,
      #fbff00 90%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/* - ANIMATION OFF
     animation: textclip 2.6s linear infinite;
	-- OFF -- PERFORMANCE BOOST --*/
    font-size: 48px;
	text-shadow: 1px 1px 2px transparent;
	filter: drop-shadow(0 0 0.2rem #00000090);

  }
  
 .animate-characterd1 {
  }

.animate-character-scroll {
	text-transform: uppercase;
    background-image: linear-gradient( 197deg, #ffffff00 10%, #ffffff 30%, #ffffffe6 0%, #ffffff 90% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff0;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/* - ANIMATION OFF
    animation: textclip 4.6s linear infinite;
	-- OFF -- PERFORMANCE BOOST --*/
    text-shadow: 1px 1px 2px transparent;
    font-weight: bold;
  }


.FDS {
	font-size: 29px;
    text-shadow: 1px 1px 2px transparent;
    position: relative !important;
    font-family: 'dosis-bold';
    left: 6%;
    filter: drop-shadow(0px 0px 1px black);
	z-index: 1;
	top: -14px;
 }

.FDSb {
	position: relative;
    width: 18%;
    height: 4%;
    background-color: #d7d7d794;
    left: 5%;
    top: -43.5px;
    border-radius: 0em 0em 2em 1em;
    clip-path: polygon(0% 0, 100% 0, 84% 100%, 0% 100%);
}	

.FD {

}

  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }

.report-fullscreen-button {
    top: 1rem;
    right: 7rem;
    display: none;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
}
.fullscreen-wrap.fullscreen .report-fullscreen-button {
    display: block;

}
.fullscreen-wrap.fullscreen .friend-list-item {
    bottom: 4rem;
    left: 50%;
    z-index: 9999;
    position: absolute;
    transform: translateX(-50%);
}
.close-fullscreen-button {
    display: none;
    color: #fff;
    position: fixed;
    top: 12%;
    right: 0;
    font-size: 4rem;
    line-height: 1;
    padding: 0 0.5em;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    filter: drop-shadow(2px 4px 6px rgb(0, 0, 0));
    text-shadow: white 0px 0px 10px;
}

.close-fullscreen-button:before {
    content: '×';
}

.close-fullscreen-button:hover, .close-button:active {
    opacity: 1;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #161418;
    z-index: 8888;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

.fullscreen-wrap.fullscreen img:not(.friends-list-profile img),.fullscreen-wrap.fullscreen .image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: all;
    object-fit: contain;
}

.fullscreen-wrap.fullscreen header:not(.friends-list-profile header) {
    color: white;
    font-size: 2rem;
    text-shadow: 0px 0px 30px black;
    line-height: 1;
    position: absolute;
    top: 50px;
    left: 50%;
    font-family: 'montserrat-semibold';
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.fullscreen-wrap.fullscreen .close-fullscreen-button {
    display: block;
}

.news_explained.fullscreen-wrap.fullscreen .swiper-slide > div {
    background: unset !important;
    min-height: unset;
    max-height: unset;
}
.newsboard .news_explained.fullscreen-wrap.fullscreen .swiper-button-next {
    right: 0;
}

.dze-name {
	max-width:400px;
}

.text-shadow {
    text-shadow: 2px 2px 5px black;
}

.drop-shadow {
    filter: drop-shadow(2px 4px 6px black);
	
}

.sizecc {
	height: 6.5rem !important;
	width: 25rem;
}

.modal-popup {
    z-index: 9999;
    display: grid;
    visibility: hidden;
    place-items: center;
    position: fixed;
    inset: 0;
    min-width: 100vw;
    width: 100%;
    min-height: calc(var(--vh) * 100);
    height: 100%;
	/*backdrop-filter: blur(6px);
	webkit-backdrop-filter: blur(6px);*/
	background: hsla(0, 0%, 0%, 50%);
 
}

.safari .modal-popup {
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.inner-modal {
	background: rgb(190 190 190 / 34%);
    padding-bottom: 1rem;
    max-width: 90vw;
    border-radius: 16px 16px 0px 0px;
    bottom: 0;
    color: white;
    position: absolute;
    backdrop-filter: blur(10px);
    webkit-backdrop-filter: blur(10px);	
    box-shadow: 0 6px 20px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 15%);
    /*background: rgba(0, 0, 0, 0.8);
    padding: 1rem;
    max-width: 90vw;
    border-radius: 16px;
    color: white;
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 20px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 15%);*/
}

.inner-modal-content {
    max-height: calc(var(--vh) * 80);
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow-y: auto;
    margin-top: 2rem;
	color: #d5d5d5;
	/*color: #525252;*/
	border-radius: 16px 16px 0px 0px;
}

.inner-modal-content::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}

.inner-modal .close {
    position: absolute;
    cursor: pointer;
    color: white;
    top: 0;
    right: 0;
    font-size: 2rem;
    margin: 0.2em;
}

.inner-modal .close::before {
    font-family: 'Font Awesome\ 6 Free';
    font-weight: 900;
    content: "\f057";
}

.profile {
    border: 1px solid hsl(0, 0%, 10%);
    border-radius: 5px;
    padding: 0.5em 1em;
    background: hsl(0, 0%, 20%);
}

.profile img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 2px solid white;
}

.participating-friends > header, .invite-friends > header, .participating-friends > span, .invite-friends > span {
    text-align: center;
    flex-basis: 100%;
    font-weight: bold;
}


.btn-primary {
    border-color: #8fd14f;
    background-color: #8fd14f;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    border-color: #7fd14f !important;
    background-color: #73b62f !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-feature {
    border-color: #ffd600;
    background-color: #ffd600;
	color: white;
}

.btn-feature:hover,
.btn-feature:focus,
.btn-feature:active {
    border-color: #ffd600 !important;
    background-color: #ffab00 !important;
    outline: none !important;
    box-shadow: none !important;
	color: white;
}

.dcard-xxl .btn-default {
    border: none;
    border-radius: 8px;
    padding: 0.5rem 4rem;
    color: white;
}

.btn-007 {
	font-size: 60px;
	  font-family: montserrat-bold;
	  text-align: center;
	  line-height: 85px;
	  color: #fff;
	  margin: 0 auto;
	  margin-top: 150px;
	  width: 350px;
	  height: 85px;
	  background: linear-gradient(#1d7751, #0e382c);
	  border: 3px #25793b solid; 
	  border-radius: 5px;
	  text-shadow: 0 0 20px rgba(255,255,255,0.3);
	  transition: .1s;
	  transform: scale(1);
	  cursor: pointer;
	  -webkit-user-select: none;
	  box-shadow: 0 0 50px rgba(0,117,9,0.5);
	overflow: hidden;
}

.btn-007:hover {
	text-shadow: 0 0 20px rgba(255,255,255,0.5);
	transform: scale(1.05);
}

.btn-007:active {
	background: linear-gradient(#1f8258, #114435);
	text-shadow: 0 0 20px rgba(255,255,255,0.5);
	transform: scale(1);
	box-shadow: 0 0 75px rgba(43,137,68,0.5);
}

.btn-007:after {
	content: "";
	position: relative;
	top: -120px;
	left: -90px;
	display: block;
	width: 35px;
	height: 150px;
	background: rgba(255, 255, 255, 0.5);
	transform: rotate(35deg);
	-webkit-filter: blur(20px);
	transition: none;
}

.btn-007:hover:after {
	left: 400px;
	transition: .3s ease-in-out;
}


.btn-ani1 {
	border: none;
    border-radius: 8px !important;
    padding: 0.6rem 3rem;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    font-size: 23px !important;
}

.safari .btn-ani1 {
    font-size: 18px !important;
}

.btn-ani1:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(9deg, #1568ff, #1caafd);
border-radius: 8px;
z-index: -2;
}

.btn-ani1:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #2C32DE;
transition: all .3s;
border-radius: 8px;
z-index: -1;
}

.btn-ani1:hover {
color: #fff;
}

.btn-ani1:hover:before {
width: 100%;
}


.btn-ani2 {
	border: none;
    border-radius: 8px;
    padding: 0.6rem 3rem;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    font-size: 23px !important;
}

.safari .btn-ani2 {
    font-size: 18px !important;
}

.btn-ani2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(9deg, #1c7f3a, #08b445);
	/*background: linear-gradient(9deg, #33a957, #08b445);
    background: linear-gradient(9deg, #60ce4c, #3bcd3f);*/
	border-radius: 8px;
	z-index: -2;
}

.btn-ani2:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	/*background-color: #119634;*/
	background-color: #119675;
	transition: all .3s;
	border-radius: 8px;
	z-index: -1;
}

.btn-ani2:hover {
	color: #fff;
}

.btn-ani2:hover:before {
	width: 100%;
}


:root {
  --blend1card: #fcfcfc59;
  --blend2card: #ddccaa70;

}


.Xcard:hover {
  box-shadow: 
    -20px -20px 30px -25px var(--color1), 
    20px 20px 30px -25px var(--color2), 
    -7px -7px 10px -5px var(--color1), 
    7px 7px 10px -5px var(--color2), 
    0 0 13px 4px rgba(255,255,255,0.3),
    0 55px 35px -20px rgba(0, 0, 0, 0.5);
}

.Xcard.charizard {
  --color1: var(--blend1card);
  --color2: var(--blend2card);
}


.Xcard:before,
.Xcard:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-repeat: no-repeat;
  opacity: .5;
  mix-blend-mode: color-dodge;
  transition: all .33s ease;
}

.Xcard:before {
  background-position: 50% 50%;
  background-size: 300% 300%;
  background-image: linear-gradient(
    115deg,
    transparent 0%,
    var(--color1) 25%,
    transparent 47%,
    transparent 53%,
    var(--color2) 75%,
    transparent 100%
  );
  opacity: .5;
  filter: brightness(.5) contrast(1);
  z-index: 1;
}

.Xcard:after {
  opacity: 1;
  background-image: url("https://assets.codepen.io/13471/sparkles.gif"), 
    url(https://assets.codepen.io/13471/holo.png), 
    linear-gradient(125deg, #ff008450 15%, #fca40040 30%, #ffff0030 40%, #00ff8a20 60%, #00cfff40 70%, #cc4cfa50 85%);
  background-position: 50% 50%;
  background-size: 160%;
  background-blend-mode: overlay;
  z-index: 2;
  filter: brightness(1) contrast(1);
  transition: all .33s ease;
  mix-blend-mode: color-dodge;
  opacity: .75;
}

.Xcard.active:after,
.Xcard:hover:after {
  filter: brightness(1) contrast(1);;
  opacity: 1;
}

.Xcard.active,
.Xcard:hover {
  animation: none;
  transition: box-shadow 0.1s ease-out;
}

.Xcard.active:before,
.Xcard:hover:before {
  animation: none;
  background-image: linear-gradient(
    110deg,
    transparent 25%,
    var(--color1) 48%,
    var(--color2) 52%,
    transparent 75%
  );
  background-position: 50% 50%;
  background-size: 250% 250%;
  opacity: .88;
  filter: brightness(.66) contrast(1.33);
  transition: none;
}

.Xcard.active:before,
.Xcard:hover:before,
.Xcard.active:after,
.Xcard:hover:after {
  animation: none;
  transition: none;
}

.Xcard.animated {
  transition: none;
  animation: holoCard 12s ease 0s 1;
  &:before { 
    transition: none;
    animation: holoGradient 12s ease 0s 1;
  }
  &:after {
    transition: none;
    animation: holoSparkle 12s ease 0s 1;
  }
}





@keyframes holoSparkle {
  0%, 100% {
    opacity: .75; background-position: 50% 50%; filter: brightness(1.2) contrast(1.25);
  }
  5%, 8% {
    opacity: 1; background-position: 40% 40%; filter: brightness(.8) contrast(1.2);
  }
  13%, 16% {
    opacity: .5; background-position: 50% 50%; filter: brightness(1.2) contrast(.8);
  }
  35%, 38% {
    opacity: 1; background-position: 60% 60%; filter: brightness(1) contrast(1);
  }
  55% {
    opacity: .33; background-position: 45% 45%; filter: brightness(1.2) contrast(1.25);
  }
}

@keyframes holoGradient {
  0%, 100% {
    opacity: 0.5;
    background-position: 50% 50%;
    filter: brightness(.5) contrast(1);
  }
  5%, 9% {
    background-position: 100% 100%;
    opacity: 1;
    filter: brightness(.75) contrast(1.25);
  }
  13%, 17% {
    background-position: 0% 0%;
    opacity: .88;
  }
  35%, 39% {
    background-position: 100% 100%;
    opacity: 1;
    filter: brightness(.5) contrast(1);
  }
  55% {
    background-position: 0% 0%;
    opacity: 1;
    filter: brightness(.75) contrast(1.25);
  }
}

@keyframes holoCard {
  0%, 100% {
    transform: rotateZ(0deg) rotateX(0deg) rotateY(0deg);
  }
  5%, 8% {
    transform: rotateZ(0deg) rotateX(6deg) rotateY(-20deg);
  }
  13%, 16% {
    transform: rotateZ(0deg) rotateX(-9deg) rotateY(32deg);
  }
  35%, 38% {
    transform: rotateZ(3deg) rotateX(12deg) rotateY(20deg);
  }
  55% {
    transform: rotateZ(-3deg) rotateX(-12deg) rotateY(-27deg);
  }
}



.checkin-button-ani1 {
	border: none;
    border-radius: 10px 0 0 10px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    font-size: 1.5rem;
	display: grid !important;
	z-index: 0;
}

.checkin-button-ani1:after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(9deg, #1568ff, #1caafd);
    border-radius: 10px 0 0 10px;
    z-index: -2;
}

.checkin-button-ani1:before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 10px 0 0 10px;
    background-color: #2C32DE;
    transition: all .3s;
    z-index: -1;
}

.checkin-button-ani1:hover {
color: #fff;
}

.checkin-button-ani1:hover:before {
width: 100%;
}



.register-btn-ani1 {
	border: none;
    border-radius: 8px;
    padding: 0.6rem 3rem;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    font-size: 23px !important;
}

.register-btn-ani1:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(9deg, #15b3ff, #1caafd);*/
	background: linear-gradient(9deg, #1568ff, #1caafd);
	border-radius: 8px;
	z-index: -2;
}

.register-btn-ani1:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
    background-color: #264fff;
	transition: all .3s;
	border-radius: 8px;
	z-index: -1;
}

.register-btn-ani1:hover {
	color: #fff;
}

.register-btn-ani1:hover:before {
	width: 100%;
}



.login-btn-ani2 {
	border: none;
    border-radius: 8px;
    padding: 0.6rem 3rem;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    font-size: 23px !important;
}

.login-btn-ani2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(175deg, #2acb27, #179f23);
	/*background: linear-gradient(9deg, #60ce4c, #3bcd3f);*/
	border-radius: 8px;
	z-index: -2;
}

.login-btn-ani2:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #119634;
	transition: all .3s;
	border-radius: 8px;
	z-index: -1;
}

.login-btn-ani2:hover {
	color: #fff;
}

.login-btn-ani2:hover:before {
	width: 100%;
}



.book-button-ani2 {
	border: none;
    border-radius: 10px 0 0 10px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    font-size: 1.5rem;
	display: grid !important;
	z-index: 0;
}

.book-button-ani2:after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	/*background: linear-gradient(9deg, #33a957, #08b445);
	background: linear-gradient(9deg, #60ce4c, #3bcd3f);*/
	background: linear-gradient(175deg, #2acb27, #179f23);
    border-radius: 10px 0 0 10px;
    z-index: -2;
}

.book-button-ani2:before {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 10px 0 0 10px;
    /*background-color: #2C32DE;*/
	/*background-color: #119634;*/
	background-color: #119675;
    transition: all .3s;
    z-index: -1;
}

.book-button-ani2:hover {
color: #fff;
}

.book-button-ani2:hover:before {
width: 100%;
}

.BGK-ani-x2 {
	background-image: url(/static/base/images/x2.png) !important;
    /*background-size: 372% !important;*/
	background-size: cover !important;
    /*animation: steam 700s linear infinite !important;*/
	background-repeat: unset !important;
}

.safari .BGK-ani-x2 {
    animation: unset !important; 
}




.explore-btn:not(:disabled):not(.disabled).active,
.explore-btn:not(:disabled):not(.disabled):active {
    background-color: hsl(232deg 31% 72% / 70%);
    border-color: hsl(232deg 31% 72%);
}

.explore-btn:not(:disabled):not(.disabled):focus,
.explore-btn:not(:disabled):not(.disabled):focus,
.show>.explore-btn.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsl(232deg 31% 72% / 50%);
}


.dcard-xxl .explore-btn, .dcard-inline .explore-btn {
	border-color: #ffffff;
    color: #ffffff;
    border-radius: 8px;
    border-width: 2px;
	background-color: #49494945;
	font-size: 23px !important;
	backdrop-filter: blur(6px);
    webkit-backdrop-filter: blur(6px);	
	text-transform: uppercase;
	box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgb(187 187 187 / 0%) 0px -8px 0px 0px inset;
}

.safari .dcard-xxl .explore-btn, .dcard-inline .explore-btn {
	font-size: 18px !important;
}

.safari .dcard-xxl .explore-btn {
	margin-top:0.8em;
}

.dcard-xxl .explore-btn:hover, .dcard-inline .explore-btn:hover {
    background: rgba(161, 167, 206, 0.34);
}

#participate {
    width: 100%;
    max-width: 500px;
    padding: 1em;
    margin-top: 1em;
}

.swiper-dropzone-premiums .swiper-pagination {
    bottom: 30px;
}

.swiper-pagination-bullet {
    opacity: 1;
    background: #aaa;
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-globe-premiums {
    padding: 1em 0 0 1em;
}

.globe .swiper-globe-premiums {
    margin-bottom: var(--globe-swiper-offset);
    transition: margin 300ms;
}


.days-left {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: hsl(0 0% 100% / 0.5);
    color: hsl(0 0% 20%);
    padding: 0 0.3em;
    white-space: nowrap;
}

.dcard-small {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.dcard-inline {
    width: 100%;
    height: 100%;
}

.dcard-inline .action-btn {
    position: absolute;
    /*right: 15px;*/
    bottom: 12px;
	border-radius: 14px;
	right: 15px;
}

.dcard-large {
    border-radius: 10px;
    padding: 3em 3em;
    overflow: hidden;
}

.dcard-medium {
    border-radius: 10px;
    padding: 1em 1em;
    overflow: hidden;
}

.dcard-medium .people {
    position: absolute;
    bottom: 2em;
    left: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
}

.dcard-medium .people img {
    width: 2rem;
    aspect-ratio: 1;
    border-radius: 50%;
    object-fit: cover;

}

.dropzone .dropzone-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 547px;
    height: 255px;
    padding-top: calc(10px + 1em);
    padding-bottom: 1em;
    padding-left: 3em;
    background: linear-gradient(90deg, hsl(0 0% 100% / 80%), hsl(0 0% 100% / 80%) 10%, white 90%);
    --dropzone-box-cutoff: 40%;
}

.dropzone-box,
.event-box {
    clip-path: polygon(0 0, var(--dropzone-box-cutoff, 70%) 0, 100% 100%, 0 100%);
    width: 55%;
    z-index: 1;
}

.dropzone-sub-box {
    position: absolute;
    bottom: 0;
    left: 477px;
    padding-left: 75px;
    padding-bottom: 10px;
    min-width: calc(50vw - 677px)
}

.dropzone-sub-box hr {
    margin-block: 0;
    width: 100%;
}

.dropzone-sub-box::before {
    content: "";
    position: absolute;
    inset: -32px -76px 0 -27px;
    /* background: linear-gradient(180deg, #f5f5f5cc, #e9e9e9a8 10%, #ffffffe0 90%, whitesmoke); ---- GLASS ----*/
	 /*background: linear-gradient(180deg, #313464, #313464 10%, #313464 90%, #313464);*/
	background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #282b5c0a 14px ), repeating-linear-gradient( #121327, #313464f2 );
    z-index: -1;
    transform: skewX(55deg);
    -webkit-transform: skewX(55deg);
    border-top-right-radius: 10px;
}

.safari .dropzone-sub-box::before {
	top:-32px;
	right:-133px;
	bottom:0px;
	left:-74px;
}

.dropzone-sub-box .eventbox {
    position: absolute;
    top: -10px;
    left: -20px;
    font-size: 0.9rem;
    padding-block: 2px;
    max-width: 159px;
}


.dcard-large .dropzone-box,
.dcard-large .event-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: calc(10px + 1em);
    padding-bottom: 1em;
    padding-left: 3em;
    background: linear-gradient(90deg, hsl(0 0% 100% / 80%), hsl(0 0% 100% / 80%) 35%, white 150%);
	margin-bottom: -1px;
	margin-left: -1px;
}


.dcard-medium .dropzone-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 1em;
    padding-left: 1em;
    background: linear-gradient(90deg, hsl(0 0% 100% / 60%), hsl(0 0% 100% / 80%) 35%, white 150%);
}


.dcard-small .dropzone-box {
    position: relative;
    padding-top: 10px;
    padding-bottom: 0em;
    padding-left: 0em;
    background: linear-gradient(90deg, hsl(0 0% 100% / 60%), hsl(0 0% 100% / 80%) 35%, white 150%);
    height: 60px;
    display: flex;
    align-items: center;
}

.dropzone-box hr {
    width: 50%;
    margin-inline: 0;
}

/* ---- Yellow upper cover - over the left bottom evt box  @ DE1 ----
.dropzone-box::before,
.event-box::before {
    position: absolute;
    content: "";
    inset: 0;
    background: linear-gradient(90deg, yellow, yellow, orange);
    clip-path: polygon(0 0, var(--dropzone-box-cutoff, 70%) 0, 100% 100%, var(--dropzone-box-cutoff, 70%) 10px, 0 10px);
}
*/ 


.dcard-large .event-box::before {
    background: linear-gradient(90deg, #FD0333, #FD0333, #FD0333);
}

.event-cut-box {
    clip-path: polygon(0 0, 100px 0, 200px 110px, 0 100%);
    background: linear-gradient(90deg, hsl(0 0% 100% / 60%), hsl(0 0% 100% / 80%) 35%, white 150%);
    color: #2A2443;
}

.event-cut-box-wall {
    /* background-color: green; /\* debug *\/ */
    width: 100%;
    height: 1em;
    float: right;
    shape-outside: polygon(110px 0, 100% 0, 210px 100px);
    clip-path: polygon(110px 0, 100% 0, 210px 100px);
}

.event-cut-box>p {
    margin: 0;
}


/*.clearfix {
    overflow: auto;
}*/

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.event-cut-box>header {
    color: white;
    background-color: #FD0333;
}


.live-event {
	background: linear-gradient(208deg, #4CAF50, #32952c, #4CAF50, #237f27 ,#4CAF50, #4CAF50);
    background-size: 2000%;
    animation: steam 20s linear infinite;
	font-family: 'montserrat-medium' !important;
    color: white !important;
    font-size: 14px !important;
	text-shadow: none !important;
}

.finished-event {
    background-color: #f1f1f1 !important;
	text-shadow: none !important;
}

.gold-event {
    background: linear-gradient(208deg, goldenrod, gold, gold, goldenrod ,gold, goldenrod);
    background-size: 2000%;
    animation: steam 20s linear infinite;
}


.countdown-frame {
	position: absolute;
	bottom: 54px;
	right: 110px;
	color: #25294afa;
	margin-right: 0px;
	background: #ffffff9c;
	padding: 12px 20px 12px 20px;
	border-radius: 10px;
	display: block;
	/*   --- High performance ---*/
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.countdown-startin {
	font-size: 21px;
	color: var(--clr-tt-dark);
	display: flex;
	justify-content: center;
}

.countdown-days-nr {
	font-size: 50px !important;
	display: flex;
	justify-content: center;
	border-radius: 10px;
	font-family: 'anton-regular' !important;
    color: #1c1b5b;
	padding: 0rem 1rem 0rem 1rem;
}

.countdown-days-txt {
	font-size: 20px;
	color: var(--clr-tt-dark);
	align-self: center;
	display: flex;
	justify-content: center;
}

.LIVE-d2 {
	position: absolute;
    right: 2rem;
    top: 6rem;
    z-index: 2;
    transform: scale(0.5);
}



.raffle-points-box {
    position: absolute;
    bottom: 4rem;
    right: 0;
    background: yellow;
    clip-path: polygon(0% 100%, 30% 0%, 100% 0, 100% 100%);
    padding: 10px 25px;
    color: #2A2443;
}

.dcard-large .logo img {
    width: auto;
    height: auto;
    max-width: 9rem;
    max-height: 3rem;
    object-fit: contain;

}

.dcard-medium .logo img {
    width: auto;
    height: auto;
    max-width: 14rem;
    max-height: 7rem;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	filter: drop-shadow(0px 0px 30px white);

}

.dcard-small .logo {
    width: 50%;
}

.dcard-small .logo img {
    width: auto;
    height: auto;
    max-width: 4.5rem;
    max-height: 3.5rem;
    object-fit: contain;
    margin-left: 1rem;


}

.dcard-inline .location {
    position: absolute;
    top: 0;
    left: 0;
}

.bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}

.bottom-left {
    position: absolute;
    bottom: 0;
    right: 0;
	pointer-events: none;
}



.dcard-inline .commands {
    position: absolute;
    bottom: 0;
    right: 0;
}

.dcard-inline .dcard-info {
    position: absolute;
    top: 0;
    right: 0;
    display: grid;
    justify-items: center;
    row-gap: 1.5rem;
	padding: 1em 0.8em;
}

.dcard-inline .weather {
    margin-block: 0.25rem;
}

.dcard-inline .weather>img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

.dcard-inline.dcard-large .dcard-info {
    right: 240px;
}

.dcard-medium .dcard-info,
.dcard-small .dcard-info {
    row-gap: revert;
}

.dcard-large .banner-image {
    max-width: 100%;
}

.dcard-inline .dropzone-title {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    width: min-content;
}

.dcard-inline .open-status {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -25%);
    -webkit-transform: translate(-50%, -25%);
}

.dcard-inline .countdown-event-1 {
    color: #3B123C;
    background-color: yellow;
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 103px;
    height: 38px;
    clip-path: polygon(26px 0, 100% 0, 100% 100%, 0 100%);
    text-align: left;
    line-height: 38px;
    font-family: anton-regular;
    font-size: var(--fs-13px);
}

.dcard-inline .countdown-event-1:before {
    content: "";
    float: left;
    shape-outside: polygon(0 0, 26px 0, 0 38px);
    clip-path: polygon(0 0, 26px 0, 0 38px);
    height: 38px;
    width: 26px;
    /* background-color: blue; */
}

.dcard-inline .raffle-points {
	
	display: none; /* points turned off */
	
    color: #3B123C;
    background-color: yellow;
    position: absolute;
    bottom: 62px;
    right: 0;
    width: 103px;
    height: 38px;
    clip-path: polygon(26px 0, 100% 0, 100% 100%, 0 100%);
    text-align: left;
    line-height: 38px;
    font-family: anton-regular;
    font-size: var(--fs-13px);
}

.dcard-inline .raffle-points:before {
    content: "";
    float: left;
    shape-outside: polygon(0 0, 26px 0, 0 38px);
    clip-path: polygon(0 0, 26px 0, 0 38px);
    height: 38px;
    width: 26px;
    /* background-color: blue; */
}

.dcard-medium .dcard-medium-friends-swiper {
    width: 8rem;
}

.dcard-medium-friends-swiper .swiper-slide{
    visibility: hidden;
}

.dcard-medium-friends-swiper .swiper-slide-active,
.dcard-medium-friends-swiper .swiper-slide-active + .swiper-slide,
.dcard-medium-friends-swiper .swiper-slide-active + .swiper-slide + .swiper-slide,
.dcard-medium-friends-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
.dcard-medium-friends-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    visibility: visible;
}

.dcard-inline .days-open {
    display: grid;
    place-items: center;
    grid-template-columns: auto auto;
    line-height: 0.8;
    font-family: "Harabara";
    color: white;
}

.super-number {
    display: grid;
    align-items: end;
    grid-template-columns: auto auto;
    font-family: "Harabara";
    line-height: 0.6;
    place-content: center;
    column-gap: 0.2em;
}

.super-number>*:first-child {
    font-size: 4rem;
    grid-row: span 2;
}

.dcard-large .super-number>*:first-child {
    font-size: 1.3rem;
    grid-row: span 2;
}

.dcard-inline .days-open .days-open-number {
    grid-row: span 2;
}

.location-horizontal {
    display: flex;
    align-items: center;
}

.location-horizontal>.title {
    margin-left: 1em;
    text-align: left;
}

.dcard-small .location {
    --flag-size: 54px;
	padding: 1em 0.8em;
    pointer-events: none;
}

.dcard-small .location-horizontal>.title {
    width: 110px;
}

.dcard-small .location-horizontal {
    align-items: start;
    flex-direction: column;
}

.dcard-small .location-horizontal .title {
    text-align: left;
	margin-left: 62px;
    margin-top: -37px;
	position: unset;
}

.dcard-small .location-horizontal>img {
    order: -1;
}

.dcard-large .btn-icon header {
    font-size: 10px;
    margin-top: -5px;
    text-transform: uppercase;
    font-weight: 300;
}

section.dropzone-premium, section.dropzone, section.globe {
    /*padding-top: calc(var(--navbar-height) / var(--zoom, 1));*/
    background-color: #00162b;
}

/*@media (min-width: 3840px) {
  section.dropzone-premium, section.dropzone, section.globe {
	padding-top: 0;
  }
}*/

section#gallery-page, section#search_countries, section.country-view {
	padding-top: 1rem;
    /*padding-top: calc(var(--navbar-height) / var(--zoom, 1) + -2rem);*/
    background-color: #00162b;
	    background-image: repeating-radial-gradient( circle at 0 0, #0000000f 0, #282b5c14 14px ), repeating-linear-gradient( #121327, #31346400 );
}

#detail-page, #features-page, #dz-events-page{
    padding-top: calc(var(--navbar-height) / var(--zoom) + 4rem); /*war auf +5rem*/
    background-color: #00162b;
}

.safari #dz-events-page{
    padding-top: calc(var(--navbar-height) / var(--zoom) + 4rem); /*war auf +5rem*/
    padding-right: 2.6rem;
	padding-bottom: 0rem;
	padding-left: 5rem;
}

#detail-page{
    padding-top: calc(var(--navbar-height) / var(--zoom) + 0rem)!important; /*war auf +5rem*/
    background-color: #00162b;
}

.safari #detail-page{
    padding-top: calc(var(--navbar-height) / var(--zoom) + 2rem)!important; /*war auf +5rem*/
}

#DE4-moredetails-page {
    padding-top: calc(var(--navbar-height) / var(--zoom) + 4rem);
    background-color: #00162b;
}

.safari #DE4-moredetails-page {
    padding-top: calc(var(--navbar-height) / var(--zoom) + 4rem); /*war auf +5rem*/
    padding-right: 2.6rem;
	padding-bottom: 0rem;
	padding-left: 2.6rem;
}

#msform {
  width: 950px;
  margin: 50px auto;
  text-align: center;
  position: relative;
}
#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 50px;
  box-shadow: 1 1 1px 1px rgba(0, 0, 0, 0.4);
  padding: 50px 120px;
  box-sizing: border-box;
  width: 85%;
  margin: 0 10%;

  /*stacking fieldsets above each other*/
  position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
/*inputs*/
#msform input,
#msform textarea {
  /*padding: 15px;*/
  padding: 0px;
  padding-left: 15px;
  border: 1px solid #000000;
  /*border-radius: 50px;*/
  border-radius: 14px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: Helvetica Neue, montserrat;
  color: #000000;
  font-size: 18px;
}
#msform select,
#msform textarea {
  /*padding: 15px;*/
  padding: 0px;
  padding-left: 15px;
  border: 1px solid #000000;
  /*border-radius: 50px;*/
  border-radius: 14px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: Helvetica Neue, montserrat;
  color: #000000;
  font-size: 18px;
}
/*buttons*/
#msform .action-button {
  width: 260px;
  height: 70px;
  background: #ffffff;
  font-weight: normal;
  color: black;
  border: 4;
  border-radius: 50px;
  cursor: pointer;
  padding: 0px;
  margin: 10px 10px;
  text-decoration: none;
  font-size: 20px;
  transition: background 0.5s, border 0.5s, color 0.5s;
}
#msform .action-button:hover,
#msform .action-button:focus {
  box-shadow: 0 0 0 0px white, 0 0 0 0px #000000;
  background: #000000;
  font-weight: normal;
  color: white;
  border: 0;
}

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 210px;
  line-height: 20px;
  display: block;
  font-size: 14px;
  color: #000000;
  background: white;
  border-radius: 8px;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
  content: "";
  width: 100%;
  height: 3px;
  background: white;
  position: absolute;
  left: -20%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
  background: #000000;
  /*background: #3be900;*/
  color: white;
}


.hours_form {
    display: flex;
    justify-content: space-evenly;
    align-items: center; 
    text-align: center;
    gap: 10px;
}

.day_form {
    width: 80px;
}



  /*
@media (min-width: 1001px) {

    #features-page .more-details {
        bottom: 9rem;
    }
    .top {
        flex-direction: column;
    }
    .sponsors {
        margin-bottom: 2rem;
    }
    .dcard-inline .weather {
        font-size: 0.8rem;
    }

    .dcard-inline .weather>img {
        width: 1.5rem;
        height: 1.5rem;
        object-fit: contain;
    }
}
*/


@media (max-width: 1050px) {
    .desktop-css-block {
        display: none !important;
    }

	section.dropzone-premium, section.dropzone, section.globe {
		padding-top: calc(var(--navbar-height) / var(--zoom, 1));
	}
	
	.FD {
		top: 0rem;
	}

	.FDS {
		top: -5px;
		left: 8%;
	}

	.FDSb {
		width: 44%;
		height: 4%;
		left: 3%;
		top: -30px;
	}	
	
	.safari .FDSb {
		width: 60%;
		height: 6%;
		left: 3%;
		top: -50px;
	}
	
    .mobile-css-block {
        display: initial;
		font-size: 20px;
		padding-bottom: 0rem;
    }
	
	.safari .mobile-css-block {
		/*font-size: var(--fs-20px);*/
		font-size: 14px;
    }
	
	.airpl {
		font-size: var(--fs-18px);
	}
    .swiper-dropzone-event-cards {
        z-index: -999;
        display: none;
    }

    .dropzone-action-buttons {
        right: 1rem !important;
		bottom: 26% !important;
    }
	
	.safari .dropzone-action-buttons {
		bottom: 29% !important;
    }
	
	
	.raffle-popup-content {
		padding-top: 29rem;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 0rem; 
	}

	.lp2-desc-txt {
		padding-left: 2rem;
		padding-right: 2rem;
		color: #ededed;
	}
	
	.safari .lp2-desc-txt {
		font-size:1.5rem;
	}
	
	.signup-mobile-only {
		display:unset;
	}
	
	.lp2-txt1 {
		padding-top: 0em;
		padding-left: 2rem;
		padding-right: 2rem;
		filter: drop-shadow(0px 0px 1px #00000047);
		color: #ededed;
		text-shadow:none;
	}
	
	
	.lp2-txt2 {
		padding-left: 2rem;
		padding-right: 2rem;
		filter: drop-shadow(0px 0px 1px black);
		text-shadow:none;
	}
	
	.lp2-img {
		
		color: white;
		padding: 1.5rem;
		width: 10rem;
		margin-left: 59%;
		top: 7rem !important;
		max-width: 100% !important;
		display: block;
		z-index: 3;

		/*
		position: absolute;
		top: 62rem !important;
		left: 0rem;
		color: white;
		padding: 1.5rem;
		width: 30rem; 
		max-width: 100% !important;
		left: 0;
		right: 0;
		bottom: 33%;
		opacity: 20%;
		display: none; 
		*/
	}
	
	.sdwlpexplained-pad {
		padding-right: 0rem;
	}
	
	.sdwlpexplained {
		/*background: rgb(0 0 0 / 8%);*/
		background: rgb(9 11 35 / 92%);
		font-weight: bold;
		padding-inline: 10px;
		padding-bottom: 11px;
		border-radius: 2rem 2rem 2rem 2rem;
		
		border-left: outset;
		border-radius: 0rem 3rem 2rem 0rem;
		border-color: gold;	
	}
	
	.LP2-popup-content {
		padding-right: 1rem;
		padding-left: 1rem;
		padding-top: 17rem;
		padding-bottom: 1rem !important;
	}
	
	.LP2-grid {
		grid-template-columns: unset;
		grid-template-rows: 10rem;
		/*grid-template-rows: minmax(10px, 10px) minmax(10px, 10px) minmax(10px, 10px);*/
	}
	
	.LP2-leftside {
		padding-right: unset;
	}
	
	

	.safari .raffle-popup-container {
		min-height: 100%;
	}
	
	.raffle-popup-container {
		min-height: 100%;
	}
	
	.JTB-lp-txt {
		max-width: unset;
		left: 5%;
		position: unset;
		z-index: 1;
		display: none;
	}
	
	.Raffle-grid {
		grid-template-columns: unset;
		grid-template-rows: calc(100vh - calc(var(--navbar-height) + 64.5rem) - 0rem);
	}
	

	
	.fs-2-5rem {
		font-size: 2rem;
	}

	.fs-0-8rem {
		font-size: 0.7rem;
	}

	.pad-t {
		padding-top: 6px;
	}
	
	.lp-grid {
		grid-template-columns: repeat(4, minmax(66px, 1fr));
	}
	
	.lp-box1 {
		padding: 1rem 1rem;
		position: unset;
		max-height: 12.5rem;
		height: 12.5rem;
	}
	
	.lp-box2 {
		max-height: 11rem;
		height: 11rem;

	}

	.safari .lp-box1 {
		padding: 1rem 1rem;
		position: unset;
		max-height: 14.5rem;
		height: 14.5rem;
	}

	div#detail-page-right-lp {
		justify-content: center;
		margin-top: 12rem;
		padding-right: unset;
		top: 0;
		right: 0;
		left: 0;
		position: absolute;
		display: grid !important;
		z-index: 1;
	}
	
	.lpr {
		display:none;
	}
	

	.mdn {
		display:none;
	}
	
    .dropzone-sub-box {
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		padding-left: 0px;
		/*height: 12.5rem;*/


    }
	
	.dcard-inline .dcard-info {
		font-size: 1.5rem;  
	}
	
	.safari .dcard-inline .dcard-info {
		 padding: 1em 0em;
	}
	   
	
	.dcard-small .location {
		padding: 1.5em 1em;
	}
	
	.safari .dcard-small .location {
		padding: 0.9em 0.9em;
	}

    .dcard-inline .weather {
        /*font-size: 0.7rem;*/
		font-size: 1.2rem;
    }

    .dcard-inline .weather>img {
        width: 1.5rem;
        height: 1.5rem;
    }

	.dcard-medium .rating,
	.dcard-small .rating {
		font-size: 1rem;
	}
	
    #detail-page {
        grid-template-columns: revert;
        gap: 0;
        row-gap: 2rem;
		/*background-image: url(/static/base/images/D2_bg_m.png) !important;*/
		background-image: unset !important;
		background-color: #25294a;
    }

    .features-grid {
        grid-template-columns: revert;
        padding: 1rem;
        padding-bottom: 7rem;
    }

    #features-page-right {
        height: revert;
		top: 0rem !important;
    }

    .even-el-sidebar {
        grid-template-columns: revert;
        grid-template-rows: revert;
        place-items: center;
        gap: 1em;
    }

    .sidebar.sponsors {
        justify-self: stretch;
    }

    .country-box {
        margin-top: 1em;
    }

    .location-horizontal {
        align-items: start;
        flex-direction: column;
    }

    .location-horizontal>img {
        order: -1;
		width:unset;
    }

	.safari .location-horizontal>img {
		width: var(--flag-size, 9rem) !important
	}


    .dcard-large .logo img {
        max-width: 6rem;
    }

    #main_content > section:not(:first) {
        padding: 0 !important;
    }

    .swiper-button-next.swiper-button-next, .swiper-button-prev.swiper-button-prev {
        font-size: 2rem;
    }

    .dropzone .dropzone-box {
		width: 100%;
		height: 20rem;
		--dropzone-box-cutoff: 100%;
		padding: 2rem;
		padding-bottom: 0px;
		font-size: 14px;
		background-position: 41px 0, 40px 0, 0 0, 0 0;
		background-repeat: repeat;
		clip-path: polygon(0 40%, 50% 0, 178% 100%, 0% 100%);		
		background-color: #ffffff8f;
		background: linear-gradient(90deg, hsl(0 0% 100% / 0%), hsl(0 0% 100% / 35%) 0%, #ffffff5e 80%);
		/*   --- High performance ---*/
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
}		

.safari .dropzone .dropzone-box {
		height: 18rem;
}	
		

    .dropzone-box hr {
        margin-bottom: 0;
    }


	.bkg-create-dze {
		padding: 0 8% 0 8%;
		background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), #00000003), url(/static/base/images/x1.png);
	}

	.Weather-dzcmed {
		margin-bottom: 8rem;
	}


    .logo.mobile-css-block {
        /*
		position: absolute;
        bottom: 8rem;
        left: 2rem;
		*/
		
		position: absolute;
		bottom: 0rem;
		z-index: 2;
		left: 0;
		right: 0;
		justify-content: center;
		display: flex;
		
    }

    .dropzone-box .mobile-css-block hr {
        margin-top: 0;
    }

    .dropzone .logo img {
        max-width: 15rem;
		max-height: 14rem;
		margin-bottom: 163px;
    }
	
	.safari .dropzone .logo img {
		margin-bottom: 163px;
    }
	

	.countrysize {
		font-size: var(--fs-20px);
	}
	
	.citysize {
		font-size: 23px;
	}
	
	.safari .citysize {
		font-size: 14px;
	}
	
	
    .dropzone .type.mobile-css-block {
        color: white;
        position: absolute;
        top: 0;
        left: 2rem;
        text-transform: uppercase;
        font-weight: bold;
		font-size: 16px;
		left: 65px;
		top: -2px;
		display: none;
    }

    .dcard-xxl .dropzone-box::before {
		position: absolute;
		content: "";
		inset: 0;
		/*background-color: #313464;*/
		clip-path: polygon(0 50%, 200% 0, 100% 100%, 0% 100%);
		z-index: 0;
		/*background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #282b5c0a 1rem ), repeating-linear-gradient( #121327, #2b2d62);*/
	}

	.dropzone .location:after {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 6px;
	}

    .dcard-xxl .title {
        min-width: 75px;
    }

    #dz-events-page .sponsors {
        flex-direction: revert;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    #DE4-moredetails-page .sponsors {
        flex-direction: revert;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }


    #dz-events-page .swiper-dz-events, #dz-events-page .swiper-search-favorites, .swiper-country-dze {
        /*max-width: calc(100vw / var(--zoom) - 0rem);*/
		max-width: calc(100vw / var(--zoom) - 14rem);
        display: grid;
        width: 100%;
    }
	
	.safari #dz-events-page .swiper-dz-events, #dz-events-page .swiper-search-favorites, .swiper-country-dze {
		max-width: calc(100vw / var(--zoom) - 45rem);
    }
	
	.swiper-country-dze {
		max-width: calc(100vw / var(--zoom) - 0rem) !important;
	}
	
	
	.swiper-dz-events{
		top: 20%;
	}
	
	.padding-f-m {
		/* OPTION1 
		padding: 20px;
		margin-top: -1rem;
		OPT2
		padding: 58px;
		margin-top: -3rem;*/
		/*	OPT3
		padding: 11rem;
		margin-top: -10rem;
		*/
		margin-top: 4rem;
		transform: translateX(calc(50% - var(--dcard-small-width) / 2));
	}	
	
	.safari .padding-f-m {

	}
	

	.flp-m{

	}
	
	.fpl-bkg{
		position: absolute;
		top: 7.4rem;
		justify-content: center;
		width: 100%;
		display: flex;
		gap: 14px;
		font-size: 17px;
	}
	
	.safari .fpl-bkg{
		top: 6rem;
		gap: 2px;
		font-size: 10px;
	}
	
	.safari .show-prices-button  {
		width:10rem;
	}

	.fpl-d {
		display:none;
	}
	
    #features-page-right .swiper-aircrafts {
        max-width: calc(100vw / var(--zoom));
    }

    #detail-page .description {
        margin-top: 1rem;
        max-height: revert;
        padding-inline: 1rem;
        word-break: break-word;
		   /* font-size: initial; */
    }

    #detail-page-middle {
       /* justify-content: space-between;*/
	   background-color: rgb(255 255 255);
	   background-blend-mode: soft-light;
	   background-image: url('{{ background_url }}');
	   background-repeat: no-repeat;
	   background-size: cover;
    }

    #detail-page-middle .description .data_more_less_inner {
        height: 100%;
        min-height: calc(25 * var(--vh) / var(--zoom)) !important;
    }

    #detail-page-middle div.heading {
        height: 70px;
    }

	#detail-page-middle img.flag {
		max-width: 6rem;
		max-height: 6rem;
		border-radius: 7px;
	}
	
	.safari #detail-page-middle img.flag {
		margin-left:1rem;
		padding:8px;
	}



    #detail-page-middle .dze-location {
        width:calc(65% - 3px)
    }

    #detail-page-middle .dze-actions {
        width:calc(35% - 3px)
    }

    #detail-page-middle .text-right {
        font-size: 18px;
    }

    #detail-page .mobile-css-block .dze-details .right-skewed-corner-bottom {
        position: absolute;
		top: -3.5rem;
		bottom: 0;
		left: -4.5rem;
		width: 15rem;
		z-index: 1;
		background: var(--clr-bg-dark);
		border-radius: 5px;
		transform: skewX(45deg);
		-webkit-transform: skewX(45deg);
    }

    #detail-page .mobile-css-block .dze-details .left-skewed-corner-bottom {
		position: absolute;
		top: -3.9rem;
		right: -4rem;
		width: 10rem;
		z-index: 2;
		background: var(--clr-bg-dark);
		border-radius: 5px;
		transform: skewX(-45deg);
		-webkit-transform: skewX(-45deg);
		height: 4rem;
    }

    #detail-page .mobile-css-block .dze-details .left-skewed-corner-bottom-event {
		position: absolute;
		top: -3.8rem;
		right: -4rem;
		width: 21rem;
		z-index: 1;
		border-radius: 5px;
		transform: skewX(-45deg);
		-webkit-transform: skewX(-45deg);
		height: 3.9rem;
    }
	


    #detail-page .mobile-css-block .dze-details .rating {
        position: absolute;
		top: -3.2rem;
		right: 1.2rem;
		z-index: 2;
		font-size: 17px;

    }

    #detail-page .mobile-css-block .dze-details .event-type {
        position: absolute;
		top: -2.5rem;
		right: 7.8rem;
		z-index: 2;
		font-size: 15px;
	    font-weight: bold;
    }

    #detail-page .mobile-css-block .dze-details .logo img {
        position: absolute;
		max-width: 7rem;
		max-height: 5rem;
		object-fit: contain;
		z-index: 2;
		filter: drop-shadow(0px 0px 1px #ffffff6a);
		margin-left: 4rem;
		margin-top: -0.5rem;
		transform: translate(-50%, -50%);


    }

    #features-page {
        display: grid;
        grid-template-columns: minmax(0, auto);
        grid-template-rows: min-content;
    }

    #features-page-right {
        order: -1;
        margin-top: 4rem;
        max-width: calc(100vw / var(--zoom));
        width: 100%;
        margin-inline: 0;
        padding: 0;
        background-color: unset;
		box-shadow: none;
    }

    .features-page-right-header{
        background-color: unset;
        height: auto;
		z-index: 1;
    }
	
	.gradient-bkg-m-only {
		/*
		width: 70%;
		height: 70%;
		filter: blur(70px);
		background-image: linear-gradient(#101437, #3743ebc2, #3084f1);
		animation: rotate 12s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite;
		border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
		position: absolute;
		display: unset;*/
		width: 100%;
		height: 70%;
		filter: blur(70px);
		background-image: linear-gradient(#ffffff, #ffffff, #ffffff);
		animation: rotate 12s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite;
		border-radius: 67% 70% 70% 20%/66% 30% 70% 70%;
		position: absolute;
		display: unset;
	}

    .mobile-css-block .features-page-left {
        padding: 1.1rem;
        display: grid;
        grid-auto-flow: column;
		font-size: 1.7rem;
		height: 13rem;
    }
	
	.safari .mobile-css-block .features-page-left {
		height: 10rem;
    }
	
	.safari #features-page-right {
		margin-top: 8rem;
    }

    .mobile-css-block .features-page-left .rating, .mobile-css-block .features-page-left i {
        font-size: 1.8rem;
    }

	.features-page-left header {
		font-size: 1.2rem;
		line-height: 1;
	}

    .features-page-right-header img {
		display:none;
    }

    .swiper-aircrafts:not(.fullscreen) .swiper-button-prev, .swiper-aircrafts:not(.fullscreen) .swiper-button-next {
        top: 50%;
    }

	.mobile-css-block {

	}	
		

	.popup-container a,
	.popup-container a:hover,
	.popup-container a:active,
	.popup-container a:visited {
	  color: #009688;
	  font-weight: 500;
	  text-decoration: none;
	}

	::-webkit-scrollbar {
	  width: 12px;
	}

	::-webkit-scrollbar-track {
	  background-color: rgba(0, 0, 0, 0);
	}

	::-webkit-scrollbar-thumb {
	  background-color: rgba(0, 0, 0, 0.1);
	  background-clip: padding-box;
	  border: solid rgba(0, 0, 0, 0);
	  border-width: 2px 3px 2px 3px;
	}

	::-webkit-scrollbar-thumb:hover {
	  background-color: rgba(0, 0, 0, 0.15);
	}

	.popup-container {
	  position: fixed;
	  z-index: 2000;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  background-color: rgba(0, 0, 0, 0.15);
	  -webkit-transition: opacity 0.1s linear;
	  transition: opacity 0.1s linear;
	  overflow-y: hidden;
	}

	.popup-container.hide {
	  opacity: 0;
	  pointer-events: none;
	}

	.popup-table {
	  position: absolute;
	  top: 0;
	  left: 0;
	  display: table;
	  table-layout: fixed;
	  width: 100%;
	  height: 100%;
	  -webkit-transition: -webkit-transform 0.3s ease;
	  transition: transform 0.3s ease;
	}

	.popup-container.hide .popup-table {
	  opacity: 0;
	  pointer-events: none;
	  -webkit-transform: translateY(6px);
	  transform: translateY(6px);
	}

	.popup-table-cell {
	  display: table-cell;
	  vertical-align: middle;
	  box-sizing: border-box;
	  padding: 16px;
	}

	.popupDE2 {
	  position: relative;
	  margin: auto;
	  max-width: 720px;
	  /* a regular height must be set here, or nothing works */
	  height: 100vh;
	  max-height: 80vh;
	  overflow-y: auto;
	  overflow: hidden;
	  padding: 48px 0 65px 0;
	  background-color: #fafafa;
	  border-radius: 2px;
	  box-sizing: border-box;
	  font-size: 100%;
	  color: #303030;
	  box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.3);
	}

	.popupDE2 .titleDE2 {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 48px;
	  min-width: 200px;
	  line-height: 48px;
	  box-sizing: border-box;
	  padding: 0 12px;
	  -webkit-transition: background-color 0.1s linear;
	  transition: background-color 0.1s linear;
	  font-weight: 500;
	  font-size: 1.05em;
	  border-bottom: 1px solid #EAEAEA;
	  background-color: #FAFAFA;
	  border-radius: 2px 2px 0 0;
	  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	.popupDE2 .contentDE2 {
	  width: 100%;
	  min-width: 200px;
	  height: 100%;
	  overflow: hidden;
	  overflow-y: auto;
	  box-sizing: border-box;
	  padding: 12px;
	  -webkit-overflow-scrolling: touch;
	}

	.popupDE2 .subtitleDE2 {
	  color: #009688;
	}

	.popupDE2 .textDE2 {
	  box-sizing: border-box;
	  padding: 12px;
	  line-height: 1.5em;
	}

	.popup-container .buttons {
	  padding: 8px 10px;
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  text-align: right;
	  font-weight: 500;
	  box-sizing: border-box;
	  border-top: 1px solid #EAEAEA;
	  background-color: #FAFAFA;
	  border-radius: 0 0 2px 2px;
	}

	.popup-container .button {
	  display: inline-block;
	  box-sizing: border-box;
	  text-align: center;
	  min-width: 60px;
	  height: 48px;
	  line-height: 50px;
	  padding: 0 12px;
	  color: #009688;
	  cursor: pointer;
	  border-radius: 3px;
	  -webkit-transition: background-color 0.1s linear;
	  transition: background-color 0.1s linear;
	  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	.popup-container .button:hover {
	  background-color: #eeeeee;
	}

	.popup-container .button:active {
	  background-color: #e5e5e5;
	}

	.mobgkde2{
		background-color: rgb(255 255 255 / 88%);
		background-blend-mode: soft-light;
		background-image: url({{obj.banner_image.url}});
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		display: unset;
		height: 80%;
		width: 100%;
		-webkit-mask-image: linear-gradient(to bottom,rgb(0 0 0) 57.5%, rgba(0,0,0,0));
		bottom: 7rem;
	}
	.mobile-css-block2 {
		display: flex !important;
	}
	
	.safari .facility-items {
		margin-bottom: 3rem;
	}
	
	.overpopLogo {
		display: flex;
		margin-top: 17rem;
		justify-content: center;
		margin-bottom: -14rem;
	}

	.DE3Logo1 {
		display: flex;
		min-width: 15rem;
		max-width: 15rem;
		max-height: 12rem;
		margin-top: -10rem;
		padding: 2rem;
	}
	.DE3Logo2 {
		display: flex;
		min-width: 14rem;
		min-height: 14rem;
		max-width: 14rem;
		max-height: 14rem;
		filter: drop-shadow(0px 0px 2px #00000060);
		margin-top: -10rem;
		padding: 1.5rem;
		z-index: 1;
		position: relative;
	}
	
	.safari .DE3Logo2 {
		min-width: 13rem;
		min-height: 13rem;
		max-width: 13rem;
		max-height: 13rem;
	}
	
	.DE3Logo3 {
		display: flex;
		min-width: 15rem;
		max-width: 15rem;
		max-height: 15rem;
		margin-top: -10rem;
		padding: 2rem 2rem 2rem 2rem;
		/*padding: 2rem;*/
		filter: drop-shadow(0px 0px 2px #00000060);
		display: inline-grid;
		justify-content: center;
	}
	
	.safari .DE3Logo3 {
		min-width: 13rem;
		max-width: 13rem;
		max-height: 13rem;
	}

    .facilities {
        margin-bottom: 0;
		font-size: 22px;
		/*color: #e9e9e9;
		filter: drop-shadow(2px 2px 5px #000000ad);*/
		color: #25294a;
		filter: drop-shadow(0px 0px 0px #000000ad);
		z-index: 1;
		position: relative;
    }
	
	
    .facility-items {
        padding: 0.5rem;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		gap: 7px;
		font-size: 1.25em;
    }
	
	.safari .facility-items {
		font-size: 0.85em;
		gap: 3px;
    }
	
	.de5-gal-profile {
		width: 37rem !important;
    }
	
	.safari .de5-gal-profile {
		max-width: 34rem;
    }
	
	.de5-gal-profile-name{
		text-align: center;
    }

    .restrictions-box .restrictions {
        grid-template-columns: repeat(3, 127px);
		margin-top: 4rem;
		padding-bottom: 7px;
    }
	
	.feature-prices .prices {
		grid-template-columns: repeat(1, 427px);
		margin-top: 4rem;
		padding-bottom: 7px;
	}
	
	.safari .restrictions-box .feature-prices .prices {
        grid-template-columns: repeat(3, 155px);
		margin-top: 4rem;
		padding-bottom: 7px;
    }
	
	.safari .restrictions {
        grid-template-columns: repeat(3, 155px);
		margin-top: 4rem;
		padding-bottom: 7px;
    }
	
	.safari .prices {
        grid-template-columns: repeat(3, 155px);
		margin-top: 4rem;
		padding-bottom: 7px;
    }
	
	.restrictions-box.box-container img {
		max-width: 10rem;
		max-height: 10rem;
		top: 0.8em !important;
		right: 0.8em !important;
	}	
	
	.feature-prices {
		padding: 1.5em 1em;
		box-shadow: none;
	}
	
	.feature-prices.box-container img {
		max-width: 10rem;
		max-height: 10rem;
		top: 0.8em !important;
		right: 0.8em !important;
	}

    .restrictions .restriction, .feature-prices .price {
		height: 107px;
		width: 133px;
		padding: 0.5em 0.6em;
		border-radius: 18px;
		font-size: 1.3rem;
		font-weight: bold;
		/*background: #f8f8f8;*/
		background: linear-gradient(90deg, #f8f8f8, #ececec);
		box-shadow: 1px 3px 5px darkgrey;
    }
	
	.safari .restrictions .restriction {
		height: 130px;
		width: 165px;
		padding: 0.5em 0.6em;
		border-radius: 18px;
		font-size: 1.3rem;
		font-weight: bold;
		box-shadow: 1px 3px 5px darkgrey;
    }
	
	.safari .price {
		height: 130px;
		width: 165px;
		padding: 0.5em 0.6em;
		border-radius: 18px;
		font-size: 1.3rem;
		font-weight: bold;
		box-shadow: 1px 3px 5px darkgrey;
    }

	
	

	.auto-height {
		height: auto !important;
	}
	
	.frame-pop-mobile {
		background: linear-gradient(214deg, #ededed, #7c7c7ce0);
		/*background: linear-gradient(214deg, #ededed, #f5faffe0);
		background: linear-gradient(214deg, #f9fbff, #f2f9ffe0);
		background: rgb(224 224 224 / 100%)
		background-color: #fffffff5;*/
		border-radius: 27px !important;
		/*-webkit-mask-image: linear-gradient(to bottom,rgb(0 0 0) 92.5%, rgb(255 255 255 / 73%));
		-webkit-mask-image: linear-gradient(to bottom, rgb(255 255 255 / 89%) 0%, rgb(0 0 0) 7%, rgb(0 0 0) 93%, rgb(255 255 255 / 78%) 100%);
		-webkit-mask-image: linear-gradient(to bottom, rgb(255 255 255 / 0%) 2%, rgb(255 255 255) 7%, rgb(255 255 255) 93%, rgb(255 255 255 / 0%) 99%);*/
		-webkit-mask-image: linear-gradient(to bottom, rgb(255 255 255 / 54%) 0%, rgb(255 255 255) 1%, rgb(255 255 255) 99%, rgb(255 255 255 / 6%) 101%);
		/*background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #282b5c1c 14px ), repeating-linear-gradient( #121327f0, #313464f5 ) !important;*/
	}
	

	.ticket-shape {
		display: inline-block;
		box-sizing: content-box;
		position: relative;
		height: 38px;
		width: 36px;
		font-size: 18px;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: radial-gradient(circle at 13px 38px, rgb(255 255 255 / 0%) 0.4em, #25294a 0.5em);
		/*filter: drop-shadow(0px 2px 0px #7b7b7b);*/
	}


	.ticket-shape1 {
		display: inline-block;
		box-sizing: content-box;
		position: relative;
		height: 20px;
		width: 36px;
		font-size: 18px;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: radial-gradient(circle at 13px -2px, rgb(255 255 255 / 0%) 0.4em, #f2f2f2  0.5em);
		/*filter: drop-shadow(0px 2px 0px #7b7b7b);*/
	}

	.safari .ticketrounds-lr {
		opacity:0;
	}

	.ticketrounds-lr {
		position: relative;
		height: 18px;
		margin: -20px 30.5px;
		margin-right: 9px;
		z-index: 2;
		font-size: 33px;
		color: #ffffff00;

    &:before,
    &:after {
        content: '';
        position: absolute;
        width: 22px;
        height: 22px;
        top: 50%;
        border: 5px solid transparent;
        border-top-color: #fb4242;
        border-right-color: #fb4242;
        border-radius: 100%;
        pointer-events: none;
        /*filter: drop-shadow(-0.5px 1.2px 0px #7b7b7b);*/
    }

    &:before {
        left: -30px; 
        transform: translate(-50%, -50%) rotate(45deg);
    }

    &:after {
        right: -30px;
        transform: translate(-50%, -50%) rotate(225deg);
    }
}



	.price .value {
		font-size: 1.5rem;
		color: #1b62e5;
	}

	.popup-description {
		display: none;
		position: fixed;
		z-index: 8888;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		 /*background-color: rgba(0, 0, 0, 0.4);
		 backdrop-filter: blur(3px);
		 -webkit-backdrop-filter: blur(3px);*/
		background-color: rgba(0, 0, 0, 0.9);
		padding-top: 3rem;
		}

	.popup-description-content {
		display: block;
		background-color: #fefefe;
		margin: 15% auto;
		padding: 20px;
		border: 1px solid #888;
		width: 88%;
		max-width: 600px;
		/*pop up scrollt inside*/
		overflow-y: auto;
		max-height: 84%;
		/* popup scrollt mit
		position: relative;*/
		padding: 2.5rem;
		border-radius: 12px;
	}
	
	.safari .popup-description-content {
		width: 80%;
	}

	.close {
		/*font-size: 28px;
		font-weight: bold;
		color: #aaa;
		cursor: pointer;
		float: right;*/
		display: none;
	}

	.close:hover,
	.close:focus {
	  color: black;
	}

	.scrollable {
	  /*max-height: 400px;*/
	  overflow-y: auto;
	}



	.price-box {
		margin: 2em 0;
	}

    .show-price-popups {
        margin-top: 15.2rem;
        gap: 1.5rem;
    }
	
	.mobile-ticketprice {
		border-radius: 2rem 2rem 0rem 0rem;
		background-color: #25294a;
		/*background-color: #201b33;
		background-color: #dadadae6;
		background-color: #ededed66;*/
		max-width: 11rem;
		min-width: 11rem;		
		box-shadow: 0px 0px 2px black;
	}
	
	.mobile-ticketprice2 {
		font-size: 23px;
		display: flex;
		margin-top: -9.5rem;
		margin-bottom: 0rem;
		padding: 8px 6px 6px 6px;
		max-width: 11rem;
		min-width: 11rem;
		justify-content: center;
		color: #ececec;
		
		
		/*font-size: 27px;
		display: flex;
		margin-top: -10rem;
		margin-bottom: -7rem;
		padding: 3rem;
		max-width: 14rem;
		justify-content: center;*/
	}

	
	.pr-15-de3 {
		padding-right: 1.5rem;
	}
	
	.safari .pr-15-de3 {
		padding-right: 0rem;
	}
	
	.mobile-eticketpriceDE {
		justify-content: center;
		display: flex;
		max-width: 120px;
		min-width: 120px;
		border-radius: 0rem 0rem 0rem 0rem;
		background-color: #fb4242;
		color: white;
		margin-left: 5.9px;
		height: 21px;
	}
	
	.mobile-ticketpricewh {
		font-size: 23px;
		display: flex;
		max-width: 11rem;
		min-width: 11rem;
		margin-top: 21px;
		justify-content: center;
		border-radius: 0rem 0rem 2rem 2rem;
		background-color: #f2f2f2d4;
		padding: 8px;
		/*background-color: #f2f2f25e;*/
	}
	

	
	.mobile-ticketpricewhevent {
		font-size: 23px;
		display: flex;
		max-width: 11rem;
		min-width: 11rem;
		justify-content: center;
		margin-top: 21px;
	}
	
	.mobile-ticketpricewhevent1 {
		font-size: 23px;
		display: flex;
		max-width: 11rem;
		min-width: 11rem;
		justify-content: center;
		margin-top: 6px;
	}
	
	.safari .mobile-ticketpricewhevent {
		font-size: 23px;
		display: flex;
		max-width: 10rem;
		min-width: 10rem;

	}
	
	.safari .mobile-ticketprice {
		min-width: 10rem;
		max-width: 10rem;
	}
	
	.safari .mobile-ticketprice2 {
		min-width: 10rem;
		max-width: 10rem;
		font-size: 18px;		
	}
	
	.safari .mobile-eticketpriceDE {
		margin-left: unset;
		max-width: 10rem;
		min-width: 10rem;;
	}
	
	
	.safari .mobile-ticketpricewh {
		min-width: 10rem;
		max-width: 10rem;
		font-size: 15px;
	}
	


	
	.safari .mobile-css-block2 {
		margin-top: 10rem !important;
	}
	
	.safari .dcard-xxl .explore-btn {
		margin-top:0.2em;
	}

    .mobile-css-block .features-page-footer .weather {
        grid-auto-flow: row;
		padding-right: 18rem;
		padding-left: 2rem;
		background: #201b33;
		font-size: 26px;
		display: grid;
		align-content: center;
		justify-items: start;
		gap: 7px;
		height: 13rem;
		clip-path: polygon(0 0, calc(100% - 153px * 1) 0, 100% 156px, 0 100%);
		color: white;
    }

	
	 .safari .mobile-css-block .features-page-footer .weather {
        grid-auto-flow: row;
		padding-right: 16rem;
		font-size: 18px;
		height: 10rem;
		clip-path: polygon(0 0, calc(100% - 135px * 1) 0, 100% 200px, 0 100%);
    }

	.safari .weather-text-box {
		left: 0rem;
    }
	
	.safari .windsockDE3 {
		top: 1rem;
    }
	
	.safari .days-open {
		line-height: 25px;
		margin-left: 16px !important;
		margin-right: 16px !important;
    }

    .mobile-css-block .features-page-footer .left-skewed-corner-bottom {
        position: absolute;
        border: 0;
        right: -3rem;
        width: 16rem;
        z-index: 1;
        background: white;
        border-radius: 5px;
        transform: skewX(-45deg);
        -webkit-transform: skewX(-45deg);
        height: 6rem;
        bottom: 0;
    }

    .mobile-css-block .features-page-footer .calendar {
        position: absolute;
        display: flex;
        bottom: 1rem;
        right:1rem;
        z-index: 2;
        color: var(--clr-bg-dark);
        place-items: center;
        cursor: pointer;
		font-size: 19px;
		margin-bottom: 3px;
    }
	
	.safari .mobile-css-block .features-page-footer .calendar {
		font-size: 0.9em;
    }
	
	.features-page-footer .weather>img {
		width: 6rem;
		height: 4rem;
	}
	
	.weather-text-box{
		font-size: 18px;
		margin-left: 8.5rem;
		position: absolute;
		font-family: 'montserrat-medium';
		left: 2rem;
		top: 76px;
	}
	
	.safari .weather-text-box{
		font-size: 12px;
		margin-left: 10.5rem;
		top: 62px;
	}
	
	.WindsockDE3{
		position: absolute;
		height: 3rem;
		left: 10.5rem;
		top: 2.5rem;
	}
	
	.safari .WindsockDE3{
		top: 0.5rem;
	}
	
    .masonry-brick {
        flex: auto;
        height: 100px;
        min-width: 50px;
		height: 185px;
		width: 300px;
    }


    .masonry-brick:nth-child(4n+1) {
        width: 175px;
    }

    .masonry-brick:nth-child(4n+2) {
        width: 100px;
    }

    .masonry-brick:nth-child(4n+3) {
        width: 150px;
    }

    .masonry-brick:nth-child(4n+4) {
        width: 300px;
    }

    .opening-hours-box {
        grid-template-rows: auto;
        grid-template-columns: unset;
        gap: 1rem;
        margin-top: 2rem;
    }

	.de1counterbox{
		color: #1c1d3b;
		right: 0;
		left: 0;
		position: absolute;
		text-align: center;
		margin-bottom: -2rem;
	}
	
	.de1datebox{
		display:none;
		
		/* -- DATUM MOBILE DEAKTIVATE*/		
		font-size: 2rem;
		position: absolute;
		color: white;
		right: 0;
		left: 0;
		width: 100%;
		text-align: center;
		margin-bottom: -2rem;
		color: #1c1d3b;
	}
	
	.safari .de1datebox{
		font-size: 1.8rem;
	}
	
	.dropzone-sub-box hr {
		display:none;
	}
	
	.disnonit{
		display:none;
	}
	
	.dcard-small .logo img {
		max-width: 6.5rem;
		max-height: 4.5rem;
	}

	.dcard-name{
		font-size: var(--fs-17px);
		word-break: inherit;
	}
	
	.eventtypename{
		font-size: var(--fs-14px);
	}
	
	.etypemobilede1{
		content: "";
		display: -webkit-inline-box;
		text-align: center;
		border-radius: 1rem 1rem 1rem 1rem;
		max-width: unset !important;
		font-size: 20px !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		margin-top: -4rem;
		
		/*  ---ONLY 1 BUCHSTABE 
		content: "";
		margin-bottom: 0rem;
		width: 7rem;
		height: 5.5rem;
		top: -12rem !important;
		z-index: -1;
		text-align: center;
		border-radius: 0rem 1.5rem 1.5rem 0rem;*/
		
		/* full text -----
		content: "";
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		margin-bottom: 0rem;
		width: 50%;
		height: 9rem;
		padding-left: 1rem;
		clip-path: polygon(0% 36%, 0% 0%, 102% 5%, 0% 97%);
		max-width: 100% !important;
		top: -8rem !important;
		bottom: 21rem !important;
		left: 0 !important;
		z-index: -1;
		overflow: hidden;
		text-align: left;
		border-radius: 2.5rem 0rem 0rem 0rem;*/
	
	
	
	/*  ---old
		content: "";
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		margin-bottom: 0rem;
		width: 40%;
		height: 9rem;
		padding-left: 0rem;
		clip-path: polygon(0% 30%, 10% 0%, 92% 30%, 0% 96%);
		max-width: 100% !important;
		top: -8rem !important;
		bottom: 21rem !important;
		left: 0 !important;
		z-index: -1;
		overflow: hidden;
		*/
	}
	
	.dropzone-sub-box::before {
		    background-image: repeating-radial-gradient( circle at 0 0, transparent 0, transparent 14px ), repeating-linear-gradient( transparent , transparent );
	}
			
	.acdegree{
		margin-top: 3.5rem !important;
		transform: rotate(353deg);
	}
		
		
	@keyframes cloudanim-btt {
	  0% {
		transform: translateY(100%);
		opacity: 1;
	  }
	  60% {
		transform: translateY(40%);
		opacity: 1;
	  }
	   80% {
		transform: translateY(20%);
		opacity: 0;
	  }
	  100% {
		transform: translateY(-400%);
		opacity: 0;
	  }
	}

	.bg-dzeDP2 {
		backdrop-filter: none;
	}


	.image {
	  position: relative;
	  width: 100%;
	}

	.cloud-container-btt {
	  position: absolute;
	  display: unset;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	}

	.cloud-image-btt {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd2.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 11s linear infinite;
	  margin-top:unset;
	  /*animation-delay: 0.5s;*/
	}

	.cloud-image-btt3 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd3.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 33s linear infinite;
	  margin-top:unset;
	  right:unset;
	}
	.cloud-image-btt4 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd4.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 14s linear infinite;
	  margin-top:unset;
	  right:unset;
	}
	.cloud-image-btt5 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd5.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 15s linear infinite;
	  margin-top:unset;
	  left:unset;
	}
	.cloud-image-btt7 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd7.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 10s linear infinite;
	  top: 17rem;
	  left:unset;
	}
	.cloud-image-btt8 {
	  position: absolute;
	  display: unset;
	  width: 100%;
	  height: 100%;
	  background-image: url("/static/base/images/cloudd8.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  animation: cloudanim-btt 18s linear infinite;
	  top: 18rem;
	  left:unset;
	  animation-delay: 1.5s;
	}
		
		
		.safari .cloud-container-btt {
			display: none;
		}

		.safari .cloud-image-btt {
			display: none;
		}

		.safari .cloud-image-btt3 {
			display: none;
		}
		.safari .cloud-image-btt4 {
			display: none;
		}
		.safari .cloud-image-btt5 {
			display: none;
		}
		.safari .cloud-image-btt7 {
			  display: none;
		}

	.readmorebtn {
		position: absolute;
		text-transform: uppercase;
		float: right;
		right: 0;
		margin-right: 3rem;
		margin-top: 5rem;
		text-decoration: none;
		outline: none;
		font-size: 13px;
		line-height: 17px;
		background: #c9c9c9c9;
		border: white;
		color: #ffffff;
		/* font-weight: bold; */
		width: 63px;
		height: 63px;
		/* border-radius: 50%; */	
		border-radius: 36%;
		animation: pulse 5s ease-out infinite;
		z-index:6;
		}
		
		.safari .readmorebtn {

		font-size: 7px;
		}
		
	@keyframes pulse {
	  0% { box-shadow: 0 0 0 0px rgba(0,0,5,0.1),0 0 0 0px rgba(22,22,22,0.2);  }
	  50% { transform: scale(1); }
	  100% { box-shadow: 0 0 0 10px rgba(0,20,255,0),0 0 0 10px rgba(0,210,255,0); }
	}

	.safari .readmorebtn {
		margin-top: 2.9rem;
		}
		
		
	.UCE {
		display: unset;
		width: 100%;
		left: 0;
		text-align: center;
		top: 20.5rem;
	}
	
	.safari .UCE {
		top: 27%;
		font-size:18px;
	}
	
	.UCET {
		display: block;
		top: 28rem;
		width: 100%;
		text-align: center;
		left: 0;
		font-size: 28px;
	}
	
	.safari .UCET {
		top:35%;
		font-size:18px;
	}
	
	.UCET2 {
		display: block;
		top: 23rem;
		width: 100%;
		text-align: center;
		left: 0;
	}
	
	.safari .UCET2 {
		top: 30%;
		font-size:14px;
	}
	
	.ECinfo {
		opacity: 0%;
		width: 100%;
		left: 0;
		text-align: center;
		top: 19.5rem;
	}
	
	.x3Dtilt-right {
		transform: unset;
	}

	.x3Dtilt-left {
		transform: unset;

	}

	.TEFI {
		display: block;
		top: 53rem;
		width: 100%;
		text-align: center;
		left: 0;
		display: none;
	}

	.CSinfo {
		top: 56rem;
		width: 100%;
		text-align: center;
		left: 0;
	}
	
	.safari .CSinfo {
		top: 70%;
		font-size:16px;
	}

	.ECTinfo {
		top: 60rem;
		width: 100%;
		left: 0;
		max-width: 100%;
		text-align: center;
	}

	.safari .ECTinfo {
		top: 74%;
		font-size:12px;		
	}

	.STinfo {
		top: 68rem;
		width: 100%;
		left: 0;
		text-align: center;
	}

	.safari .STinfo {
		top: 82%;
		font-size:16px;			
	}


	.CREW-COMING-SOON {
		top: 0rem;
		max-width:73%
	}
	
	.safari .CREW-COMING-SOON {
		top: -1rem;
	}

	.countdown-frame {
		z-index: 2;
		bottom: 0rem;
		left: 0;
		right: 0rem;
		margin-bottom: -2rem;
		background: none;
		padding: 6px 12px 6px 12px;
		border-radius: 6px;
		display: flex;
		/* transform: skew(7deg, -22deg) scale(1); */
		position: relative;
		max-width: fit-content;
		align-self: center;	
			/* v1 
		z-index: 2;
		transform: scale(0.5);
		bottom: 0rem;
		right: 0rem;
		animation: none;*/
	}
	
	.countdown-startin {
	}
	
	.countdown-days-nr {
		font-size: 21px !important;
		color: #f4f926;
		text-shadow: 0 0 2px black;
	}
	
	.countdown-days-txt {

	}
	
	.live-frame-m {
		padding-left: 0.8rem;
	}
	
	.live-pulse {
		box-shadow: none;
	}

	.dcard-inline .countdown-event-1 {
		font-size: var(--fs-17px);
	}
	.finished-event {
		text-shadow: 0 0 2px black !important;
		color: white !important;
	}
	.cntd-mobile {
		display: flex !important;
	}
	.cntd-desk {
		display:none !important;
	}

    .opening-days {
        margin-top: unset;
        font-size: 1.5rem;
        padding: 0.5rem;
        /*border-radius: 0;*/
		height: 6rem;
		width: 12rem;
		border-radius: 7px;
    }
	
	.s2scim{
	    background: rgba(0, 0, 0, 0.8) !important;
		max-width: 90% !important;
		max-height: 85% !important;
		filter: drop-shadow(0px 0px 0px transparent) !important;
		padding: 4rem !important;
		/*background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #282b5c0a 14px ), repeating-linear-gradient( #121327, #313464f2 ) !important;*/
		background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #282b5c1c 14px ), repeating-linear-gradient( #121327ba, #313464d6 ) !important;	
	}
	
	.s2scimc{
		height: 64rem;
		/*color: #262b3c !important;*/
		color: #f9f9f9 !important;
		
	}
	
	.btn-lp2-explore {
    width: 65%;
	font-size: 1.5rem !important;
	}
	
	.filtertype {
		font-size: 15px;
		padding-bottom: 1rem;
		display: block !important;
	}
	
	.filtercat {
		font-size: 15px;
		padding-bottom: 1rem;
		display: block !important;
	}
	
	
	.filterfac {
		font-size: 15px;
	    padding-bottom: 1rem;
		display: block !important;
	}
	
	.filtertypelegend {
		font-size: 2rem;
		font-weight: bold;
	}
	
	.filtercatlegend {
		font-size: 2rem;
		font-weight: bold;
	}
	
	.filterfaclegend {
		font-size: 2rem;
		font-weight: bold;
	}
	
	.UCE-swiper {
	    padding-left: 0rem;
		margin-left: -1rem;
	}
	
    .opening-hours-box .value {
        font-size: 1.5rem;
    }

    .jumpprices {
        height: auto !important;
    }

    .features-page-left .rate-comment-form-btn {
        margin: auto;
    }

    .aircrafts .swiper-slide img {
        height: 185px;
		margin-top: 0rem;
    }

    .restrictions-box {
        order: -1;
    }

    #dz-events-page {
        grid-template-columns: revert;
        padding-top: 0 !important;
    }

    #dz-events-page .search .mobile-css-block img {
        width: auto;
        height: auto;
        max-width: 18rem;
        max-height: 10rem;
        object-fit: contain;
		margin-top: 2rem;
		border-radius: 0.5rem;
    }
	
	#DE4-moredetails-page .search .mobile-css-block img {
        width: auto;
        height: auto;
        max-width: 18rem;
        max-height: 10rem;
        object-fit: contain;
		margin-top: 2rem;
		border-radius: 0.5rem;
    }

	.restriction .immr {
		max-width: 90px;
		max-height: 61px;
	}
	
	.i-m {
		border-radius: 24px !important;
	}

	.DE5_bkg_logo{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.manage-dze-grid {
	   grid-template-rows: unset;
	   grid-template-columns: unset;	
	}
	
	.fofbg {
		display:none !important;	
	}


	.ecde4 {
		border-radius: 14px;
	}
	
	.safari .dze-details {
		padding-top:1rem;
		padding-bottom:1rem;
	}

	.safari .saf-txt-mid-dp1 {
		max-width: unset !important;
		font-size:16px !important;
	}
	
	.safari .saf-pad-cat-dp1 {
		padding-top:1rem;
		padding-bottom:1rem;
		filter:unset !important;
	}
	
	.safari .saf-pad-txt-dp1 {
		padding-top:0.5rem !important;
		padding-bottom:0rem !important;		
	}
	
	
    #dz-events-page .sidebar .content {
        padding: 0;
    }
	
	#detail-page-right .content,
	#dz-events-page .sidebar .content {
    background: var(--bg-light);
    border-radius: 0 0 10px 10px;
    padding: 2rem 1rem;
	bottom: 0;
    position: absolute;
    width: 100%;
    height: 12%;
	min-height: unset !important;
}
	
	#detail-page-right .content,
	#DE4-moredetails-page .sidebar .content {
    background: var(--bg-light);
    border-radius: 0 0 10px 10px;
    padding: 2rem 1rem;
	bottom: 0;
    position: absolute;
    width: 100%;
    height: 12%;
	min-height: unset !important;
	;
}

	.safari #detail-page {
		padding-left: 0rem;
		padding-right: 0rem;
		column-gap:0rem;
		padding-bottom:0rem;
		padding-top: calc(var(--navbar-height) / var(--zoom) + 0rem)!important;
	}

	.safari #features-page {
		padding-left: 0rem;
		padding-right: 0rem;
		padding-top: 1.5rem !important;
	}
	
    #dz-events-page .sponsors {
        margin-block: 0.5rem;
    }

	#DE4-moredetails-page .sponsors {
		margin-block: 0.5rem;
	}

	.#DE4-moredetails-page{
		display: unset;
	}
	
    #dz-events-page .search {
        order: -2;
    }

    #dz-events-page .action-btn {
        order: -1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: start;
    }

	.mpx14 {
		padding:unset;
	}
	
	.dcard-medium {
		border-radius: 18px;
	}
	
	.safari .dcard-medium {
		padding: 0.5em 0.5em;
	}
	
	.welcome-popup-dz {
		width: 90%;
	}
	
	.welcome-popup-e {
		width: 90%;
	}
	
	.welcome-logo-pop2-dz {
		padding: 0% 4% 9% 4%;
		max-width: 100%;
		margin-top: -10rem;
	}
	
	.welcome-logo-pop2-e {
		padding: 0% 4% 9% 4%;
		max-width: 100%;
		margin-top: -12rem;
	}

	.DZESEARCHGrid{
		/*max-width: 240px;*/
		max-height: 304px;
		
	}

	
    .dropzone-grid {
		grid-template-columns: repeat(auto-fill, 14rem);
		margin-top: 10%;
		gap: 19px;
		padding-left: 2px;
		padding-right: 2px;
    }
	
	.dropzone-sub-box .eventbox {
		position: absolute;
		left: 0rem;
		font-size: 2rem;
		font-size: 37px;
	}
	
	.safari .dropzone-sub-box .eventbox {
		font-size: 14px !important;
	}
	
	.pad-hz-sp {
		padding: 0em 0em !important;
	}
	
	.safari .pad-hz-sp {
		padding: 0em 0em !important;
		font-size: 12px;
		right: -10px;
	}

	.dropzone-gridSEARCH {
		grid-template-columns: repeat(auto-fill, 21rem);
		margin-top: 10%;
		gap: 28px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0%;
		margin-right: 0%;
    }
	
	.safari .dropzone-gridSEARCH {
		grid-template-columns: repeat(auto-fill, 18rem);
		margin-top: 10%;
		gap: 28px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0%;
		margin-right: 0%;
    }

    .dropzone-grid .grid-item {
        font-size: 1rem;
		border-radius: 14px;
    }

    .dropzone-gridSEARCH .grid-item {
        font-size: 1rem;
		border-radius: 40px;
    }

	.safari .dropzone .location:after {
		right:61px;
		left: -76px;
		
	}
	
    .dcard-large {
        padding: 5px;
    }
	
	.dcard-medium .dropzone-box {
		padding-left: 1rem;
		width: 54% !important;
		padding-right: 3%;
	}

	.safari .dcard-medium .dropzone-box {
		padding-left: 0.5rem;
		width: 60% !important;
		padding-right: 2%;
		padding-bottom: 11px;
	}
	
    .globe .dropzone-slide {
        transform-origin: left bottom;
        -webkit-transform-origin: left bottom;
        transform: scale(0.3333);
        -webkit-transform: scale(0.3333);
        width: 300%;
    }

    .features-grid {
        grid-template-columns: revert;
    }

	.restrictions-box .restrictions {
		margin: 0em 0;
		max-height: 410px;
		padding-bottom: 7px;
	}

    .with-sidebar {
        grid-template-columns: revert;
    }

    .location {
        width: min-content;
    }

    .dropzone .location .country-city {
        margin-left: 0.5rem;
        min-width: 125px;
    }

    .dropzone .location img {
        max-width: 7rem;
		max-height: 4.5rem;
		width: unset;
    }
	
	.safari .dropzone .location img {
		padding-left:5px;
		width: unset !important;
    }

	.dropzone .location .continent {
		font-size: 8px;
	}

	.bg_img_GB {
		opacity: 80%;
		top: 40%;
	}

	[data-play-button] {

	}
	
	.cnd1{
		font-size:18px
	}
	
	.cind1{
		font-size: 15px;
	}
	
	.addDZbtnS2 {
		display:none;
	}

	.adddzbtns1 {
		display:none;
	}
	
	.ppccm {
		height: 60px !important;
		width: 60px !important;
	}

	.ppsbccm {
		right: -34px !important;
	}

	.ccnm {
		margin-top: 8px !important;
		margin-left: 2px !important;
	}
	
	.finm {
		font-size: 14px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
		font-weight: bold;
	}
	
	.safari .finm {
		font-size: 16px !important;
	}
	
	.finm2 {
		font-size: 14px !important;
		max-width: 85% !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
	
	.ccib {
		font-size:18px !important;
	}
	
	.btn-ani2 {
		    padding: 0.6rem 1.5rem;
	}
	
	.restrictions-box {
		background: var(--bg-light);
		padding: 1.5em 1em;
		border-radius: 1em;
		box-shadow: none;
	}
	
    .dropzone .dropzone-box .dze-name {
		/*
		max-width: 75vw;
		font-size: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-word;
		line-height: 33px;
		*/
		
		font-size: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-word;
		line-height: 24px;
		left: 0;
		right: 0;
		text-align: center !important;
		position: absolute;
		padding-bottom: 4rem !important;
		padding-top: 0rem;
		color: #1c1d3b;
		max-width:unset;
    }
	
	
	
	.safari .dropzone-box .dze-name {
		font-size: 20px;
		line-height:33px;
		padding-top:1.2rem;
    }

	.text-shadow_DP {
		display: none;
	}

    .links button>span {
        display: none;
    }

    .sm-flex-col {
        /* flex-direction: column; */
		margin-top: 3rem;
    }

    .globe {
        flex-direction: column;
    }

    .globe .sponsors {
		display: flex;
		gap: 1rem;
		top: 71rem;
		justify-content: center;
		left: revert;
		position: relative;
		order: -2;
    }

    .globe .search {
		order: -1;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1em;
		position: relative;
		top: 91px;
		right: revert;
		margin-top: -119px;
		z-index:1;
		
    }

    .search div + div {
        margin-left: 0;
    }

	.aircrafts>header {
		margin-top: 2rem;
		font-size: 2rem;
		color: #201b33;
		z-index: 2;
		position: relative;
	}
	
	.safari .aircrafts>header {
		margin-top: 2rem;
		font-size: 14px;
	}

	.facilities header {
		margin-top: 2rem;
	}
	
	.safari .facilities header {
		font-size: 14px;
		margin-top: 1.2rem;
	}

    .app_nav {
        order: 100;
        margin-top: 44px;
        background-color: #00162b;
        backdrop-filter: blur(5px);
	    webkit-backdrop-filter: blur(5px);	
    }

    .app_nav ul {
        flex-direction: column;
    }

    .date {
        font-size: 1.5rem;
    }

    .dropzone .location {
        top: 3rem;
		max-width: 75%;
		height: 6rem;
		width: 29rem;
		padding-left: 13px !important;
    }
	
	.safari .dropzone .location {
		padding-left:0px !important;
    }
	
	.safari #search_countries .dropzone-grid a {
	padding: 0em;
}
	
	.safari .dropzone-grid .grid-item {
	min-height: 166px;
	border-radius:10%;
	}


	
	.safari .dropzone .location {
        top: 2rem;
		max-width: 70%;
		height: 6rem;
		width: 30rem;
    }


    .super-number>*:first-child {
        font-size: 5rem;
    }

    .dropzone .social-info {
        top: 3rem;
		right: -0.5rem;
    }

    .dropzone .social-info .info {
        border-radius: 0;
        position: relative;
        padding-block: 5px;
        height: 3.5rem;
        background: none;
        padding: 0;
    }
	
	.safari .dropzone .social-info .info {
        padding-right: 2rem;
    }

	.globesponsorsbkg {
		background-color: transparent;
		padding: 0rem;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

    .dropzone .social-info .info:after {
        content: "";
		position: absolute;
		z-index: -1;
		inset: 0 -50px 0 -20px;
		background: white;
		transform: skewX(-55deg);
		-webkit-transform: skewX(-55deg);
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		height: 6rem;
		width: 20rem;
		left: -5rem;
		/*background: linear-gradient(180deg, hsl(0 0% 100% / 100%), hsl(0 0% 100% / 85%) 85%, white 120%);*/
		background-color: #ffffffe0;
    }
	
	.safari .dropzone .social-info .info:after {
		height: 6em;
		width: 26em;
		top: -1rem;
		right: -50px;
		bottom:0px;
		left: -44px;
    }

    .super-number {
        align-items: center;
		margin-top: 2.5rem;
    }
	
	.safari .super-number {
		margin-top: 0rem;
    }

    .dropzone .social-info .social {
       flex-direction: column;
		row-gap: 1.5rem;
		margin-top: 5rem;
		font-size: 17px;
		padding: 12px 12px 12px 12px;
		margin-right: 18px;
    }
	
	.safari .dropzone .social-info .social {
		font-size: var(--fs-18px);
    }

    .dropzone .commands {
        margin-bottom: 0;
        font-size: 0.7em;
        margin-right: 2em;
    }

    .dcard-xxl .btn-default {
        padding: 0.8rem 3rem;
		font-size: 23px;
    }

    .more-details {
        font-size: 11px;
		left: 109px;
		top: 77.7%;	
    }
	
	.mb0 {
		margin-bottom:unset !important;
	}

	.mt0 {
		margin-top:unset !important;
	}

		
	.mb1 {
		margin-bottom:unset !important;
	}

	.mb1 {
		margin-top:unset !important;
	}
	
	 .animate-characterd1 {
		display: unset;
		/* --- old --- 
		background-image: linear-gradient( 232deg, #fbff00 10%, #ff8800 30%, #ff8800 0%, #fbff00 90% ) !important;*/
		background-image: linear-gradient( 113deg, #ffffff5c 0%, #ffffff 40%, #ffffff 0%, #ffffff54 100%, #ffffff85 100% ) !important;
		background-size: auto auto;
		background-clip: border-box;
		background-size: 200% auto !important;
		color: #fff;
		/*   --- High performance ---
		animation: textclip 4.6s linear infinite;
		*/
	  }

	.titleX {
		top: -42rem;
		left: -107px;
		position: absolute;
		transform: rotate(270deg);
		font-size: 19px;
		font-family: 'dosis-bold';
	}	
	
	.safari .titleX {
		top: -31rem;
		left: -90px;
		font-size: 13px;

	}	
	
	.safari #dz-events-page{
		padding-right: 0rem;
		padding-bottom: 0rem;
		padding-left: 0rem;
	}


	.safari #DE4-moredetails-page {
		padding-right: 0rem;
		padding-bottom: 0rem;
		padding-left: 0rem;
	}
			
	.sbtn {
		color: #292b50 !important;
		background-color: orange !important;
	}
			
	.inner-modal {
		/*position: relative;
		background: rgba(0, 0, 0, 0);
		padding: 1rem;
		max-width: 100%;
		max-height: 28%;
		border-radius: 5px;
		color: white;    
		filter: drop-shadow(2px 4px 6px black);*/
		
		position: relative;
		/*background: rgba(0, 0, 0, 0);
		background: rgba(0, 0, 0, 0.8) !important;*/
		/*background: rgb(255 255 255 / 86%) !important;*/
		padding: 0px;
		max-width: 100%;
		max-height: 43%;
		border-radius: 13px;
		color: white;
		/*filter: drop-shadow(2px 4px 6px black);*/		
	}		
			
			
	.inner-modal-content {
		max-height: 100%;
		height: 53rem;
		-ms-overflow-style: none;
		scrollbar-width: none;
		overflow-y: auto;
		margin-top: 0rem;
		color: white;
		padding: 10px;
	}
	
	.inner-modal-calendar {
		position: relative;
		background: rgba(0, 0, 0, 0);
		padding: 0rem;
		border-radius: 21px;
		color: white;
		filter: drop-shadow(2px 4px 6px black);
		background-color: #ffffffd1;
		height: auto;
		padding: 1.5rem;
		backdrop-filter: blur(10px);
	    webkit-backdrop-filter: blur(10px);	
		box-shadow: 0 6px 20px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 15%);
	}		
	
	.inner-modal-content-calendar {
		
	}
	
	.friends-invite-list {
		background: hsl(0deg 0% 0% / 0%) !important;
	}
	
	.JOIN-DZE {
		padding: 0.5rem !important;
		border-radius: 16px !important;
		bottom: unset !important;
		background: rgb(20 20 20 / 82%) !important;
	}
	
	.FRIEND-LIST {
		/*max-height: 100% !important;*/
		max-height: 95% !important;
		position: absolute !important;
		border-radius: 16px 16px 0px 0px !important;
		background: rgb(190 190 190 / 34%) !important;
	}
	
	.FRIEND-LIST-C {
		min-height: 100% !important;
		background: rgb(190 190 190 / 34%);
	}

	.padding4-8 {
		padding-left: 0.8rem !important;
		padding-right: 0.8rem !important;
		padding-bottom: 30% !important;
	}

	.fa-chevron-down {
		position: absolute;
		left:  -7.5px;
		top: -31rem;
	}		
	
	.safari .fa-chevron-down {
		left:  33px;
		top: -21.5rem;
	}	
		
	.sizecc {
		height: 6.5rem !important;
	}
	
	.safari .sizecc {
		height: 10rem !important;
	}
	
	.d3specialh {
		font-size: 2.5em !important;
	}
	
	.d3specialn {
		top: 40% !important;
	}
	
	.feature-prices .ticket-price {
		align-self: center;	
		color: #6b7186;
		/*color: #449ee7;
		color: #525252;*/
		font-family: 'montserrat-bold';
		position: relative;
		top: 2rem;
		left: -1rem;
		font-size: 18px;
	}	
		
	.animate-character {
		font-size: 20px;
		filter: drop-shadow(0 0 0.1rem black);
		margin-top: 0rem;
		opacity: 0%;
	}

	.sponsors_bkg {
		margin-left: 0%;
		/*margin-top: -83px;*/
		width: 100%;
		height: 9%;
		border-radius: 0em 0em 4em 4em;
		clip-path: unset;
		background: #201b33;
		background: linear-gradient(180deg, #ffffff, #ffffff, #ffffff9c);
		/*background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #282b5c0a 14px ), repeating-linear-gradient( #121327, #313464f2 );
		background: linear-gradient(198deg, #ffffff, #ffffffcc, #ffffffcf);*/
		
		/* -- 2bars -- 
		margin-left: -1%;
		margin-top: -62px;
		width: 93%;
		height: 16%;
		border-radius: 0em 0em 2em 2em;
		clip-path: polygon(0 0, 100% 0, 83% 100%, 0% 100%);*/
	}	

	.sponsors_bkgR {
		display: none;
	
		/* -- 2bars --
		margin-left: 85%;
		margin-top: -63px;
		width: 21%;
		height: 16%;
		clip-path: polygon(74% 0, 100% 0, 100% 100%, 0% 100%);*/
	}
	
	.HighlightedTxT {
		position: relative;
		left: 38%;
		top: -45%;
		margin-bottom: -8%;
		padding: 2rem;
	}
	
	#search_countries .dropzone-grid a {
		
	}

	.safari #search_countries .dropzone-grid a {
		/*border: 11px solid #ffffff80;*/
		border:none;
		border-radius: 14px;
		padding: 0rem;
	}

	
	.WWD {
		left: 26.5%;
	}

	.SBC {
		margin-top: 4.8%;
	}

	.aDZ {
	
	}

	.aC {
	
	}


	.FDS {
  
	}
	
	.spo_txt {
		display:none;
	}
	
	.CL1 {
		top: 28px;
		position: absolute;
		font-size: 21px;
		margin-right: 2px;
	}
	
	.safari .CL1 {
		position: unset;
		
	}
	
	.safari .sponsors_bkg {
		/*height:18%;*/
		border-radius: 0em 0em 3em 3em;
	}
	
	
	
	
	.SA1 {
		top: 18px;
		position: absolute;
		font-size: 20px;
		margin-right: 19px;
	}
	
	.safari 	.SA1 {
		text-align:end;
		font-size: 15px;
	}
	
	.BO1{
		top: 18px;
		position: absolute;
		font-size: 20px;
		margin-right: 19px;
	}
	
	#search_countries .search-premium, #search_countries .search-favorite {
		margin-left: 3%;
		margin-right: 3%;
	}	
	
	.CountryBox {
		margin-top: 10%;
	}
	
	.RCsmall {
		display: unset !important;
		right: 14px;
		left: unset !important;
	}
	
	.PRPm{
		position: unset !important;
		margin-right: 0px !important;
	}
	
	.swiper-wrapper-country{
	}
	
	#features-page .comment .rating {
		font-size: 1rem;
		margin-left: 1rem;
}
	
    .even-el-sidebar {
        grid-auto-flow: column;
        grid-template-rows: auto auto auto auto;
        justify-content: center;
    }

    .globe .search-favorite {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
    }

    #viewDiv .popuptemplate {
        position: absolute;
        top: 10;
        right: 5%;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform-origin: top right;
        -webkit-transform-origin: top right;
    }

	#features-page {
		align-content:unset;
	}
	
	#detail-page {
		align-content:unset;
	}

    .dcard-large .dropzone-box,
    .dcard-large .event-box {
        padding-left: 0.5rem;
    }

    .date {
        font-size: 1rem;
    }

	.fullscreen {
		background-size: 1300%;
		animation: steam 1400s linear infinite;
	}


    .dropzone .content {
        padding: 1em 0;
    }

    .cockpit-line {
        display: none;
    }

    .dropzone .commands {
        margin-bottom: 0;
        font-size: 0.7em;
    }

    .swiper-dropzone-premiums .swiper-pagination {
        display: none;
    }


    #features-page {
        grid-template-columns: 100%;
        padding: 0;
        justify-content: center;
		background-image: url(/static/base/images/D3_mobile_bg.jpg) !important;
		/*background-size: 115% !important;*/
		animation: 0 !important;
    }

    .features-grid {
        padding: 0;
    }

	.nuy {
		margin-top: 10rem !important;
	}

	.uploadedby {
		bottom: 100%;
	}

    .days-open {
        margin-inline: 0.5em !important;
    }

    #dz-events-page {
        padding-inline: 0;
        grid-template-rows: auto auto 1fr auto;
    }
    #dz-events-page .search {
        padding: 0.5rem;
		display: unset !important;
    }

    #dz-events-page-footer {
        clip-path: none;
        padding: 2rem;
        border-radius: 0;
        width: 100%;
        place-content: center;
    }

    .box-container {
		background: rgb(224 224 224 / 0%);
        padding-bottom: 3rem;
		min-height: 64rem;
		min-width: 40rem;
		margin-bottom: 0rem!important;

	}

	.data_more_less_inner {
		margin-bottom: 0px;
		min-height: 44rem;
	 }

    .comments-box {
        padding: 1.5rem;
		box-shadow: none;
    }
	
	.title fs-24px bold text-left mb-3 {
		font-size: 2rem;
	}
	
	.modal-popup {
		/*background: hsla(0, 0%, 0%, 50%);
		backdrop-filter: blur(8px);
		webkit-backdrop-filter: blur(8px);
		background: hsl(0deg 0% 0% / 0%);*/
		
		background: hsl(0deg 0% 68.98% / 50%);
		backdrop-filter: blur(6px);
		webkit-backdrop-filter: blur(6px);		
	}
	
	.LIVE-d2 {
		right: 1rem;
		top: 13rem;
		transform: scale(1);
	}
	
	.comment img {
		width: 4rem;
	}
	
    .comment pre, .comments-box textarea {
        margin-right: auto;
		font-size: 14px;
    }

    .dropzone .facility-items {
        display: flex;
        flex-wrap: wrap;
    }

    .dropzone .restrictions-box img {
        width: auto;
        height: auto;
        max-width: 5rem;
        max-height: 5rem;
        object-fit: contain;
    }

    .dropzone .features-page-left .rate-comment-form-btn {
        flex: 0 0 100%;
    }

    #detail-page .facilities-featured {
        display: flex;
        flex-wrap: wrap;
    }
	
	#features-page {
	    padding-top: calc(var(--navbar-height) / var(--zoom) + 2.7rem) !important;
		padding-inline: 0 !important;
        padding-bottom: 0;
        min-height: calc(var(--vh) * 100 / var(--zoom)) !important;
		/*border-radius: 2rem;
		background: radial-gradient(75% 35% at 50% 95%, rgba(80, 82, 98, 0.6) 20%, rgba(80, 82, 98, 0) 90%), linear-gradient(rgba(28, 35, 50, 0) 0%, rgba(28, 35, 50, 1) 80%) !important;
		background-image: unset !important;
		background: radial-gradient(75% 35% at 50% 95%, rgb(241 241 241 / 69%) 20%, rgb(206 206 206 / 76%) 90%), linear-gradient(rgb(230 230 230 / 53%) 0%, rgb(255 255 255) 80%) !important;*/
		background: radial-gradient(75% 35% at 50% 95%, rgb(241 241 241 / 69%) 20%, rgb(206 206 206 / 76%) 90%), linear-gradient(rgb(230 230 230 / 53%) 0%, rgb(209 209 209) 80%) !important;
	}
	

    #detail-page, #gallery-page, #dz-events-page {
        padding-inline: 0 !important;
        padding-top: calc(var(--navbar-height) / var(--zoom)) !important;
        padding-bottom: 0;
        min-height: calc(var(--vh) * 100 / var(--zoom)) !important;
		border-radius: 2rem;
    }
	
     #DE4-moredetails-page {
        padding-inline: 0 !important;
        padding-top: calc(var(--navbar-height) / var(--zoom)) !important;
        padding-bottom: 0;
        min-height: calc(var(--vh) * 100 / var(--zoom)) !important;
		display: block;
		border-radius: 2rem;
    }



    #detail-page .gallery-swiper,
    #detail-page .heading,
    .features-page-left,
    #features-page-right,
    .features-page-right-header,
    #dz-events-page .heading,
    #detail-page-right .content,
    #dz-events-page .sidebar .content {
        border-radius: 0 !important;
    }

    #viewDiv .popuptemplate {
        /*transform: scale(0.25);
        -webkit-transform: scale(0.25);*/
		
		transform: scale(0.8) !important;
        -webkit-transform: scale(0.8);
    }

	.esri-view .esri-view-surface{
	}
	
	
    #search_countries .top, .country-view .top {
        flex-direction: column;
        gap: 4rem;
		margin-bottom: 13% !important;
    }
	
	.safari #search_countries .top, .country-view .top {
        gap: 0rem;
		margin-bottom: 2% !important;
    }

    #search_countries .sponsors, .country-view .sponsors {
        display: flex;
		justify-content: center;
		gap: 0rem;
		margin-left: 0% !important;
		margin-top: 1rem;
    }

    #search_countries .sponsors + div {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
    }

    #search_countries .sponsors + div > form {
        order: 1;
        margin-top: 1em;
    }

    .sponsors img {
		max-width: 12rem !important;
		max-height: 5rem !important;
		filter: drop-shadow(0px 0px 5px #00000057);
		padding-right: 1rem !important;
    }
	
	.safari .sponsors img {
		max-width: 12rem !important;
		min-width: 12rem !important;
		max-height: 5rem !important;
		min-height:5rem !important;

    }

    .globe .dropzone-slide {
        transform: scale(0.25);
        -webkit-transform: scale(0.25);
        width: 400%;
    }

    .dcard-medium .people {
        left: 45%;
    }

    .dcard-medium .dcard-medium-friends-swiper {
        width: 6rem;
    }
    .dcard-medium-friends-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
    .dcard-medium-friends-swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    visibility: hidden;
    }
	
	
	.BGK-ani-x2 {
	/*background-size: 1215% !important;*/
    /*animation: steam 1400s linear infinite !important;*/
    background-repeat: unset !important;
	background-size: cover !important;
	}
	
	.pp-imc {
		padding:0;
		height:auto;
	}
	
	.pd-2 {
		padding:2rem;
	}
	
	.pp-inner {
		border-radius: 17px;
		max-height: unset;
	}
	
	.mdze {
		padding-left:7%;
		padding-right:7%;
	}
	
	.m-fs2rem {
		font-size: 2rem; 
	}
	
	.mo-fs25 {
		font-size:25px;
	}
	
	section#gallery-page, section#search_countries, section.country-view {
		padding-top: calc(var(--navbar-height) / var(--zoom, 1) + 0rem);
	}
	
	/*#msform mobile*/
	#msform {
	  width: auto;
	}
	#msform fieldset {
	  padding: 50px 20px;
	  width: 89%;
	  margin: 0 6%;
	}
	
	#msform fieldset:not(:first-of-type) {

	}
	#msform input,
	#msform textarea {

	}
	#msform select,
	#msform textarea {

	}
	#msform .action-button {

	}
	#msform .action-button:hover,
	#msform .action-button:focus {

	}

	#progressbar {

	}
	#progressbar li {
		width: 31%;
	}
	#progressbar li:before {
	    width: 110px;
	}
	/*progressbar connectors*/
	#progressbar li:after {

	}
	#progressbar li:first-child:after {

	}

	#progressbar li.active:before,
	#progressbar li.active:after {
	    width: 110px;
	}

	.hours_form {
		display: flex;
		justify-content: space-evenly;
		align-items: center; 
		text-align: center;
		gap: 10px;
	}

	.day_form {
		width: 80px;
	}


	.l-w-mobile {
		min-height: 84px !important;
	}
	
	.date-form-mobile {
		width: 100%;
	}
	.date-form-mobile-container {
		gap: 1rem !important;
	}
}
/*
@media (max-width: 750px) {

    .swiper-dz-events, .swiper-country-dze, .swiper-search-favorites, #dz-events-page .swiper-search-favorites,
    #search_countries .search-premium, #search_countries .search-favorite {
        width: var(--dcard-small-width);
        padding: 0;
        margin: auto;
        padding-block: 1rem;
    }
}
@media (max-width: 550px) {

    .dropzone-grid {
        grid-template-columns: repeat(auto-fill, 125px);
        gap: 10px;
        padding: 1em;
    }
    .dropzone-grid .grid-item {
        font-size: 0.8rem;
    }
}
@media (max-width: 450px) {

    .dropzone-grid {
        grid-template-columns: repeat(auto-fill, 115px);
    }
}
@media (max-width: 400px) {

    .dropzone-grid {
        grid-template-columns: repeat(auto-fill, 100px);
    }
}
@media (max-width: 350px) {

    .dropzone-grid {
        grid-template-columns: repeat(auto-fill, 85px);
    }
}



@media (max-height: 650px) {

    #dz-events-page .search +div {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        margin-top: -4rem;
        margin-bottom: 4rem;
        height: 100%;
    }
    #dz-events-page .sidebar {
        margin-top: -6rem
    }

    .show-price-popups {
        margin-top: 1rem;
    }

    .date {
        font-size: 1rem;
    }

    .dropzone .content {
        padding: 1em 0;
    }

    .dropzone .commands {
        margin-bottom: 0;
        font-size: 0.7em;
    }

    .swiper-dropzone-premiums .swiper-pagination {
        display: none;
    }

    .dropzone .facility-items {
        display: flex;
        flex-wrap: wrap;
    }

    .dropzone .restrictions-box img {
        width: auto;
        height: auto;
        max-width: 5rem;
        max-height: 5rem;
        object-fit: contain;
    }


    #detail-page .facilities-featured {
        display: flex;
        flex-wrap: wrap;
    }

    #detail-page .gallery-swiper img,
    #detail-page .gallery-swiper video {
        height: 300px;
    }


}

@media (max-width: 450px) {
    .dropzone .location .location-country {
        max-width: 90px;
    }

}

@media (max-height: 450px) {
    .dropzone-action-buttons {
        right: 5rem !important;
        bottom: 5% !important;
    }
    #detail-page .gallery-mobile-swiper img, #detail-page .gallery-mobile-swiper video, .aircrafts .swiper-slide img {
        height: calc(var(--vh) * 50);
    }
    .features-page-footer {
        position: relative;
    }
    #detail-page-middle .description .data_more_less_inner {
        min-height: 15vh;
    }
}
*/

/*form styles*/