/*
.fixed-top {
display:none;
}
*/
#main {
	margin-top: 80px;
	margin-left: -0.8rem;
}

body{
	background: #eaeaea;
	
}
a {
	color:white;
}
.desktop-slider{
	height:100vh;
	position: relative;
}

.slide .image-container:nth-child(1){
	left: 50%;
}
.slide .image-container:nth-child(2){
	left: calc(50% + 220px);
}

.slide .image-container:nth-child(3){
	left: calc(50% + 440px);
}
.slide .image-container:nth-child(n + 4){
	left: calc(50% + 660px);

}
.slide .image-container:nth-child(n + 5){
	left: calc(50% + 880px); 
	display:none;

}

.image-container {
	position: absolute;
	bottom: 180px;
	width:200px;
	height: 300px;
	border-radius: 20px;
	cursor: pointer;
	background-position: 50% 50%;
	background-size: cover;
	display: inline-block;
	transition: 1.5s;
}

.summer-button-prev, .summer-button-next {
	width: 56px;
	height: 56px;
	position: absolute;
	bottom: calc(180px - 10%);
	z-index: 10;
	left: calc(50% + 330px);
	cursor: pointer;
	border-radius: 50px;
	border: 2px solid #FFFFFF;
	padding: 1.1rem;
}

.summer-button-next {
	left: calc(50% + 390px);
}

.content .name{
	font-size: 110px;
	text-transform: uppercase;
	line-height: 6rem;
	font-weight: 900;
	font-family:'Hypatia-Sans-Pro-Black',sans-serif;
	text-shadow: 0px 5px 10px #000000BF;
	opacity: 1;
}

.content .des{
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: 'Hypatia-Sans-Pro-Semibold',sans-serif;
	font-weight:600;
	font-size: 20px;
	text-shadow: -2px 2px 5px #000000;
	opacity: 1;
}

.content button{
	padding: 10px 20px;
	cursor: pointer;
	opacity: 1;
}

.button{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 20px;
}

.button button{
	width: 56px;
	height: 56px;
	border-radius: 50px;
	cursor: pointer;
	margin: 0 5px;
	border: 2px solid #FFFFFF;
	background: transparent;
}


.main-title{
	background-color: rgb(70, 251, 187, 0.5);
	font-family:'Hypatia-Sans-Pro-Black',sans-serif;
	font-size: 49px;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);

}
/* swiper desktop styling */

.swiper-desktop {
	width:100%;
	height:95%;
	max-width: 2560px;
	max-height: 1707px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 10px var(--swiper-pagination-bullet-horizontal-gap,4px);
}



.swiper-pagination-progress {
	z-index: 10;
	margin-bottom:1rem;
}
.easter-button-prev, .easter-button-next {
	width: 56px;
	height: 56px;
	position: absolute;
	top: 90%;
	z-index: 10;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	border: 2px solid #FFFFFF;
	padding: 1.1rem;
	visibility: hidden;
}

.easter-button-prev{
	left: 30%;	
}
.easter-button-next {
	left: calc(30% + 60px);
}
.swiper-pagination-progressbar{
	background:#FFFFFF;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #FFB300;
}

.swiper-fraction {
	color: white;
	font-weight: bold;
	font-size: 43px;
	top: 90%;
	position: absolute;
	z-index: 10;
	text-shadow: 0px 3px 6px #000000;
	left: calc(30% + 600px);
}

/* swiper progresion bar position */

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 440px;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: calc(30% + 140px);
	top: 93%;
	visibility: hidden;
}
/* pagination bullets */
.swiper-pagination-bullet {
	width: 96px;
	opacity: 1;
	background: transparent;
}
.swiper-pagination-bullet-active {
	filter: grayscale(100%);
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	left: 0;
	width: 100%;
	padding-right: 15%;
	padding-left: 15%;
	top: 10px;
	bottom: 95%;
	visibility: hidden;
}
.swiper-pagination-bullet button {
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
	border-radius: 30px;
	padding: 0rem 0.3rem 0rem 0.3rem; 
}

/* spb stylling  */

.spb0 {
	background: #E66B32 0% 0% no-repeat padding-box;
}

.spb1 {
	background: #2962B8 0% 0% no-repeat padding-box;
}

.spb2 {
	background: #3D76CB 0% 0% no-repeat padding-box;
}

.spb3 {
	background: #426CAB 0% 0% no-repeat padding-box;

}

.spb4 {
	background: #78A9D5 0% 0% no-repeat padding-box;
	padding: 0rem 0.8rem 0rem 0.8rem !important;
}

