@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
html {
  scroll-behavior: smooth;
}

  
body
 {
    color: #000000;
    background: #ffffff;
    font-size: 1.0em;
	margin: 0;
    font-family: "Montserrat", Arial;

}
button {font-family: "Montserrat", Arial;}

.page-content.full-width {

    margin-top: 140px;
	

}
.home .trans .page-content.full-width {

    margin-top: 0px !important;
	

}
 

.template-layout1 .page-content.full-width {

    margin-top: 80px;
 

}

.template-layout2 .page-content.full-width {

    margin-top: 110px;
 

}
.template-layout3 .page-content.full-width {

    margin-top: 110px;
 

}

 
 

.template-layout1.xlogo .page-content.full-width {

    margin-top: 160px;
 

}
.template-layout1.home.xlogo .page-content.full-width {
    margin-top: 120px;
}
 

.xlogo .template-layout3 .page-content.full-width {

    margin-top: 130px;
 

}
.mmb {
  
 
    margin: 0px 10px 0px 10px;
 
  background: transparent;
  color: #000000;
  padding: 6px 10px;
  font-size: 0.8em;
  border: 1px solid #000000;
  border-radius: 5px;
  cursor: pointer;
 text-align: center;
 
}
.mmb:hover {
color: #000000 !important; 
opacity: 0.7;
}
.owl-carousel .owl-stage {
margin: 0px 0px 0px 1px;
}
h1.pager {
    font-weight: 500;
    font-size: 2.5em;
 text-align: center;
    margin: 120px auto 30px auto;
    padding: 0 28px;
 
}
.cookies-eu-banner {
  background: #444;
  color: #fff;
  padding: 8px 20px;
  font-size: 0.9em;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px; /* spacing between text and buttons */
  flex-wrap: wrap; /* prevents overflow on small screens */
}

.cookies-eu-banner p {
  margin: 0;
}

.cookies-eu-banner a {
  color: #9fd8ff;
  text-decoration: underline;
}

.cookies-eu-banner a:hover {
  color: #fff;
}

.cookies-eu-banner button {
  text-decoration: none;
  background: #036DB3;
  color: #fff;
  border: 0;
  cursor: pointer;
  padding: 4px 10px;
  font-size: 0.9em;
  font-weight: 700;
  transition: background 0.1s, color 0.1s;
}

.cookies-eu-banner button:hover {
  background: #fff;
  color: #222;
}

.cookies-eu-banner button:focus {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.hidden {
  display: none;
}

.cookies-eu-banner {
  transform: translateY(100%);
  transition: transform 0.25s ease-out;
}

.cookies-eu-banner:not(.hidden) {
  transform: translateY(0%);
}
.pagest {
    max-width: 1450px;
    margin: 120px auto 30px auto;
    padding: 0px 50px;
font-size: 2.5em;
text-align: center; 

}
.page-content.two-column {
    display: flex;
    flex-wrap: wrap;
    
    max-width: 1450px;
    margin: 40px auto 0 auto;
    
 
    color: #000000;
    background: #ffffff;
    justify-content: center;
}

.page-content.two-column .owl-carousel {
    margin-top: 0px;
 
}
.page-content.two-column .content-block
  {
   
margin: 0px 0px 30px 0px; 
}
 .page-content.two-column .content-block .spinner
  {
   
padding: 28px 0px; 
}
 
.column-left
 {
 padding: 0px 28px;
    background: #ffffff;
    box-sizing: border-box;
}

.column-right
 {
 padding: 0px 28px;
    background: #ffffff;
 box-sizing: border-box;
}
 



.template-layout1 .example-marquee img {
    left: 0px;
    right: 0px;
    width: 100%;
    border-radius: 0px;

}
.template-layout1 #backgroundVideo {
 
    left: 0px;
    right: 0px;
    width: 100%;
    border-radius: 0px;
}
.template-layout1 .example-marquee {
 
    margin: 0px 0px 0px 0px;
}
.template-layout1 .fixed .example-marquee {
 
    margin: 40px 0px 0px 0px;
}

.template-layout1 .hero-text-overlay {

top: auto !important;                      
bottom: 10%;                  
left: 50% !important;
transform: translateX(-50%) !important;  


}


/* ============================================
   LAYOUT1 & LAYOUT2 DESKTOP NAVIGATION
   ============================================ */
@media screen and (min-width: 768px) {

 

body.template-layout1.about .page-content.full-width {
        margin-top: 0px;
    }
	
	
.template-layout1 h1.pager {
margin: 150px auto 30px auto;
} 
.template-layout1.xlogo h1.pager {
margin: 210px auto 30px auto;
} 

.logo-panel.layout2 .logo-panel-inner {
justify-content: center;

}

.logo-panel.layout2 .nav-l,
.logo-panel.layout2 .nav-r
 {
display: none !important;
}

.logo-panel-outer.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto; /* Let content determine height */
    z-index: 100002;
    background: #ffffff;
}

/* Ensure inner content maintains its sizing */
.logo-panel-outer.fixed .logo-panel {
    width: 100%;
}

.logo-panel-outer.fixed .logo-panel-inner {
    max-width: 1450px;
    margin: 0 auto;
}
    
    /* Hide nav-r for layout1 AND layout2 on desktop */
    .logo-panel.layout1 .nav-r,
    .logo-panel.layout2 .nav-r {
        display: none !important;
    }
    
    /* Make nav visible below logo-panel (sibling selector ~) for layout1 AND layout2 */
    .logo-panel.layout1 ~ #nav,
    .logo-panel.layout2 ~ #nav {
        position: relative !important;
        top: 90px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        height: auto !important;
        background: #ffffff !important;
        padding: 0 0 5px 0 !important; 
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(0) !important;
        transition: none !important;
        z-index: 100003 !important;
    }
    .xlogo .logo-panel.layout1 ~ #nav,
    .xlogo .logo-panel.layout2 ~ #nav {
        
        top: 110px !important;
         
    }
    
    /* Horizontal menu items for layout1 AND layout2 */
    .logo-panel.layout1 ~ #nav .menu-items,
    .logo-panel.layout2 ~ #nav .menu-items {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin: 0 auto !important;
        padding: 0 28px !important;
        max-width: 1450px;
    }
    
    /* Style menu links for layout1 AND layout2 */
    .logo-panel.layout1 ~ #nav .menu-items > a,
    .logo-panel.layout2 ~ #nav .menu-items > a {
        display: inline-block !important;
        padding: 6px 15px !important;
        margin: 0 !important;
        font-size: 0.9em !important;
        border-bottom: none !important;
        white-space: nowrap;
        transition: all 0.2s ease;
        border-radius: 4px;
    }
    
    /* Dropdown container for layout1 AND layout2 */
    .logo-panel.layout1 ~ #nav .mobile-submenu,
    .logo-panel.layout2 ~ #nav .mobile-submenu {
        position: relative;
        display: inline-block !important;
    }
    
    .logo-panel.layout1 ~ #nav .mobile-submenu .submenu-toggle,
    .logo-panel.layout2 ~ #nav .mobile-submenu .submenu-toggle {
        display: inline-block !important;
        padding: 10px 30px 10px 16px !important;
        margin: 0 !important;
        font-size: 0.9em !important;
        cursor: pointer;
        position: relative;
        border-bottom: none !important;
    }
    
    .logo-panel.layout1 ~ #nav .mobile-submenu .submenu-toggle::after,
    .logo-panel.layout2 ~ #nav .mobile-submenu .submenu-toggle::after {
        content: '\f078';  /* FontAwesome chevron-down */
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 11px;
        transition: transform 0.3s ease;
    }

    /* Rotate chevron when submenu is hovered for layout1 AND layout2 */
    .logo-panel.layout1 ~ #nav .mobile-submenu:hover .submenu-toggle::after,
    .logo-panel.layout2 ~ #nav .mobile-submenu:hover .submenu-toggle::after {
        transform: translateY(-50%) rotate(180deg);
    }
    
    /* Dropdown menu for layout1 AND layout2 */
    .logo-panel.layout1 ~ #nav .mobile-submenu .submenu,
    .logo-panel.layout2 ~ #nav .mobile-submenu .submenu {
        display: none !important;
        position: absolute;
        top: calc(100% - 2px);   
        left: 50%;
        transform: translateX(-50%);
        background: #ffffff;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
        min-width: 220px;
        z-index: 1000;
        border-radius: 6px;
        padding: 8px 0;
        border: 1px solid #000000;
    }
    
    .logo-panel.layout1 ~ #nav .mobile-submenu:hover .submenu,
    .logo-panel.layout1 ~ #nav .mobile-submenu .submenu.active,
    .logo-panel.layout2 ~ #nav .mobile-submenu:hover .submenu,
    .logo-panel.layout2 ~ #nav .mobile-submenu .submenu.active {
        display: block !important;
    }
    
    .logo-panel.layout1 ~ #nav .mobile-submenu .submenu a,
    .logo-panel.layout2 ~ #nav .mobile-submenu .submenu a {
        display: block !important;
        padding: 8px 16px !important;
        margin: 0 !important;
        font-size: 0.85em !important;
        border-bottom: none !important;
        text-align: left;
        white-space: nowrap;
        color: #000000;
    }
    
    .logo-panel.layout1 ~ #nav .mobile-submenu .submenu a:hover,
    .logo-panel.layout2 ~ #nav .mobile-submenu .submenu a:hover {
        opacity: 0.7;
    }
    
    /* Hide mobile footer for layout1 AND layout2 */
    .logo-panel.layout1 ~ #nav .mobile-footer,
    .logo-panel.layout2 ~ #nav .mobile-footer {
        display: none !important;
    }
    
    /* Adjust page content margin for fixed nav - layout1 AND layout2 */
    .logo-panel.layout1 ~ .page-content.full-width,
    .logo-panel.layout1 ~ section,
    .logo-panel.layout1 ~ .example-marquee,
    .logo-panel.layout2 ~ .page-content.full-width,
    .logo-panel.layout2 ~ section,
    .logo-panel.layout2 ~ .example-marquee {
        margin-top: 100px !important;
    }
}

/* ============================================
   LAYOUT3 - SLIDE-OUT NAV (DESKTOP ONLY)
   ============================================ */
@media screen and (min-width: 768px) {
    /* For layout3, use slide-out nav like mobile */
    
    /* Hide submenus by default */
    .logo-panel.layout3 ~ #nav .mobile-submenu .submenu {
        display: none !important;
    }
    
    /* Show submenu when parent has 'open' class */
    .logo-panel.layout3 ~ #nav .mobile-submenu.open .submenu {
        display: block !important;
        margin: -10px 0px 0px 0px;
    }
    
    /* Style submenu links */
    .logo-panel.layout3 ~ #nav .mobile-submenu .submenu a {
        display: block !important;
        font-size: 1.0em;
        padding: 0px 0px 15px 0px;
        border-bottom: 1px solid #000000;  
    }
    
    /* Ensure proper submenu positioning */
    .logo-panel.layout3 ~ #nav .mobile-submenu.open > .submenu {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        background: transparent !important;
        border: none !important;
    }
}

.video-container video
 {
display: block;
border-radius: 10px;
}

.page-content.two-column .content-block.block-image .example-marquee img {
  
    left: 0px;
    right: 0px;
    width: 100%;
    
}


.fbk {
    outline: none;        /* Removes keyboard focus outline */
    box-shadow: none;     /* Removes any shadow if present */
}

.fbk:hover,
.fbk:focus {
    outline: none;
    box-shadow: none;
} 
#button.show {
    opacity: 1;
    visibility: visible;
}

#button {
      position: fixed;
    z-index: 1000;
    display: inline-block;
    background-color: #396d93;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    bottom: 110px;
    right: 0;
    transition: background-color .3s,opacity .5s,visibility .5s;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    box-shadow: 6px 5px 4px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 6px 5px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 6px 5px 4px 0 rgba(0,0,0,.2);
    margin: 0 15px 0px 0;
}

#button img {
    width: 22px;
}

.spinner {
   
    max-width: 1450px;
 padding: 28px;
 margin: 0px auto 0px auto;
    display: block;
 color: #000000;
 
}




.content-block.block-html .spinner {
background: #FF667D; 
    padding: 28px 0px;
 max-width: 100%;
    color: #ffffff;
}

body.about .content-block.block-html .spinner {
background: #ffffff; 
    padding: 28px 0px;
 min-height: 200px;
    color: #000000;
 
}
.spinner-outer {
width: 100%;
 background-color: #ffffff; 
}
.spinner.whi {
   
    max-width: 1450px;
 padding: 30px 28px 50px 28px;
 margin: 30px auto 0px auto;
    display: block;
 color: #000000;

}
.spinner.whi a {
    margin: 10px 0px 0px 0px;
    color: #000000;
    display: block;
    transition: opacity 0.3sease;
}
.spinner.whi div .car1 span {
    position: absolute;
    left: 20px;
    bottom: 18px;
    font-size: 1.8em;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	color: #ffffff;
}
.spinner p {
width: 70%;
font-size: 1.0em;
text-align: center; 
line-height: 160%;
margin: 0px auto 40px auto; 

}

.spinner span {
text-align: center;
font-size: 0.8em;
 
display: block;

}
.spinner.spinner2 div p {

    margin: 30px 2% 0px 2%;

}
.spinner.top {

    padding: 0px 28px 28px 28px;

}
.spinner b {
text-align: center;
font-size: 2.8em;
font-size: calc(1.2em + 1.2vw);
font-weight: 500; 
display: block;
margin: 0px 0px 20px 0px; 
}

.spinner div p {
text-align: left;
font-size: 0.9em;
margin: 0px 2% 10px 2%;
line-height: 160%;
width: 96%;
}


.spinner a {
margin: 10px 0px 0px 0px; 
color: #000000;
display: block;
transition: opacity 0.3s ease;
 
}

.spinner a:hover {
    opacity: 0.7;
  } 
  .spinner-white a {
    margin: 10px 0px 0px 0px;
    color: #000;
    display: block;
    transition: opacity 0.3s ease;
}
.spinner a i {
  
	font-size: 0.85em;
  }  
 .spinner a i.fa-chevron-right {
  margin-right: 4px;  
}
a.spinner-link {
margin: 40px 0px 0px 0px; 
display: inline-block;
transition: opacity 0.3s ease;
background: #9b927b;
    color: white;
    padding: 8px 15px;
    font-size: 1.0em;
    border: 0;
    border-radius: 5px;
	text-decoration: none;
} 
 


.spinner div .car1 {
position: relative; 
}
.spinner .car1 a {
    margin: 0px 0px 0px 0px;
    color: #eeeeee;
    display: block;
    transition: opacity 0.3s ease;
} 
.spinner div .car1 span {

    position: absolute;
    left: 20px;
    bottom: 18px;
    
font-size: 1.8em;
 color: #000000;
 
}
.spinner div .car2 b {
 
 
 
display: block;
    
font-size: 1.0em;
    font-weight: normal;
 
    margin: 10px 0px 10px 0px;
 
text-align: left;
}
.spinner .owl-carousel.offers div .car2 b {

font-size: 1.1em;
font-weight: bold;
}

.spinner-white {

        background: #fff;color: #fff;

}
.spinner-white .spinner {
margin: 0px auto 0px auto;
padding: 28px 28px 50px 28px;
color: #333;
}

 
.spinner-white .spinner div .car1 span {
    position: absolute;
    left: 20px;
    bottom: 18px;
    font-size: 1.8em;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); color: #fff;
}




.holiday-sections {

  max-width: 1450px;
  margin: 85px auto 30px auto;

  min-height: 450px;
  

    padding: 28px;
 
   
    position: relative;
 
}

.template-layout1 .holiday-sections {

  margin: 140px auto 0 auto;

 
}
.template-layout1.xlogo .holiday-sections {

  margin: 170px auto 0 auto;

 
}

/* Each holiday block */
.holiday-block {
  display: flex;
  width: 100%;
  background: #FF667D;
  border-radius: 15px;
  overflow: hidden;
  margin: 0 0 70px 0;   
}

/* Left: Image */
.holiday-image {
  width: 50%;
  position: relative;
  
}
.holiday-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

/* Right: Content */
.holiday-content {
position: relative;  
    z-index: 1;
    width: 50%;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    box-shadow: -5px 0 10px -2px rgba(0, 0, 0, 0.6);
}
.holiday-content p {
  font-size: 0.9em;
  line-height: 160%;
  color: #ffffff;
  margin: 10px 0 30px 0;
}
.holiday-content p b {
  display: block;
  margin: 0 0 5px 0px;
  font-size: 1.8em;
  line-height: 1.6;
  color: #ffffff;
}

.holiday-content a {
    display: block;
    margin: 25px 0 10px;
    padding: 5px 20px;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 0.9em;
    font-weight: 500;
    transition: all 0.3s ease;
	 width: fit-content; /* shrinks to fit text */
 
}
.holiday-content a:hover {
     opacity: 0.7;
}	
.subregion-layout {
    display: flex;
     gap: 50px;
	 width: 100%;
	 margin: 20px 0 0;
}

.subregion-layout .left-panels {
 
	width: calc(75% - 56px);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 28px;
       
}

.subregion-layout .right-panels {
   width: calc(25% - 56px);
     background: #ffffff;
    padding: 28px;
    border-radius: 15px;
    height: fit-content;
	color: #000000;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.subregion-layout .right-panels p {
font-size: 0.9em;
line-height: 140%;
margin: 5px 0 10px 0px;    

}	
.subregion-layout .right-panels h2 {
 font-weight: 500;
    text-align: left;
      font-size: 1.4em;
      margin: 15px 0px 5px 0px;
}	


.subregion-layout .right-panels img {
border-radius: 10px;
width:100%; 
height:auto;
}

/* Responsive */
@media(max-width:1000px){


.column-left
 {
 
   width: 100% !important;  
}

.column-right
 {
 
   width: 100% !important;
}

  .holiday-block {
    flex-direction: column;
  }
  .holiday-image {
  
    padding: 0px 0px 0px 0px;
	width: 100%;
	    
  }  
  .holiday-content {
  
    padding: 10px 20px 20px 20px;
	width: calc(100% - 40px);
	    
  }
  .holiday-image img {
    max-height: 400px;
	border-top-left-radius: 15px;   
    border-top-right-radius: 15px; 
  }
  
  .holiday-content p b {

    font-size: 1.6em;
  
}

.holiday-content p {

    margin: 10px 0 10px 0;
}

}



.snap-container {
 
    max-width: 1450px;
    padding: 28px;
    margin: 40px auto 0 auto;
    display: block;
 
 
  text-align: center;
}


.snap-container iframe {
  width: 100% !important;   /* Always fill container */
  max-width: 100% !important;
  height: auto;             /* Let SnapWidget JS handle height */
  display: block;
}


.spinner .btn {
  display: block;
  width: fit-content;
  margin: 30px auto 0px auto;
  padding: 8px 24px;
  background: #9b927b;
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 500;
  border-radius: 8px;
  transition: all 0.3s ease;
 
    }

.mobile-contact svg{
 

	
	margin: 10px;
	
	
	
    }	
.contact-right {
 color: #000000;
  width: calc(35% - 56px);
background: #ffffff;
    border-radius: 15px;
    padding: 28px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.05);
	flex: 1;
	align-self: flex-start;
	
	
	
	
    }	

	 .form-container {

 padding: 0px;
 
background: #ffffff;
    border-radius: 15px;
 text-align: left; 

flex: 0 0 65%; 
 
 
    }
		 .form-container.dyn,
		 .form-container.dzn {

 
    padding: 28px;
 background: #ffffff;
    border-radius: 15px;
    text-align: left;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.05);

 
 
 
    }
	
 
	
				.template-layout1 .content-block.block-text .text-cell img {
border-radius: 0px;

 
    }
		
				 .content-block.block-text .text-cell img {
border-radius: 10px;
  display: block;
 
    }
	
	.page-content.full-width .content-block.block-text {
max-width: 1450px;

    margin: 0px auto 40px auto;
 
}	

	 .page-content.full-width .content-block.block-form {
max-width: 1450px;
    padding: 0px 28px;
    margin: 0px auto 40px auto;
 
}
	.page-content.full-width .content-block.block-html {
 
    margin: 0px auto 0px auto;
 
}