.spb5 {
	background: #41ACE3 0% 0% no-repeat padding-box;
}

.spb6 {
	background: #61B3C4 0% 0% no-repeat padding-box;
}

.spb7 {
	background: #6CC9DC 0% 0% no-repeat padding-box;
}
.spb8 {
	background: #0CE3E3 0% 0% no-repeat padding-box
}
.spb9 {
	background: #FFB300 0% 0% no-repeat padding-box;
	padding: 0rem 0.8rem 0rem 0.8rem !important;
}
.spb10 {
	background: #D88F37 0% 0% no-repeat padding-box;
}
.spb11 {
	background: #E66B32 0% 0% no-repeat padding-box;
}
.spb12 {
	background: #D85E41 0% 0% no-repeat padding-box;
}
.spb13 {
	background: #AF2121 0% 0% no-repeat padding-box;
}
.spb14 {
	background: #D85E41 0% 0% no-repeat padding-box;
}
.spb15 {
	background: #D88F37 0% 0% no-repeat padding-box;
}
.spb16 {
	background: #FFB300 0% 0% no-repeat padding-box;
}
.spb17 {
	background: #0CE3E3 0% 0% no-repeat padding-box;
}
.spb18 {
	background: #0CE3E3 0% 0% no-repeat padding-box;
}
.spb19 {
	background: #6CC9DC 0% 0% no-repeat padding-box;
}
.spb20 {
	background: #61B3C4 0% 0% no-repeat padding-box;
}
.spb21 {
	background: #41ACE3 0% 0% no-repeat padding-box;
}
.spb22 {
	background: #78A9D5 0% 0% no-repeat padding-box;
}
.spb23 {
	background: #2962B8 0% 0% no-repeat padding-box;
	padding: 0rem 0.8rem 0rem 0.8rem !important;
}

.title-desk{
	font-weight: 900;
	font-size: 100px;
	line-height: 6rem;
	margin-bottom: 2rem;
	font-family: 'Hypatia-Sans-Pro-Black',sans-serif;
	text-shadow: 0px 5px 10px #000000BF;

}

.text-desk{
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 3rem;
	font-family: 'Hypatia-Sans-Pro',sans-serif;
	text-shadow: 0px 3px 6px #000000;

}

.anoigma-info-container {
	padding: 10% 10% 0% 5%;
	color: #FFFFFF;
	position: absolute;
	top: 0;

}

.info-container {
	padding: 10% 22% 0% 5%;
	color: #FFFFFF;
}

.famous-container {
	padding: 11% 5% 0% 2%;
	margin-top: 8rem;
	color: #FFFFFF;
	text-shadow: 0px 2px 2px #000000;
}

.full-name{
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 40px;
	padding-bottom: 3rem;
}
.famous-desc {
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	font-size: 24px;
	padding-bottom: 3rem;
	font-family: 'Hypatia-Sans-Pro', sans-serif;
	opacity: 0;
}
.btn-start-travel{
	text-align: center;
	font-size: 16px;
	color: white;
	font-weight: 600;
	width: 70%;
	box-shadow: 0px 13px 18px #00000029; 
	border: 3px solid #FFFFFF; 
	border-radius: 30px;
	padding:3%;
}

.vertical-container{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.famous-img-desk {
	max-height: 450px;
	position: relative;
	right: -5rem;
}

/* styling */

.ant-btn-desk {
	background: #D85E41 0% 0% no-repeat;
}
.aig-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;

}

.ant-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}