.page-content.full-width .content-block.block-text .text-block {
 
    
   
    text-align: left;

display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-content.two-column .content-block.block-text .text-block {
 
    
    border-radius: 15px;
    text-align: left;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.05);
display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.content-block.block-text .text-block .text-container {
 
 
 
  color: #000000;   
}

    .content-block.block-text .text-block .text-cell {
      padding: 28px;
     box-sizing: border-box;
    }  


 
	 .form-container.cont {

 padding: 28px;
 
background: #ffffff;
    border-radius: 15px;
 text-align: left; 
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.05);
flex: 0 0 65%; 
 
 
    }
	
	
	
		 .form-container p {
  color: #000000;      
 
margin: 10px 0 15px 0;
font-size: 1.0em; 
line-height: 160%; 
 
    }
	
			 .form-container p b {
font-weight: 500;       
display: block;
font-size: 1.6em;  
margin: 10px 0 10px 0; 
    }
				 .form-container b {
        
display: block;
font-size: 1.0em;  
margin: 15px 0 0px 0; 
    }
					 .form-container i {
        font-weight: 700;
 
    }
	
	
.mobile-contact {
 
margin: 0 0 10px 0; 
    }
	
			 .contact-right p {
       
text-align: left;  
margin: 10px 0 15px 0;
font-size: 1.0em; 
line-height: 160%; 
 
    }
	
			 .contact-right p b {
font-weight: 500;       
display: block;
font-size: 1.6em;  
margin: 10px 0 12px 0; 
    }
	
 
	
	
 
	
					 .contact-right p a:hover {
 opacity: 0.7;
    }
	
	
 
	
	
	
	
    
    .form-container input, .form-container textarea {
        width: calc(100% - 22px);
        padding: 10px;
        margin: 8px 0 18px 0;
        border: 1px solid #000000;
        border-radius: 5px;
		 font-size: 1.0em;
		 font-family: "Montserrat", Arial;
		 background-color: transparent;
		 color: #000000; 
    }
	
	.form-container input input::placeholder,
	.form-container textarea input::placeholder {
  color: #888; /* change this to your desired color */
  opacity: 1;  /* ensures the color isn’t faded in some browsers */
}
    .form-container button {
 
margin: 15px auto 25px auto;
    padding: 15px 30px;
    background-color: #FF667D;
    display: block;
    width: fit-content;
    color: #ffffff;
    border: none;
    font-size: 1.0em;
    cursor: pointer;
    transition: background-color 0.3s;
	font-family: "Montserrat", Arial;
		 
    }
    .form-container button:hover {
        opacity: 0.7;
    }
    .form-container .message {
        margin-bottom: 10px;
        color: #FF667D;
    }
    .form-container .error {
        color: #FF667D;
    }
	
		.contact-outer {
max-width: 1450px;
 
	margin: 80px auto 0px auto;
}	

		.template-layout1 .contact-outer {
 
 
	margin: 130px auto 30px auto;
}	
		.template-layout1.xlogo .contact-outer {
 
 
	margin: 160px auto 30px auto;
}	


.contact-panel {
  width: calc(100% - 56px);
  padding: 28px;
  text-align: center; 
  margin: 0;
  display: flex;
  flex-wrap: wrap;       /* allow items to go to next row if needed */
  gap: 50px;
 
}

.contact-panel h1 {
    font-weight: 500;
    font-size: 2.5em;
    max-width: 1394px;
    display: block;
    margin: 0 auto;
    padding: 0 28px 10px 28px;
    width: calc(100% - 56px);
	color: #000000;
}

	.magazine-panel-outer {
max-width: 1450px;
    padding: 28px;
	margin: 85px auto 0px auto;
}	

	.magazine-panel {
    width: 100%;
    padding: 25px 0;
    text-align: center;
    margin: 0px 0 0 0;
    position: relative;
}
	.magazine-panel h1 {
    color: #fff;
    font-size: 2.5em;
    max-width: 1394px;
    display: block;
    margin: 0 auto;
    padding: 0 28px 30px 28px;
    position: relative;
}

.panela {
    width: 100%;
     
   
  
    text-align: center;
  
    margin: 20px auto;
     
  }

  .panela img {
    width: 100%;
    display: block; 
	border-radius: 15px;
  }

  .panela button {
  
    margin: 65px auto 25px auto;
    padding: 25px 60px;
    background-color: #FF667D; 
	display: block;
    width: fit-content;
    color: #000000;
    border: none;
 
    font-size: 1.0em;
    cursor: pointer;
    transition: background-color 0.3s;
  }

    .panela button:hover {
    background-color: #053C1A;
  }
	
#Dubai,
#AbuDhabi,
#Sharjah
 {
  scroll-margin-top: 50px;  
} 
/* Outer panel */
.hotel-panel.first {

  margin: 75px 0 0 0;

}

.hotel-panel {
  width: 100%;
  padding: 25px 0;
  text-align: center;
  margin: 0px 0 0 0;
  position: relative;
}


.hotel-panel h1 {
color: #fff;
    font-size: 2.5em;
    width: calc(100% - 56px);
    display: block;
    margin: 0 auto 10px auto;
    padding: 30px 28px 40px 28px;
    position: relative;
    font-weight: 500;
  background: #000000;
}

.hotel-panel h1::after {
    content: "";
    display: block;
    height: 0px;
     
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}
.hotel-panel h1 span {
  font-size: 0.5em; 
  display: block;
  margin: 0px 0px 5px 0px;
      color: #FF667D;
}
.hotel-panel h4 {
  color: #000000;
  font-size: 1.8em;
  margin: 30px 0px 40px 0px;
  font-weight: 500;
}
.holiday-sections h1 {
  
    font-size: 2.2em;
	font-weight: 500;
    max-width: 1394px;
    text-align: center;
    margin: 0px auto 40px auto;
    padding: 0 0;
    position: relative;
}

.holiday-sections h1 span {
    font-size: 0.5em;
    display: block;
    margin: 0px 0px 5px 0px;
    color: #C4B096;
}
.holiday-sections h2 {
    
    font-size: 1.8em;
	font-weight: 500;
  text-align: center; 
  
    margin: 0 auto;
 
 
}
.holiday-sections h3 {
  
    font-size: 1.5em;
	font-weight: 700;
 width: 100%;
  grid-column: 1 / -1;
    margin: 10px auto 0px auto;
 text-align: center;
 color: #FF667D;  
}

.hotel-flex h3:first-child {
    grid-column: 1 / -1; /* make it span the full row */
	color: #FF667D;
	margin: 30px auto 0px auto;
	border-top: 1px solid #FF667D;
	padding: 10px 0 0 0;
	width: auto;
}
/* Inner wrapper for max-width */
.hotel-panel-inner {
  max-width: 1450px;
  margin: 0 auto 40px auto;
  padding: 0;
  color: #000000;
 
}


.hotel-flex {
  
display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* responsive wrapping */
    gap: 30px;
    justify-content: center;
 
 align-items: stretch;
  max-width: 1450px; 
  width: 100%;
  margin: 0 auto;

}

 
.hotel {
   
  border-radius: 14px;
  overflow: hidden; /* ensures children respect border radius */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.hotel img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
 

.hotel-content {
  padding: 20px 15px;
  background: #FF667D;
  z-index: 2;   
  text-align: center;
  position: relative;
  border-radius: 0 0 14px 14px; /* bottom corners match parent */
  flex: 1; /* Grow to fill the height */
}

.hotel h6 {
  margin: 5px 0 15px 0;
  font-size: 1.1em;
  color: #ffffff;
}
.hotel b {
  margin: 10px 0;
  font-size: 1.0em;
display: block;
 color: #ffffff;
}

.hotel p {
  font-size: 0.9em;
  line-height: 1.6;
 color: #ffffff;
  margin-bottom: 15px;
}


.hotel .hotel-content a {
  display: inline-block;
  margin: 5px 0 10px;
  padding: 8px 22px;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  font-size: 0.9em;
  font-weight: 500;
  transition: all 0.3s ease;
}

.hotel .hotel-content a:hover {
 opacity: 0.7;
}

.hotel:hover {
  transform: translateY(-6px); 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Responsive grid */
@media (max-width: 1024px) {
  .hotel-flex {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}

@media (max-width: 600px) {
  .hotel-flex {
    grid-template-columns: 1fr;
  }
}








a { text-decoration: none; color: inherit; }
 
.offer-page {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
    max-width: 1450px;
    margin: 95px auto 0 auto; 
    padding: 40px 0px 60px 0px;
    gap: 50px;
    color: #000000;
    background: #ffffff;
    justify-content: center;
	align-items: flex-start;
} 
.template-layout1 .offer-page {

    margin: 120px auto 0 auto; 

}
.template-layout1.xlogo .offer-page {

    margin: 150px auto 0 auto; 

}
 
/* Left Panel: Slider + Enquiry Form */
.left-panel {
    width: calc(65% - 175px);
    background: #ffffff;
    border-radius: 15px;
    padding: 28px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.left-panel h1 {
     font-size: 1.8em;
  color: #FF667D;
  font-weight: 500;
  margin: 0px 10px 0px 10px;
}

.left-panel p {
     font-size: 0.8em;
  color: #000000;
font-weight: 700;
margin: 10px 0px 15px 10px;
}





/* Hotel Slider */
.hotel-slider { width: 100%; }

 

/* Enquiry Form */
.enquiry-form-container h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.5em;
  color: #000000;
  font-weight: 500;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
}

 

.enquiry-form button {
    width: auto;
    margin-bottom: 15px;
     
    border-radius: 5px;
    border: none;
    font-size: 1em;
}

.enquiry-form-container {
    width: calc(65% - 175px);
    padding: 28px;
    background: #ffffff;
    border-radius: 15px;
 
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.enquiry-form input,
.enquiry-form textarea { background-color: #ffffff; color: #000000; 
margin-bottom: 15px;
    border-radius: 0px;
    border: none;
    font-size: 1em;
	padding: 8px;
    font-family: "Montserrat", Arial;
    width: calc(100% - 16px);
	}

.enquiry-form textarea { resize: vertical; }
.enquiry-form button {
    display: inline-block;
    margin: 5px 0 10px;
    padding: 8px 22px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 0.9em;
    font-weight: 500;
    transition: all 0.3s ease;background: transparent;
	cursor: pointer;
}
.enquiry-form button:hover { background-color: #fff;
  color: #000;   }


 




/* Right Panel: Hotel Details */
.right-panel {
    width: calc(35% - 50px);
    background: #ffffff; 
    padding: 25px;
    border-radius: 15px;
    height: fit-content;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.05);
}

.hotel-text { display: flex; flex-direction: column; }
.hotel-title {
    font-size: 1.6em;
    font-weight: 700;
    border-bottom: 0px solid #666;
 color: #FF667D;
   
}
.hotel-details {
    padding: 0px 0;
     color: #000000;
}
.hotel-ic {
    text-align: center;
    border-top: 1px solid #000000;
     color: #fff;
	 display: flex;
	 gap: 20px;
	 align-items: center; 
	 padding-top: 20px;
}
.hotel-details .hotel-ic p {
 text-align: right;
	width: 50%;
	margin: 0px 0 0px;
    font-size: 0.9em;
    line-height: 160%;
}
.hotel-details .hotel-ic p b {
 font-weight: normal;
    font-size: 0.7em;
        display: block;
   color: #000000;
    margin: 0px 0 0px;
    line-height: 120%;
}

 .hotel-details .hotel-ic svg {
 margin: 0px 5px 0px 5px;
}

 
 
.hotel-title b { display:block; font-size:0.5em; font-weight:500; margin:15px 0 4px; color: #C4B096; }
.hotel-details span { display:block; font-size:1.3em; border-bottom: 1px solid #666; padding: 0px 0px 20px 0px;}
.hotel-details p { margin:0px 0 10px; font-size:0.9em; line-height: 160%; color: #000000;}
.hotel-details b { display:block; font-size:1.2em; margin:20px 0 8px; color: #FF667D; }
.hotel-details p b { color: #000000; }
.hotel-details ul { margin:10px 0; padding-left:20px; }
.hotel-details ul li { margin-bottom:5px; }

/* Jssor Slider Zoom */
#jssor_1 { width:100%; border-top-right-radius: 15px; border-top-left-radius: 15px; overflow:hidden; }
#jssor_1 img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
 

 


/* Jssor spin & navigators */
.jssorl-009-spin img { animation-name:jssorl-009-spin; animation-duration:1.6s; animation-iteration-count:infinite; animation-timing-function:linear; }
@keyframes jssorl-009-spin { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
.jssorb032{position:absolute;z-index:2;}
.jssorb032 .i{position:absolute;cursor:pointer;width:16px;height:16px;}
.jssorb032 .i .b{fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b{fill:#cf0000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b{fill:#cf0000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn{opacity:.3;}
.jssora106{display:block;position:absolute;cursor:pointer;}
.jssora106 .c{fill:#fff;opacity:.3;}
.jssora106 .a{fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c{opacity:.5;}
.jssora106:hover .a{opacity:.8;}
.jssora106.jssora106dn .c{opacity:.2;}
.jssora106.jssora106dn .a{opacity:1;}
.jssora106.jssora106ds{opacity:.3;pointer-events:none;}
.jssort101 .p{position:absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv{position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a{fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv,.jssort101 .p.pdn .cv{border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv{background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv{border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv{border-color:#fff;opacity:.35;}
.jssort101 .pav .a,.jssort101 .p:hover .a{visibility:visible;}
.jssort101 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t,.jssort101 .p:hover .t{opacity:1;}
#jssor_1 .jssort101{background-color:#666666 !important;}

section {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: relative;
  overflow: hidden; 
}
	.icon-1, .icon-2, .icon-3 {
        position: absolute;
        left: 0px;
        top: 21px;
        width: 26px;
        height: 2px;
        background-color: #000000;
        transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
    }


.icon-1 {
  transform: translateY(-10px);
  animation-delay: 100ms;
}

.icon-3 {
  transform: translateY(10px);
  animation-delay: 250ms;
}
 

  
.hamburger-icon {
 
  height: 44px;
  width: 44px;

  cursor: pointer;

}

.icon-1.a {
  transform: rotate(40deg);
}
.icon-3.b {
  transform: rotate(-40deg);
}
.icon-2.c {
  opacity: 0;
}

.clear {
  clear: both;
}

@keyframes slideIn {
  0% {
    width: 0%;
  
    opacity: 0;
  }

  100% {
    width: 50%;
 
    opacity: 1;
  }
}
 

nav {
 
	background: linear-gradient(to bottom,
        #ffffff 0px,
        #ffffff 50%,
        #FF667D 100%
    );
	min-width: 300px;
    max-width: 450px;
    position: fixed;
    top: 0;
    right: -100%; /* Fully off-screen */
 
    height: 100%;
    width: 35%; /* default width when hidden */
    z-index: 220;
    opacity: 0;
 
 
        transition: all 600ms ease-in-out;
    transition-delay: 100ms;
 padding: 100px 0px 0px 0px;

  
  
  ul {
    margin: 0; padding: 0;

    li {
      list-style: none;
      font-size: 24px;
      color: #fff;
      line-height: 2.2;
      text-transform: uppercase;
      letter-spacing: 1.7px;

    }
  }
}
nav.show {
    right: 0;
   
    opacity: 1;

}


@keyframes shotup {
  0% {
    transform: translateY(300%);
    opacity: 0;
  }
  90% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

nav svg {
     display: inline-block; 
}

.mobile-footer {
  display: flex;
 margin: 20px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
  align-items: center;
  gap: 15px;
border-top: 1px solid #888; 
}


.trustpilot {

    width: 180px;
	margin: -10px -10px 0px auto;
 
}


.munp {
    background: linear-gradient(to top, transparent 0, #022135 100%);
    background-position: center top;
    height: 120px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}



#icon {
 

    position: relative;
 
}
#icon:hover {
 
opacity: 0.7;
}

 





         .example-marquee {
position: relative;
 
    box-sizing: border-box;
    height: 65vh; 
	margin: 40px 0px 40px 0px;
         }
      

         @keyframes animatedBackground {
         from {
         background-position: 0 0;
         }
         to {
         background-position: 100% 0;
         }
         }
     .template .contens-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center; 
	background-image: url(backed.jpg);
}   
     .contact .contens-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center; 
	background-image: url(backed2.jpg);
}   

         
.menu-items	 { 
         
         margin: 0px 50px 0px 50px;
		 display: flex;flex-direction: column;
		 color: #000000;
         }	
.menu-lower { 

padding: 10px 0px 0px 0px;
         }	
.menu-lower	p { 

padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

         }	
		 
 
		 
.menu-items a:hover { 
opacity: 0.7;
  
         }
		 
		 	 
.menu-lower a { 
         display: block;  
   font-size: 1.2em;
  color: #000000;
  text-decoration: none;
padding: 0px 0px 0px 60px;
text-align: left;  
background-image: url("flightbuilder.svg");
background-repeat: no-repeat;
         }	 


	
	
#backgroundVideo {
position: absolute;
    top: 0;


    left: 30px;
    right: 30px;

width: calc(100% - 60px);
    height: 100%; /* match parent height */
    object-fit: cover;
    object-position: center center;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    z-index: 3;
}
  	
	
.example-marquee img {
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    width: calc(100% - 60px);
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 10px;
    display: block;
    z-index: 3;
}
.logo-panel {
 
    background: #ffffff;
   position: absolute;
top: 0px;
 
  z-index: 100002;
  width: 100%;
} 
.logo-panel-inner {
    display: flex;
    align-items: center;
 justify-content: space-between;
    width: 100%;
	max-width: 1450px;
    margin: 0 auto;
}

.nav-m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 0px 20px;
    text-align: left; 
height: 90px;
}		 

.nav-m img {
    display: block;
    margin: 0px auto 0px auto;
      
	 max-width: 170px;
	 max-height: 80px;
}
.xlogo .nav-m { 
height: 110px;
}		 

.xlogo .nav-m img {
	 max-width: 240px;
	 max-height: 100px;
}

.layout4.xlogo .nav-m img {
	 max-width: 300px;
	 max-height: 100px;
}


.nav-m a {

text-decoration: none;
display: inline-block; 
}
.nav-l {
 
    margin: 0px 15px 0px 0px;
	margin-left: auto;
	display: flex;
    align-items: center;
}
.nav-l a {

    margin: 0px 12px 0px 12px;
 
 
}


.nav-l p {
    font-size: 0.8em;
	font-weight: 500;
    color: #000000;
    margin: 0px 15px 0px 0px;
	text-align: right;
}
.nav-l p b {
    display: block;  
   font-size: 1.0em;
   color: #FF667D;
   text-align: left;
   line-height: 130%;
}

.nav-l button {
  background: transparent;
  color: #000000;
  padding: 6px 10px;
  font-size: 0.8em;
  border: 1px solid #000000;
  border-radius: 5px;
  cursor: pointer;
 
 margin: 0px 40px 0px 0px;
}

.logo-panel.layout1 .nav-l button { 
 margin: 0px 0px 0px 0px;
}
.logo-panel.layout3 .nav-l button { 
 margin: 0px 0px 0px 0px;
}

.nav-l button:hover {
 
opacity: 0.7;
}


.spinner .car2 p span {
    text-align: left;
    font-size: 1.8em;
	font-weight: 500;
    display: block;
	padding: 20px 0px 0px 0px;
	color: #FF667D;
}

.spinner .car2 p strong {
    text-align: left;
    font-size: 1.2em;
    display: block;
	margin: 10px 0px 5px 0px;

}

.spinner .owl-carousel.offers .car2 p span {
    text-align: left;
    font-size: 1.4em;
	font-weight: 500;
    display: block;
	padding: 15px 0px 0px 0px;
	color: #FF667D;
}
.spinner .owl-carousel.offers .car2 p strong {
    text-align: left;
 font-size: 1.1em;
    display: block;
	margin: 10px 0px 5px 0px;

}
.spinner .owl-carousel.offers .car2 p i.bum {
display: block;
   font-size: 1.1em;
 font-style: normal;
 font-weight: 700;
 color: #FF667D;
 margin: 10px 0px 0px 0px;
}

.spinner.top .car2 span {
    text-align: left;
    font-size: 2.2em;
	font-weight: 500;
    display: block;
	margin: 25px 0px 20px 0px;
	color: #FF667D;  
}
.spinner.whi div .car1 span {
    position: absolute;
    left: 20px;
    bottom: 18px;
    font-size: 1.8em;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    color: #000000;
}
.nav-l a:hover
 {

opacity: 1;
color: #C4B096;
}

.nav-r {
padding: 0px 20px 0px 0px; 
}	
 
 


.nav-m a:hover,
.nav-l a:hover,
.nav-r a:hover
 {

opacity: 0.7;

}








    .honeymoon-section {
      max-width: 1450px;
      margin: 0 auto;
      text-align: center;
	  color: #000000;
    }

    .honeymoon-section b {
    text-align: center;
    font-size: 2.8em;
    font-size: calc(1.2em + 1.2vw);
    font-weight: 500;
    display: block;
    margin: 50px 0px 20px 0px;
	 
    }

    .honeymoon-section p.intro {


	  line-height: 160%;
	  
	      width: 70%;
    font-size: 1.0em;
    text-align: center;
    margin: 0px auto 40px auto;
	  
    }

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;

}
.alt-feature {
      margin: 0px 15px 15px 15px;
	  font-size: 1.0em;
      color: #ffffff;
    }
	.alt-feature strong {
      
	  display: block;
      color: #ffffff;
    }
	
    .destination {
      background: #FF667D;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      text-align: left;
      display: flex;
      flex-direction: column;
    }
    .alt-offers .destination {
      color: #ffffff;
      margin: 0px 15px 15px 15px;
    }   
	.alt-offers .destination strong {
     font-weight: bold;
	 margin: 0px 15px 5px 15px;
	 font-size: 0.9em;
    }
	
	.alt-offers .destination p {
 font-weight: bold;
 font-size: 1.0em;
}

    .destination img {
      width: 100%;
      height: 210px;
      object-fit: cover;
    }

    .destination h3 {
      margin: 10px 15px 6px 15px;
      font-size: 1.4em;
      color: #ffffff;
    }
    .alt-offers .destination h3 {
      font-size: 1.2em;
      color: #ffffff;
    }

    .spinner div .destination p {
      margin: 0 15px 10px 15px;
    
      line-height: 1.5;
     color: #ffffff;
	 width: auto;
    }
    .spinner div .destination p.offet {
 font-weight: normal;
 font-size: 0.9em;
    }
 

    .destination a {
      display: inline-block;
      margin: 0;
      font-size: 0.9em;
      text-decoration: none;
      color: #ffffff;
      font-weight: bold;
    }

    .destination a:hover {
      text-decoration: underline;
    }    
	
	.destination a.alt-read-more {
      display: inline-block;


      text-decoration: none;
   
      font-weight: normal;
	  margin: 0 15px 30px 15px;
    }

    .destination a.alt-read-more:hover {
      text-decoration: underline;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 600px) {
      .grid {
        grid-template-columns: 1fr;
      }
    }
	
	
	
	
	
	
.video-background-controls button {
    font-size: 26px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    height: 26px;
    width: 26px;
    border-radius: 16px;
    line-height: 26px;
    border: none;
    background: none;
    appearance: none;
    color: #ffffff;
    cursor: pointer;
    opacity: 1;
    transition: all 250ms ease-in-out;
    margin-left: 20px;
}
.video-controls {
    position: absolute;
    bottom: 20px;
    right: 50px;
    z-index: 113;
}

.video-controls button {
    background: rgba(0, 0, 0, 0.6);
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 8px 12px;
    margin-right: 2px;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.3s;
}
.video-controls button#pauseBtn {

    margin-right: 12px;

}

.video-controls button:hover {
    background: rgba(255, 255, 255, 0.3);
}



 
	.footer {

 
           border-top: 1px solid #111111;
         background-color: #31BCF3;
   
    width: 100%;
  padding: 30px 0px 30px 0px;
    
		 
     
}
	.footer-inn {
 
    width: 100%;
	max-width: 1450px;
   
 margin: 0 auto;
		     display: flex;
    align-items: center;
 
     
}
.ftr-ct {
    width: 96%; 
padding: 10px 2% 0px 2%;
    text-align: center;
 font-size: 0.6em;
	
}
.ftr-ct a {
  
color: #111111;	
}
.ftr-ct a:hover {
 opacity: 0.8;
	
}

.ftr-1 {
 
    width: 25%;
	float: left;  
		 
     
}
.ftr-r {
 
    width: 25%;
	float: left;  
	text-align: right;		 
     
}
.ftr-r svg {
 
    margin: 0px 20px 0px 0px;	 
     
}
.ftr-r svg.fbk {
 
    margin: 0px 15px 0px 0px;	 
     
}

.ftr-items {
 
    width: 50%;
	float: left;  
	text-align: center;	 
    margin: 10px 0px 0px 0px; 
}

.ftr-1 img {
    display: block;
 margin: 0px 0px 0px 25px;
 max-width: 170px;
 max-height: 95px;
}
 
.ftr-items a {
    font-size: 0.8em;
    color: #111111;
    text-decoration: none;
    margin: 10px 15px 10px 15px;
    display: inline-block;
}

.ftr-items a:hover {
 opacity: 0.7;
}
.ftr-r a.footer-td {
    font-size: inherit;
 margin: 0px 0px 0px 0px;
}
.ftr-r a.footer-td:hover {
    text-decoration: underline;
 
}

.ftr-r p {
    font-size: 0.6em;
    color: #111111;
    margin: 6px 20px 0px 20px;
}
.footer-logo  {
max-height: 35px;
 
	margin: 0px 10px;
}	 
.relax-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 80px;
  padding: 60px 2%;
  max-width: 1450px;
  margin: 20px auto 40px auto;
  width: 96%;
}
.relax-section.reverse {
  flex-direction: row-reverse;
  margin: 20px auto 80px auto;
}

.relax-section.reverse .img-small {
  right: auto;
  left: -60px;
}

.relax-section.reverse .img-large {
  margin-left: auto;
  margin-right: 0;
}

.image-wrapper {
  position: relative;
  flex: 1 1 700px;
  max-width: 800px;
  
  display: flex;
    justify-content: center; /* horizontal centering */
}

.img-large {
  width: 75%;
  border-radius: 0px;
  display: block;
}

.img-small {
  position: absolute;
  bottom: -60px;
  right: -40px;
  width: 40%;
  border-radius: 0px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

 

.text-block h5 {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #aaa;
  font-size: 14px;
  margin-bottom: 10px;
  
}

.text-block h2 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 20px;
  
}



.my-button {
  background-color: #C4B096;  
  color: white;
  padding: 8px 20px;
  font-size: 16px;
  border: none;
  
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.my-button:hover {
  background-color: #bdb269; 
  transform: translateY(-2px);
}

.my-button:active {
  background-color: #C4B096;  
  transform: translateY(0);
}

.spinner .my-button {
  background-color: #C4B096;  
  color: white;
  padding: 8px 16px;
  font-size: 16px;
  border: none;
  
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  display: inline-block;
  margin-top: 12px;
  float: right;
}

.spinner .my-button:hover {
  background-color: #bdb269; 
  transform: translateY(-2px);
}

.spinner .my-button:active {
  background-color: #C4B096;  
  transform: translateY(0);
}



.text-overlay {
  position: absolute;
  left: 3%;
  bottom: 5%;

 
  color: white;
  padding: 20px 30px;
  border-radius: 0px;
  width: 80%;
   
}

.text-overlay-left {
  position: absolute;
 
  right: 3%;
  bottom: 5%;

  text-align: right;
  color: white;
  padding: 20px 30px;
  border-radius: 8px;
  width: 80%;
   
}




.image-container h4 {
  
  font-size: 36px;
  font-size: calc(24px + 2.0vw);
  font-weight: 400;
  margin: 0 0 10px;
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.image-container p {
  
  font-size: 24px;
  font-weight: 300;
  margin: 0px 0px 20px 0px;
  color: #ffffff;  
   line-height: 150%;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}



/* Only show submenu in mobile menu */
.mobile-only .submenu {
  display: none;
   
}

.mobile-only .mobile-submenu.open .submenu {
  display: block;
  margin: -10px 0px 0px 0px;
}

.mobile-only .submenu a {
  display: block !important;
 
    color: #ffffff;
    text-decoration: none;
    margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #888;
    
}

.mobile-only .submenu a:hover {
  color: #C4B096;
}

/* Optional: submenu-toggle styles */
.submenu-toggle {
  display: block;
  position: relative;
  padding-right: 20px;
     
}
 

.submenu-toggle::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  color: #000000;
}

.mobile-submenu.open .submenu-toggle::after {
  content: "-";
  right: 2px;
  top: -1px;
}


.menu-items a {
    display: block;
    font-size: 1.1em;
    color: #000000;
    text-decoration: none;
    margin: 15px 0px 15px 0px;
    
}
.menu-items .mobile-submenu {
    display: block;
 
	
    
}.menu-items .mobile-submenu a {
    display: inline-block;
    font-size: 1.1em;
    color: #000000;
    text-decoration: none;
    margin: 20px 0px 20px 0px;
	
    
}


a svg:hover {
  fill: #0A66C2;  
  transition: fill 0.2s ease-in-out;
}

 
.hotel-details .social-icon path {
  fill: #000000;
  
}

.social-icon:hover path {
  fill: #0A66C2;
  transition: fill 0.2s ease-in-out;
}

.mid-section {
    width: 100%;
 
	margin: 90px 0px 90px 0px;
}

.mid-section-l {
    width: 80%;
	 
	margin: 60px 10% 0px 10%;
	position: relative;
}
.mid-section-l .chat {
    width: 90%;
	margin: 0px 0px 0px 10%;
}


.mid-section-r {
    width: 55%;
    padding: 0px 0px 0px 5%;
	font-size: 1.0em;
}

.mid-section-r p {
   
  line-height: 150%;
  margin: 0px 20px 20px 0px;
  font-family: "Poppins", Arial; 
}

.mid-section-r h1 {
   font-size: 0.9em;
  text-transform: uppercase; 
  margin: 20px 0px 0px 0px;
  
  color: #000000;
}

.mid-section-r h2 {
 
   font-size: 2.5em;
   font-family: "Poppins", Arial;	
   font-weight: 400;
  margin: 10px 0px 20px 0px;
}



.mid-section-r a { 

    padding: 10px 25px 12px 25px;
    font-size: 1.0em;
    border-radius: 8px;
    display: inline-block;
    margin: 0px 0px 40px 0px;
    color: #ffffff;
    text-decoration: none;
    background-color: #3293D1; 
         }	 

.mid-section-r a:hover 
 {
  opacity: 0.7;
}
         

		 
		 
.laid {
  position: absolute;
top: 18px;
  text-align: center; 
  z-index: 100006;
  width: 590px;
}
.laid-inner {
 display: inline-block; 
 box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
 margin: 0px 45px 0px 0px;
 border-radius: 15px;
 padding: 15px 15px 10px 15px;
 background-color: #ffffff;
}
.mid-section-l .laid-inner img {
    width: 65px; 
 
	 
}
.laid-inner span {
 display: block; 
 font-size: 1.2em;
 margin: 10px 0px 5px 0px;
 font-weight: bold;
 

}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; } 
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}



			 .footer .tiler img {
    height: 55px !important;
 
    margin: 5px auto 0px auto;
    display: block;
	
}		

.footer .tiler #travelai img {
    height: 60px !important;
    margin: 10px auto 0px auto;
 
	
}	
.footer .tiler div#travelai {

    padding: 0px 0px 15px 0px;
	margin: 0px auto 0px auto;
}



.footer .tiler #databuilder img {
    height: 40px !important; 
	margin: 0px auto 10px auto;
}	
.footer .tiler div#databuilder {

    padding: 20px 0px 15px 0px;
}

.footer .tiler #interactive-reservations-system img {
    height: 34px !important;
    margin: 8px auto 8px auto;
	
}	
.footer .tiler div#interactive-reservations-system {

        padding: 20px 0px 15px 0px;
	margin: 0px auto 0px auto;
}

.footer .tiler #infinity-web-services img {
    height: 26px !important; 
	margin: 12px auto 12px auto;
	
}	
.footer .tiler div#infinity-web-services {

    padding: 20px 0px 15px 0px;
	    
}
.footer .tiler #universalwebsites img {
    height: 50px !important; 
	margin: 0px auto 10px auto;
}	
.footer .tiler div#universalwebsites {

    padding: 10px 0px 15px 0px;
}
.footer .tiler #contractsbuilder img {
    height: 45px !important; 
	margin: 5px auto 10px auto;
}	
.footer .tiler div#contractsbuilder {

    padding: 10px 0px 15px 0px;
}

.footer .tiler #tripbuilder img {
    height: 35px !important; 
	margin: 15px auto 10px auto;
}	
.footer .tiler div#tripbuilder {

    padding: 10px 0px 15px 0px;
}
.footer .tiler #megacache img {
    height: 35px !important; 
	margin: 15px auto 10px auto;
}	
.footer .tiler div#megacache {

    padding: 10px 0px 15px 0px;
}