.zak-bg {
	background-image: linear-gradient(to top, rgba(12, 227, 227, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}

.her-bg{
	background-image: linear-gradient(to top, rgba(108, 201, 220, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.ios-bg {
	background-image: linear-gradient(to top, rgba(120, 169, 213, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.kal-bg {
	background-image: linear-gradient(to top, rgba(193, 128, 49, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.kar-bg {
	background-image: linear-gradient(to top, rgba(193, 128, 49, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.ker-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.kim-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}

.kyt-bg {
	background-image: linear-gradient(to top, rgba(65, 172, 227, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.kos-bg {
	background-image: linear-gradient(to top, rgba(65, 172, 227, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.les-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.ley-bg {
	background-image: linear-gradient(to top, rgba(12, 227, 227, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.mon-bg {
	background-image: linear-gradient(to top, rgba(108, 201, 220, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.myk-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.naf-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.nax-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.par-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.rod-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.san-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.sif-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.sym-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.tin-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.hal-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}
.hio-bg {
	background-image: linear-gradient(to top, rgba(97, 179, 196, 0.5) 75%, transparent 75%);
	border-radius: 80px 0 0 0;
}

/* left text bg */
.aig-info-bg {
	background-color: rgba(97, 179, 196, 0.7);


}

.ant-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}

.zak-info-bg {
	background-color: rgba(12, 227, 227, 0.7);

}

.her-info-bg {
	background-color: rgba(108, 201, 220, 0.7);

}

.ios-info-bg {
	background-color: rgba(120, 169, 213, 0.7);

}
.kal-info-bg {
	background-color: rgba(193, 128, 49, 0.7);

}
.kar-info-bg {
	background-color: rgba(193, 128, 49, 0.7);

}
.ker-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.kyt-info-bg {
	background-color: rgba(65, 172, 227, 0.7);

}
.kos-info-bg {
	background-color: rgba(65, 172, 227, 0.7);

}
.les-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.ley-info-bg {
	background-color: rgba(12, 227, 227, 0.7);

}
.mon-info-bg {
	background-color: rgba(108, 201, 220, 0.7);

}
.myk-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.naf-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.nax-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.par-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.rod-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.san-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.sif-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.sym-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.tin-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.hal-info-bg {
	background-color: rgba(97, 179, 196, 0.7);

}
.hio-info-bg {
	background-color: rgba(97, 179, 196, 0.7);
}



/* mobile slider styling */
.mobile-slider{
	height:100vh;	
}

html, body {
	position: relative;
	height: 100vh;

}

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	/*height: 500px; /* You must set a specified height */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}

.mobile-swiper {
	width:100%;
	height:100%;
	max-width: 430px;
	max-height: 932px;
}

.mob-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: end;
}

.mob-slide img {
	display: block;
	object-fit: cover;
}
.mob-desc{
	text-shadow: 0px 3px 3px #000000;
	font-size: 17px;
	padding-right:1rem;
}
.swiper-pagination-progress-mobile{
	width:70%;
	left:3rem;
	z-index:10;
	bottom:3rem;
	visibility: hidden;
}
.swiper-fraction-mobile{
	color: white;
	font-weight: bold;
	font-size: 23px;
	position: absolute;
	z-index: 10;
	text-shadow: 0px 3px 6px #000000;
	z-index:10;
	left:calc(5rem + 70% );
	bottom: 1rem;
	visibility:hidden;
}
.card-container{
	position:relative;
	display: grid;
	margin-bottom:10rem;
}
.title {
	box-sizing: border-box;
	border:0px solid #707070;
	background-color: rgba(255, 0, 0, 0.5);
	padding: 8px 16px;
	color: #fff;
	position: absolute;
	top: 0;
	width: auto;
	text-align: center;
	z-index: 10;
	font-weight: 600;
	font-family: 'Hypatia-Sans-Pro-Black';
	font-size:31px;
	text-shadow: 0px 3px 3px #000000;
}
.subtitle {
	padding: 8px 16px;
	font-size: 37px;
	font-family:'Hypatia-Sans-Pro-Black';
	margin-left: 1rem;
	line-height:2.5rem;
	display: flex;
	align-items: center;
	color: white;
	position: absolute;
	top: 30px;
	width: auto;
	text-align: center;
	z-index: 10;
	font-weight: 600;
	text-shadow: 0px 5px 5px #000000;

}
.seven {
	font-size:191px;
	font-family:'Hypatia-Sans-Pro';
	text-shadow: 0px 5px 10px #000000;
}
.sb2-container{
	display:grid;
}
.sb2 {
	grid-row: 1;
	grid-column: 1;
	margin-left: -9%;
	padding: 0;
	line-height: 2rem;
}

.sb3 {
	grid-row: 2;
	grid-column: 1;
	margin-top: -0.5rem;
	margin-left: -9rem;
}

.text-opening{
	box-sizing: border-box;
	padding: 8px 16px;
	font-size: 20px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-weight: 600;
	text-shadow: 0px 3px 6px #000000;
}
.text{
	box-sizing: border-box;
	padding: 8px 16px;
	font-size: 20px;
	color: #fff;
	position: absolute;
	left: 0;
	top: -115px;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-weight: 600;
	text-shadow: 0px 3px 6px #000000;
}
.slide-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;

}
.swipe-icon {
	position: absolute;
	width: 50px;
	left: 45%;
	bottom: 3.4rem;
	z-index: 10;
}
.button-see-more {
    position:relative;
	top:123px;
    z-index: 4;
	text-align: center;
	font-size: 17px;
	color: white;
	font-weight: 600;
	width: 80%;
	background: #FFB300 0% 0% no-repeat;
	box-shadow: 0px 13px 18px #00000029; 
	border: 3px solid #FFFFFF; 
	border-radius: 30px;
	padding:3%;
	opacity: 1;
}
.choose-dest{
	position: absolute;
	bottom: -1.5rem;
	color:white;
	transform: translateX(22%) !important;
	text-align: center;
	width: 70%;
	display:none;
	box-shadow: 0px 13px 18px #00000029; 
	border: 3px solid #FFFFFF; 
	border-radius: 30px;
	padding:3%; 
	z-index:3;
}

.hidden-box{
    height: 100%;
    padding: 0px;
    z-index: 3;
	position: absolute;
	grid-column: 1;
	grid-row: 1;
	margin-top: 25%;
	width: 110%;
	max-width:100vh;
	margin-left:-1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.slide-image{
	/*transform: translate(0px, -65%);*/
	width: 330px;
	position: relative;
	top:-36%;
	height: 390px;
	grid-column: 1;
	grid-row: 1;
	z-index:2;
}


.effect-text, .destination{
	font-size:48px;
	text-shadow: 0px 3px 5px #000000;
}

/*home */

.hidden-oppening-box {
	position: absolute;
	grid-column: 1;
	grid-row: 1;
	z-index: 0;
	height: 420px;
	margin-top: 10%;
	width: 110%;
	max-width: 100vh;
	margin-left: -1rem;
	background-color: rgba(21, 50, 94, 0.5);


}

.home-t {
	background-color: rgb(43, 223, 187, 0.5);
	font-family:'Hypatia-Sans-Pro-Black';


}

.aig-box {
	background-color: rgba(13, 254, 254, 0.5);

}
.aig-btn {
	background: #FFB300 0% 0% no-repeat;
}

.ant-box {
	background-color: rgba(97, 179, 196, 0.5);
}
.ant-btn {
	background: #D85E41 0% 0% no-repeat;
}
.zak-box {
	background-color: rgba(97, 179, 196, 0.5);
}
.zak-btn {
	background: #426CAB 0% 0% no-repeat;
}

.her-box {
	background-color: rgba(108, 201, 220, 0.5);
}
.her-btn {
	background: #E11662 0% 0% no-repeat;
}

.ios-box {
	background-color: rgba(216, 143, 55, 0.5);
}
.ios-btn {
	background: #D88F37 0% 0% no-repeat;
}

.kal-box {
	background-color:rgba(216, 143, 55, 0.5);
}
.kal-btn {
	background: #D85E41 0% 0% no-repeat;
}

.kar-box {
	background-color: rgba(216, 143, 55, 0.5);
}
.kar-btn {
	background: #D85E41 0% 0% no-repeat;
}

.ker-box {
	background-color: rgba(255, 179, 0, 0.5);
}
.ker-btn {
	background: #88C720 0% 0% no-repeat;
}

.kim-box {
	background-color: rgba(97, 179, 196, 0.5);

}
.kim-btn {
	background: #426CAB 0% 0% no-repeat;
}

.kyt-box {
	background-color: rgba(65, 172, 227, 0.5);
}
.kyt-btn {
	background: #41ACE3 0% 0% no-repeat;
}

.kos-box {
	background-color: rgba(97, 179, 196, 0.5);
}
.kos-btn {
	background: #61B3C4 0% 0% no-repeat;
}

.les-box {
	background-color: rgba(255, 179, 0, 0.5);
}
.les-btn {
	background: #FFB300 0% 0% no-repeat;
}

.ley-box {
	background-color: rgba(13, 254, 254, 0.5);
}
.ley-btn {
	background: #E11662 0% 0% no-repeat;
}

.mon-box {
	background-color: rgba(255, 179, 0, 0.5);
}
.mon-btn {
	background: #FFB300 0% 0% no-repeat;
}

.myk-box {
	background-color: rgba(108, 201, 220, 0.5);
}
.myk-btn {
	background: #6CC9DC 0% 0% no-repeat;
}

.naf-box {
	background-color: rgba(97, 179, 196, 0.5);
}
.naf-btn {
	background: #61B3C4 0% 0% no-repeat;
}

.nax-box {
	background-color: rgba(65, 172, 227, 0.5);
}
.nax-btn {
	background: #E66B32 0% 0% no-repeat;
}

.par-box {
	background-color: rgba(65, 172, 227, 0.5);
}
.par-btn {
	background: #426CAB 0% 0% no-repeat;
}

.rod-box {
	background-color: rgba(65, 172, 227, 0.5);
}
.rod-btn {
	background: #FFB300 0% 0% no-repeat;
}

.san-box {
	background-color: rgba(65, 172, 227, 0.5);
}
.san-btn {
	background: #41ACE3 0% 0% no-repeat;
}

.sif-box {
	background-color: rgba(65, 172, 227, 0.5);
}
.sif-btn {
	background: #48EAEA 0% 0% no-repeat;
}

.sym-box {
	background-color: rgba(244, 156, 146, 0.5);
}
.sym-btn {
	background: #E66B32 0% 0% no-repeat;
}

.tin-box {
	background-color: rgba(65, 172, 227, 0.5);
}
.tin-btn {
	background: #FFB300 0% 0% no-repeat;
}

.hal-box {
	background-color: rgba(120, 169, 213, 0.5);
}
.hal-btn {
	background: #0572A8 0% 0% no-repeat;
}

.hio-box {
	background-color: rgba(120, 169, 213, 0.5);
}
.hio-btn {
	background: #15325E 0% 0% no-repeat;
}


@media (hover: hover) {

	.easter-button-prev:hover, .easter-button-next:hover, .summer-button-prev:hover, .summer-button-next:hover {
		background-color: #FFB300;

	}
	.button button:hover{
		background-color: #FFB300;

	}
}

@media (max-width: 992px) {
	/*.fixed-top {
		height: 40px;
	}

	header .logo img {
		max-width: 140px;
	}*/
	#main {
		margin-top: 0;
		margin-left: 0;
	}
	.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		width:70%;
		left:3rem;
		z-index:10;
		top:88%;
	}
	.famous-img{
		width:170px;
	}
	.text-start {
		padding-right: 40%;
	}
	.hidden-oppening-box{
		height: 390px;
	}
	#mobileVideo {

		width: 330px;
		height: 390px;
		object-fit: fill;
		z-index: 0;
	}
		.opening .card-container {
		margin-bottom:7rem;
	}
	.img-mob-op {
		max-width: 90%;
	}
	/* change to 40 when header fixed */
	.subtitle {
		top:80px;
	}
	.swiper-fraction-mobile {

		top: 86%;
	}
	.text-opening, .text {
		line-height:26px;
		font-size:19px;
	}
}
@media (max-width:360px) {
/*	header {
		padding: 7px 0;
	}
	header .logo img {
		max-width: 140px;
	}
	.fixed-top {
		height: 40px;
	}*/
	#main {
		margin-top: 0;
		margin-left: 0;
	}
	img.img-fluid.slide-image {
		max-width: 260px;

	}
	.img-mob-op {
		max-width: 250px;
	}
		/* change to 40 when header fixed */
	.subtitle {
		top:80px;
	}
	/*
	.slide-image{
		transform: translate(0px, -26%)
	}*/
	.hidden-box{
		margin-left:0;
	}
	.hidden-box {
		width:100%;
		margin-top: 40%;
	}
	.hidden-oppening-box {
		margin-left:0;
		z-index: 0;
		height: 340px;
	}

	.opening .card-container {
		margin-bottom:8rem;
	}
	.text-opening, .text {
		font-size: 16px;
		line-height: 23px;


	}
	
	.text {
		top: 0px;
	}
	
	.destination{
		top: -30px;
		font-size:35px;
	}
	#mobileVideo {
		width: 280px;
		height: 340px;
	}

	.button-see-more {
		z-index: 4;
		text-align: center;
		font-size: 14px;
		color: white;
		top: 80px;
		position: absolute;
		font-weight: 600;
		width: 70%;
		background: #FFB300 0% 0% no-repeat;
		box-shadow: 0px 13px 18px #00000029;
		border: 3px solid #FFFFFF;
		border-radius: 30px;
		padding: 3%;
		opacity: 1;
		left: 35px;
	}
	.famous-img {
		width: 120px;
	}
	.mob-desc {
		text-shadow: 0px 3px 3px #000000;
		padding-right: 1rem;
		font-size: 14px;
	}

}

/* summer 2024 desktop revision */

#iconContainer {
    position: absolute;
    top: 0;
    width: 30%;
    z-index: 1;
    text-align: center;
    right: 15%;
    background-color: rgba(193, 128, 49, 0.5);
}

@media (min-width: 1280px) {
	#iconContainer {
		width: 20%;}}