.reveal {
    opacity: 0;
    transform: translate3d(0,100px,0);
    transition: opacity .8s,transform .8s;
   

}


.reveal_visible {
    opacity: 1;
    transform: translate3d(0,0,0)
}		 

 	.footer .top {
    position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
width: 100%;
border-top: 1px solid #ffffff;  
}

  	
 
.footer .footer-inner {
width: 80%;
    padding: 140px 10% 140px 10%;
    color: #ffffff;
display: flex; align-items: center;
position: relative;
z-index: 19;
} 	 

.footer .tiley {

    width: 21%; 
	padding: 0px 4% 0px 0px; 
    text-align: center;
	display: inline-block;
} 	
 
.footer .tiley img {
    width: 50% !important;
    max-width: 250px;
	margin: 10px auto 5px auto;
	-webkit-filter: drop-shadow( 0px 1px 3px rgba(0, 0, 0, .8));
  filter: drop-shadow( 0px 1px 3px rgba(0, 0, 0, .8));
} 	 

 
.footer .tiley span {
    font-size: 2.0em;
	font-size: calc(1.4vw + 1.4vh);
	font-family: "Poppins", Arial;
    margin: 0px 0px 0px 0px;
	display: block; 
    color: #ffffff;
	text-shadow: 2px 2px 3px #000000;
} 	 
.footer .tils {

    width: 100%;
    float: left;
} 	
.footer .tiler {

    width: 73%;
	border-right: 1px solid #314E6B; 
    padding: 0px 0px 10px 0px;	
	float: left; 
} 	
.footer .tilet {

    width: 26%;
	border-right: 1px solid #314E6B; 
    text-align: right;
	padding: 8px 0px 0px 0px;	
	float: left; 
} 	
.footer .tiler-out {

    width: 75%;
	display: flex;
	text-align: center; 
} 	

.footer .tilet a {
 color: #ffffff;
 font-size: 0.8em;
 text-decoration: none;
 display: block;
 margin: 25px 30px 10px 0px; 
} 	
.footer .tilet a:hover {
         opacity: 0.7;
         } 
		 
	
 .footer .tiler div {
float: left; 
text-align: center; 
width: 25%;  
padding: 10px 0px 15px 0px;	
}		

 .footer .tiler h4 {
  font-size: 1.4em;
  margin: 10px 0px 10px 0px;
  font-weight: normal;
}		
 .footer .tiler a {
  font-size: 0.8em;
  margin: 20px 0px 20px 0px;
  font-weight: normal;
   color: #ffffff;
 font-family: "Poppins", Arial;
 text-decoration: none;
}		
 .footer .tiler a:hover {
         opacity: 0.7;
         } 
		 
.cund {
    background: linear-gradient(to top, transparent 0, #0C374B 100%);
    background-position: center top;
    height: 50%;
	width: 100%;  
      position: absolute;
top: 20%;
left: 0; 
  z-index: 12;
} 
.cunk {
    background: linear-gradient(to left, transparent 0, #000515 100%);
    background-position: center top;
    height: 100%;
	width: 70%;  
      position: absolute;
top: 0;
left: 0; 
  z-index: 28;
} 

.tilet img {
    width: 60%;
	min-width: 120px;
    max-width: 160px;
    margin: 25px 28px 0px 0px; 
    display: inline-block;
}
.sliding-background {
    
       
         background-image: url("werty.jpg");
         background-color: #052A47;
         background-position-y: bottom;
         background-size: auto 450px;
         background-repeat: no-repeat;
         animation-delay: 0s;
         animation-duration: 90s;
         animation-name: panoramic;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         animation-fill-mode: both;
         overflow: hidden;
         margin: 0 auto;
         will-change: background-position-x;
         }
         @keyframes panoramic {
         0% {
         background-position-x: 0%;
         }
         50% {
         background-position-x: 100%;
         }
         100% {
         background-position-x: 0%;
         }
         } 		 
 
.video_wrapper {
 
     display: flex;
    align-items: center;
position: relative;
 
background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.7));

  padding: 40px;
  background-color: #C5E3E5;
  border-radius: 25px; 
  iframe {
    border-radius: 25px;
	border: 0;
	 
  }
}

.bott {
  width: 60px;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 114;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  text-align: center;
}

.bott img {
  width: 40px;
} 

	 

.layert img {width: 40%; max-width: 350px; min-width: 100px; margin: 0px auto; 

-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  
  }
		 
.quotes {display: none;    text-shadow: 2px 2px 3px #000000; text-transform: uppercase;


font-size: 2em;
font-size: calc(1.6vw + 1.6vh);
}

.layer img {width: 50%; max-width: 450px; min-width: 150px; margin: 20px auto; display: block;

-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  
  }
  

		@media(max-width:1360px) {
 
 
		
		.footer .footer-inner {
    width: 96%;
    padding: 140px 2% 140px 2%;
 
}

.mid-section-l {
    width: 90%;
    margin: 60px 5% 0px 5%;
    position: relative;
} 

 
}

@media(max-width:1150px) {
.subregion-layout {

    flex-direction: column;
    gap: 50px;

}
.subregion-layout .left-panels {
    width: calc(100% - 56px);

}
.subregion-layout .right-panels {
    width: calc(100% - 56px);

}		
.relax-section {

    gap: 0px;
    padding: 0px 2%; 
    margin: 40px auto 40px auto;
    width: 96%;
}		
.relax-section.reverse {
    
    margin: 20px auto 40px auto;
}

.relax-section.reverse .img-large {
 
    margin-right: auto;
}		
.image-wrapper {
max-width: 100%;
}		
.img-large {
    margin: 0px auto 0px auto;
	width: 92%;
}		
.img-small {
  display: none;
}
			.gilet-form1,
		    .gilet-form2 {
        visibility: visible !important; opacity: 1 !important;
		transform: none !important;
		transition: none !important;
    }
	
	
	
		.footer .tiler {
    width: 75%;
    border-right: 1px solid #314E6B;
    padding: 0px 0px 10px 0px;
}
.footer .tilet {
    width: 28%;
    border-right: 0px solid #314E6B;
    text-align: right;
    padding: 20px 0px 0px 0px;
}
.footer .tilet a {
 
    margin: 25px 20px 10px 0px;
}




	.video_wrapper {
    display: block;
       
  
    position: relative;
 
    padding: 90px 40px 40px 40px;
 border-radius: 25px;
    border-radius: 0px 0px 0px 0px;   
	 
	     iframe {
        border-radius: 0px;
width: 100%;
    }
	}
	
	.mid-section-r {
    width: 90%;
    padding: 50px 5% 0px 5%;
    font-size: 1.0em;
	text-align: left;
}


 
nav.show {
    width: 50%;
  
}

		.mile .mile-inner h3 {
    font-size: 2.4em;
 
}

 

}
		@media(max-width:1060px) {
		
		.milet-inner .show .shot {
 
    top: 35%;
}
		.gilet-form {
  flex-direction: column;
    margin: 20px auto 80px auto;
    width: 92%;
}
.contact .gilet {
    width: 90%;
    padding: 40px 5% 20px 5%;
}
.gilet-form1
 {
    width: 90%;
    text-align: center;
    margin: 0% 5% 0% 5%;
}
 
.gilet-form2
 {
    width: 90%;
    text-align: center;
    margin: 100px 5% 0% 5%;
}

 	.cund {
    
 
 
    height: 0;

 
}
		.template .cund {    background-image: linear-gradient(to top, rgba(0, 21, 34, 0), rgba(0, 21, 34, 0.75));
 
    height: 90px;
    width: 100%;
position: relative;
    top: 0;
    left: 0;
    z-index: 12;
}
 .footer .footer-inner {
            display: block;
			text-align: center;
			padding: 80px 2% 0px 2%;
    }
	.footer .tilet a {
        margin: 0px 20px 10px 20px;
        display: inline-block;
    }
	.footer .tiley {
    width: 60%;
    padding: 0px 0% 30px 0px;
    text-align: center;
    display: inline-block;
}
.footer .tiley span {
    font-size: 3.0em;
    font-size: calc(2.4vw + 2.4vh);
    font-family: "Poppins", Arial;
    margin: 0px 0px 0px 0px;
    display: block;
    color: #ffffff;
    text-shadow: 2px 2px 3px #000000;
}
.footer .tiley img {
    width: 55% !important;
    min-width: 130px;
    margin: 10px auto 5px auto;
 
}

	.footer .tiler-out {
    width: 100%;
    display: block;
    text-align: center;
	float: left;
	text-shadow: 1px 1px 2px #000000;
}
	.footer .tiler {
        width: 100%;
        border-right: 0px solid #314E6B;
        padding: 0px 0px 10px 0px;
    }
	
	    .footer .tilet {
        width: 100%;
        border-right: 0px solid #314E6B;
        text-align: center;
        padding: 20px 0px 0px 0px;
    }
 
	.tilet img {
    width: 60%;
    min-width: 120px;
    max-width: 160px;
    margin: 10px auto 40px auto;
    display: block;
}
.pilec-r {
    text-align: center;
}
.gilet-form1 div.gilet-f {
    border-radius: 15px;

}
.gilet-form2 div.gilet-f { 
 
 border-radius: 15px;

}
.gilet-form h4 {
    font-weight: normal;
    font-size: 2.0em;
    font-size: calc(2.4vw + 2.4vh);
    margin: 0px 0px 20px 0px;
}
}
@media (max-width: 960px) {
.nav-l a {
    margin: 0px 5px 0px 5px;
} 

.nav-l p {
 
    margin: 0px 12px 0px 0px;
 
}
.mmb {
  
    font-size: 0.7em;
  
}
.nav-l button {
font-size: 0.7em;
}
.contact-panel {

    gap: 0px;
   
}
.contact-panel h1 {

    margin: 0 auto 30px auto;

}
.form-container {
 

    flex: 0 0 calc(100% - 56px);
}
.form-container.cont {
 

    flex: 0 0 calc(100% - 56px);
}

.contact-right {
    width: 100%;
margin: 70px auto 0 auto; 
    
    flex: 1;
}

.contact-right p {
    text-align: center;

}
.offer-page {
align-items: center;
    margin: 70px auto 0 auto;
    padding: 40px 28px;
    gap: 0px;
    color: #fff;
}
.left-panel {
    width: calc(100% - 56px);

    border-radius: 15px;
    padding: 28px 28px 28px 28px;
}
.right-panel {
    width: calc(100% - 50px);
  margin: 40px 0px 40px 0px;
    padding: 25px;
    border-radius: 15px;
    height: fit-content;
}
.enquiry-form-container {
    width: calc(100% - 56px);
 
}

 
 
.image-container {

    margin: 0px 0px 20px 0px;
}
.text-overlay {
    position: relative;
    left: 0%;
    bottom: 0%;
    color: white;
    padding: 30px 2% 60px 2%;
    border-radius: 0px;
    width: 96%;
}
.text-overlay-left {
position: relative;
    left: 0%;
    bottom: 0%;
    color: white;
    padding: 30px 2% 60px 2%;
    border-radius: 0px;
    width: 96%;
	    text-align: left;
}
.image-container h4 {
    font-size: 28px;
    font-size: calc(20px + 1.6vw);

}
.image-container p {

    font-size: 20px;

}
}


@media(max-width:767px) {
.about.xlogo .page-content.full-width {
  margin-top: 0px;
}	
.template-layout1 .spinner {
 
    padding-left: 15px;
	padding-right: 15px;
 
}
.template-layout1 .holiday-sections {

  margin: 100px auto 0 auto;
    padding-left: 15px;
	padding-right: 15px;
 
}

.template-layout1 .offer-page {
     padding-left: 15px;
	padding-right: 15px;
	margin: 80px auto 0 auto;
    }
	
.template-layout1 .contact-panel {
     padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 30px);
    }
.template-layout1.xlogo .holiday-sections {

  margin: 100px auto 0 auto;
 
 
}

.template-layout1.xlogo .offer-page {
 
	margin: 80px auto 0 auto;
    }
	
.template-layout1.xlogo .contact-panel {

	width: calc(100% - 30px);
    }

.template-layout1.xlogo .contact-outer {
    margin: 100px auto 30px auto;
}	
.holiday-sections h1 {
    font-size: 1.8em;
 
}
#nav {
        
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
 

 
    .logo-panel .nav-r {
        display: block !important;  

    }
    
    .logo-panel .nav-r .hamburger-icon {
        display: block !important;
    }
    
    /* Mobile submenu functionality - hide by default FOR ALL LAYOUTS */
    #nav .mobile-submenu .submenu {
        display: none !important;
    }
    
    /* Show submenu when parent has 'open' class FOR ALL LAYOUTS */
    #nav .mobile-submenu.open .submenu {
        display: block !important;
        margin: 0px 0px 0px 0px;
    }
    
    /* Submenu links styling for mobile FOR ALL LAYOUTS */
    #nav .mobile-submenu .submenu a {
        display: block !important;
        border-bottom: 1px solid #000000;
        padding: 0px 0px 20px 0px;
        font-size: 1.0em;
    }
    
    /* Layout1 AND Layout2 specific mobile nav positioning */
    .logo-panel.layout1 ~ #nav,
    .logo-panel.layout2 ~ #nav {
        position: fixed !important;
        right: -100% !important;
        opacity: 0 !important;
        
        height: 100% !important;
        top: 0 !important;
        left: auto !important;
        padding: 100px 0px 0px 0px !important;
        transform: none !important;
    }
    .mmb_link {
        display: block !important;
    }
	
    /* Makes nav visible when show class is added */
    .logo-panel.layout1 ~ #nav.show,
    .logo-panel.layout2 ~ #nav.show {
        right: 0 !important;
        opacity: 1 !important;
    }
    
    .logo-panel.layout1 ~ #nav .menu-items,
    .logo-panel.layout2 ~ #nav .menu-items {
        display: block !important;
        flex-direction: column !important;
        margin: 0px 50px !important;
        display: flex !important;
    }
    
    /* Show mobile footer on mobile */
    .logo-panel.layout1 ~ #nav .mobile-footer,
    .logo-panel.layout2 ~ #nav .mobile-footer {
        display: flex !important;
    }
    
    /* Reset page content margin on mobile */
    .logo-panel.layout1 ~ .page-content.full-width,
    .logo-panel.layout1 ~ section,
    .logo-panel.layout1 ~ .example-marquee,
    .logo-panel.layout2 ~ .page-content.full-width,
    .logo-panel.layout2 ~ section,
    .logo-panel.layout2 ~ .example-marquee {
        margin-top: 90px !important;
    }
    
    /* Force submenu visibility when open - extra specific */
    #nav .mobile-submenu.open > .submenu {
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        background: transparent !important;
        border: none !important;
        margin: -10px 0px 0px 0px !important;
    }
.content-block.block-html .spinner {
margin: 0px 0px 20px 0px; 
}
.hero-text-overlay h1 {
    font-size: 2em !important;
    
}
.content-block.block-text .text-block .text-cell {
width: 100% !important;
}
 
.example-marquee {

 
margin: 120px 0px 0px 0px;
    height: 50vh;

}
.template-layout2 .example-marquee,
.template-layout3 .example-marquee

{

 
margin: 120px 0px 40px 0px;
    height: 50vh;

}

#backgroundVideo {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);

    object-fit: cover;
    object-position: center center;

}
.video-controls {
 
    bottom: 15px;
    right: 35px;

}
nav {

	min-width: 300px;
	 
	 
}	
nav.show {
    right: 0;
    width: 100%; /* narrower width when shown */
    opacity: 1;
	 
}

.menu-items {
    margin: 0px 30px 0px 30px;

}
	
.home-slider span {

    font-size: 2.2em;

}
 
.nav-m {
    padding: 5px 0px 5px 15px;
         height: 80px;
		 
}

 .nav-m img {
 
 margin: 5px 0px 5px 0px;
 max-height: 70px;
 max-width: 140px;
}
.xlogo .nav-m img {
 
 margin: 5px 0px 5px 0px;
 max-height: 70px;
 max-width: 200px;
}

.xlogo .nav-m {
  height: 90px;
}
.layout4.xlogo .nav-m img {
    max-width: 200px;
    
}

#icon {
 right: 5px;
     position: absolute;
    z-index: 1000011;
	 

  top: 50%;
  transform: translateY(-50%);
}
.nav-m a {
 
    display: block;
}
.footer-inn {
 display: inline-block;
    
}
.ftr-1 {
 
    width: 100%;
	float: left;  
		 
     
}
.ftr-1 img {
 
   margin: 5px auto; 
	 
     
}
.ftr-r {
 
    width: 100%;
	float: left;  
	text-align: center;		 
    margin: 0px 0px 5px 0px; 
}
.ftr-items a {

    margin: 10px 20px 10px 20px;
 
}
.ftr-items {
 
    width: 100%;
	float: left;  
	text-align: center;	 
    margin: 15px 0px 15px 0px;  
}
.page-content.full-width {

    margin-top: 80px;

}
.template-layout1.home.xlogo .page-content.full-width {
    margin-top: 70px;
}

.spinner p {
    width: 95%;

}
.text-block h2 {

    margin-top: 10px;
   
}
.relax-section.reverse {
        margin: 0px auto 20px auto;
		padding: 20px 0px 40px 0px;
    }
  .relax-section {
    flex-direction: column;
    padding: 40px 0px 0px 0px;
  }
  
  .image-wrapper {

    flex: 1 1 100px;
    max-width: 800px;

}
    .img-large {
        margin: 0px auto 0px auto;
        width: 100%;
    }
  .img-small {
    position: static;
    width: 100%;
    margin-top: 20px;
  }


		 .gilet-form1
 {
    width: 100%;
    text-align: center;
    margin: 0% 5% 0% 5%;
}
 
.gilet-form2
 {
    width: 100%;
    text-align: center;
    margin: 100px 5% 40px 5%;
}
 
    
		.mile.newt {
background: url(mile-backo.jpg) #01060A no-repeat;
        background-position: center top;
 
}
		    .mile .mile-inner {
     
        padding: 80px 5% 40px 5%;
      
    }    .footer .footer-inner {
        display: block;
        text-align: center;
        padding: 80px 0% 140px 0%;
		        width: 100%;
    }    
	.template .footer .footer-inner {
        
        padding: 0px 0% 140px 0%;
		  
    }
	
	.contens .layed {
    
    font-size: 3em;
    font-size: calc(1.8vw + 1.8vh);

}
.contens .layed b {
  
    font-size: 4em;
    font-size: calc(2.8vw + 2.8vh);
   
}
		.gilet-r {
        width: 100%;
        padding: 0px 0% 0px 0%;
    }
		.pile-inner {
    flex-wrap: wrap;
    display: flex;
}
		
		
		.piley {
    width: 44%;
     margin: 30px 2% 20px 2%;
 
}		
 		
		.piley.three {
    width: 44%;
     margin: 30px 2% 20px 2%;
 
}		
 
.pile-mid h5 {
text-align: left;
}
		.pile-mid {
    font-size: 1.0em;
    margin: 0px 0px 0px 0px;
}
		.pile-mid p {
    margin: 25px 0px 10px 0px;
    line-height: 150%;
	text-align: left;
}
.plaid {
        position: absolute;
        top: 50%;
        left: -2%;
        transform: translateY(-50%);
        z-index: 100007;
    }
    .pilec-r {
        text-align: left;
        width: 100%;
    }
	.mile {

background: url(mile-bacc.jpg) #01060A no-repeat;
    background-position: center top; 
}

.gilet-l {
        width: 100%;
        padding: 0px 0% 30px 0%;
   
}
		.mid-section-r h2 {
    font-size: 2.0em;
 
}
.gilet-l h3 {
    font-size: 2.0em;
     
}
.kilet-r h3 {
    font-size: 2.0em;
}

    .template .piled h5 {
        font-size: 4.0em;
        font-size: calc(2.4vw + 2.4vh);

    }
		.video_wrapper {

 
    padding: 30px;

    }
	.mid-section-r h2 {

    margin: 10px 0px 10px 0px;
}
		.mid-section-r {
    width: 100%;
    padding: 50px 0% 0px 0%;
 
	text-align: left;
}
.mid-section-r h1 {

    margin: 0px 0px 0px 0px;
   
}
	
		.nav-l 
		 {
 display: none;
}

.nav-m span {
  
    font-size: 0.7em;
 
}


    .footer .tiley span {
        font-size: 3.0em;
        font-size: calc(3.2vw + 3.2vh);
 
    }
  .video-background-controls button {
    font-size: 24px;

    height: 24px;
    width: 24px;

    margin-left: 20px;
}
 .video-background-controls {
    bottom: 15px;
    left: -10px !important;
    top: initial !important;
 right: auto;
} 



 #icon.slide-in
  {
 right: 5px;
	left: auto;
}
.bott {
 
    bottom: 12px;
   
}
.bott img {
    width: 32px;
}


 

.logo-panel-inner {
 
    justify-content: left;
  
}
.hamburger-icon {

    background: rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}
.hamburger-icon.slide-in {

    background: rgba(255, 255, 255, 0.0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0);
}
 
.hamburger-icon.slide-in .icon-1,
.hamburger-icon.slide-in .icon-2,
.hamburger-icon.slide-in .icon-3 {

  background-color: white;
  height: 2px;
}


 

.logo {
 width: 50%;
}
.logo img {
    display: block;
    height: 60px;
    max-width: 297px;
    margin: 10px 0px 10px 20px;
}
 
.layer {


font-size: 2.0em;
color: #ffffff;


line-height: 140%;
text-shadow: 1px 1px 2px #000000;
width: 50%;
}

.layer b {
    display: block;
    font-size: 1.1em;
    font-weight: normal;
	line-height: 130%;
 
	margin: 10px 0px 0px 3px;
	 
}  
  .layer a {
    padding: 8px 20px 12px 20px; 
    font-size: 0.25em;
    font-weight: bold;
	 border-color: #ffffff;
 border-radius: 30px;
border: 2px solid #ffffff;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 0px 0px #000000;
	line-height: 50%;
	font-family: "Montserrat", Arial;	
}  
.layer img {width: 30%; max-width: 850px; margin: 0px 0px 0px 0px;}
  
 

.quotes img {
   
    width: 60px;
    margin: 0px 10px -20px 0px;
}
.pilet {
    margin: 0px auto 0px auto;
    background-image: linear-gradient(to bottom, rgba(0, 21, 34, 0), rgba(0, 21, 34, 0.6));
    border-radius: 12px;
    background-color: #0C374B;
    padding: 20px 20px 20px 20px;
    display: block;

float: left;
}
.pilet p {
    line-height: 150%;
    font-size: 1.1em;
    margin: 0px 0px 0px 0px;
}
.pilec p {
    line-height: 150%;
    font-size: 1.1em;
    margin: 0px 0px 0px 0px;
}
.pilet a {
    float: none;
    padding: 12px 25px 15px 25px;
font-size: 1.0em;
    display: inline-block;
    margin: 25px 0px 20px 0px;

}
    .piley {
        font-size: 1.4em;
    }
	.pilec-l {
    width: 100%;
}
.pilet-l {
    width: 100%;
}
.pilet-r {
    text-align: left;
    width: 100%;
}
.gilet-i {

    width: 100%;

}
.pilet-outer {
    
        padding: 0px 7% 60px 7%;
    }
	.footer .tiler a {
    font-size: 0.7em;

}
    .footer .tiley {
        width: 70%;
  
    }
.milet-inner iframe {
     height: 400px; width: 400px;border-radius: 25px;
}
.milet-inner .show .shot {
    width: 50%;
left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
 top: 35%;

}
.milet-r {
        width: 90%;
        padding: 50px 5% 0px 5%;
    }
	.milet-r p {
    font-size: 1.0em;
    line-height: 160%;
 
}
    .kilet-r {
        width: 100%;
        padding: 0px 0% 60px 0%;
    }
	    .kilet-l {
        width: 100%;
        margin: 0px auto;
        position: relative;
    }
	    .kilet-i {
        border-radius: 25px;
        margin: 0px auto 20px auto;
        width: 100%;
        display: block;
    }
	.milet-inner {
 
    padding: 0px 0% 50px 0%;
}
 .milet-inner .show-outer {
  background-color: #C5E3E5;
width: 100%;
padding: 40px 0% 40px 0%;
}
.milet-inner .show {
text-align: center;
}

	     .piled-inner {
 
	flex-wrap: wrap;
}   
.piled {
    width: 96%;
    padding: 20px 0% 60px 0%;
    margin: 20px 2% 40px 2%;
 
}
.kilet-r p {
    font-size: 1.0em;
    line-height: 160%;
    margin: 10px 0px 20px 0px;
}
.kilet-r p {
    font-size: 1.0em;
    line-height: 160%;
    margin: 10px 0px 20px 0px;
}
.piled h5 {
    font-size: 3.0em;
    font-size: calc(1.6vw + 1.6vh);
    font-weight: normal;
    margin: 20px 40px 20px 40px;
}
.piled p {
    font-size: 1.0em;
    line-height: 160%;
    margin: 0px 30px 0px 30px;
 
}
		.pilec {
        padding: 20px;
    }
.pilec-r a {
        float: none;
padding: 12px 25px 15px 25px;
        font-size: 1.0em;

display: inline-block;
        margin: 25px 0px 20px 0px;

    }
	
	
.pilec {
 
        flex-direction: column;
}
    .piles {
           padding: 60px 5% 50px 5%;
 
    }
	
		
	.video_wrapper .shot-outer {
position: relative; width: 100%; overflow: hidden; padding-top: 100%;
    }		    
	
			.video_wrapper iframe {
 position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;
}
}

 
	
	
		@media(max-width:490px) {

  .cookies-eu-banner {
    font-size: 14px;
    padding: 12px;
  }

  .cookies-eu-banner button {
    padding: 8px 10px;
    display: inline-block;
  }
		
		    .video_wrapper {
        padding: 20px;
    }
     .milet-inner .show {
        text-align: left;
    }
	 .milet-inner .show .shot {
        width: 50%;
        left: 5%;
        right: 0;
margin-left: 0;
        margin-right: 0;
        top: 35%;
    }
		
		
		
		
		.milet-inner .show-outer {
     
        width: 100%;
        padding: 0%;
    }
	
	
 

	.milet-inner .show .shot-outer {
position: relative; width: 100%; overflow: hidden; padding-top: 100%;
    }		    
	

		.milet-inner iframe {
 position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none; border-radius: 0px;
}





	.milet-inner .show .shot {
        font-size: 3.0em;
        font-size: calc(2.2vw + 2.2vh);
    }



.pilec-i {
    height: 100px;
}
 
		.footer .tiler a {
        font-size: 0.8em;
    }
	 
		    .footer .tiley {
        width: 80%;
    }		 
		    .footer .tiley span {
        font-size: 3.0em;
        font-size: calc(3.4vw + 3.4vh);
 
    }
		.footer .tiler div {
    float: left;
    text-align: center;
    width: 50%;
    padding: 10px 0px 15px 0px;
}
    .footer .tiler {
        width: 90%;
        border-right: 0px solid #314E6B;
        padding: 0px 5% 10px 5%;
    }
		.pilet-outer {
        width: 90%;
        padding: 0px 5% 60px 5%;
    }
				.piley {
width: 98%;
        margin: 30px 0% 20px 0%;
 font-size: 1.7em;
}					
.piley.three {
font-size: 1.2em;
width: 40%;
padding: 20px 3% 80px 3%;
        margin: 30px 2% 20px 2%;
}					
.menu-items a {
 
    font-size: 1.2em;

    margin: 25px 0px 25px 0px;
}
 
.layert {
    display: flex;
    align-items: center;
 justify-content: center;
    position: absolute;
     bottom: 0;
   top: 0;
    font-size: 5em;
    font-size: calc(3.0vw + 3.0vh);
    color: #ffffff;
    z-index: 3;
    font-family: "Montserrat", Arial;
    line-height: 120%;
    letter-spacing: 1px;
 
 left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
 
 
}
 
  .layert-right {
    margin: 0px 0px 150px 0px;
    text-align: center;
}
  .blob {
 
    margin: 9px 0px 0px 0px;
}
.glaid-inner img {
    width: 40px;
}
.glaid-inner span {
    font-size: 0.7em;
   
}
.piley img {
    width: 60%;
    max-width: 150px;
    margin: 40px auto 40px auto;
    display: block;
    -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .7));
}
	    .glais-inner img {
        width: 80px;
    }
	    .glais-inner span {
        font-size: 1.4em;

    }
}