@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* in use*/
@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/*xxx*/
@import "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css";
@import "icofont.min.css";
@import "col.css";
@import "medi.css";

html {
  overflow-x: hidden;
  scroll-behavior: smooth; 
	
}
body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	/*background:#F3FAFE;*/
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	}

a{ text-decoration:none;

}
a:hover{
	text-decoration:none;
}
p{
	font-size:0.9rem;
	line-height:1.6;
	font-weight:400;
	/*color:#898989;*/
	text-align: justify !important;
	}

.navbar{
    top:0px;
	right:0px;	
    left:0px;	
    width: 100%;
    z-index: 999;
	background:#FFF;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
	
}
.navbar.fixed{	
	top:112px;
    position: fixed;
    background-color:#FFF;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}
.navbar,  .navbar-brand{
    padding:10px;
    margin: 5px; 
}
.navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	width: 158px;
	/*height: 51px;*/
}
.navbar.fixed .navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;	
}
.navbar,  .navbar-brand{
    padding: 0;
    margin: 0; 
}
.navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar.fixed .navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    max-width:100px;
	
}
.navbar-nav .nav-item .nav-link{ 
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
    color:#1566A7;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	font-size: 12px !important;
	text-shadow: 0 !important;		
}

.dropdown .dropdown-menu {
  position: absolute;
  display: block;
  background:#FFF;
  min-width: 240px;
  top: 120%;
  left: 0;
  right: 0px;
  opacity: 0;
  padding: 8px;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  border: 0px;
  /*border-top: 5px solid #223A66;*/
  border-radius: 0px;
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 110%;
}

.dropdown .dropdown-item {
  padding: 5px 20px;  
  background: transparent;
  font-weight: 400;
  ackground:#FFF;
  color:#543682;
  -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	text-transform: uppercase;
	font-size: 12px;
}

.dropdown .dropdown-item:hover {
  background:#543682;
  color:#FFF;
  padding-left:25px;
  -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;	
}

.carousel-indicators li{
	width: 10px;
	height: 10px;
}

.carousel-indicators li{
	width: 10px;
	height: 10px;
}


.carousel-control-next-icon:after
{  
  content: '>';
  font-size:25px;
  color: black;
  font-weight: bolder;
  background:#FFF !important;
  transition: none;
  outline: black;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 100%, 100%;
  padding:8px 15px;
}

.carousel-control-prev-icon:after {  	
  content: '<';
  font-size:25px;
  color: black;
	font-weight: bolder;
  background:#FFF !important;	
  transition: none;
  outline: black;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 100%, 100%;
  padding:8px 15px;
}



/*.connectivity ul li a i.icofont-ui-call{ 
	background: linear-gradient(0deg, #AC0000, #AC0000);
	color:#FFF;
}*/
.pickdrop h6{
	font-size:14px;
}

.pickdrop h6 i{
	font-size: 12px;
}

.pickdrop i{
	font-size:12px;
}

.pickdrop ul{
	list-style: none;
}

.pickdrop ul li{
	font-size: 14px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.pickdrop ul li strong{
	font-size: 14px;	
	font-weight: 600;
}



.bedcrumbs{
	position: absolute;
	top:60%;
	left:5%;
}

.bedcrumbs ul{	
	width:350px;
	height: 80px;
	background: #FFF;
	display: block;
	list-style: none;
	padding:0 18px;	
	margin: 0;
	border-radius: 45px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	
}

.bedcrumbs ul li{
	float: left;
	padding:10px;
	color:#000066;
	text-shadow: 1px 1px 1px #FFF;
	font-size: 36px;
}
.bedcrumbs ul li a{
	text-decoration: none;
	color:#000066;
	font-size: 13px !important;
	font-weight: 600;
	text-shadow: 1px 1px 1px #FFF;
}

.bedcrumbs ul li a i{
	color:#E59E09;
	font-size: 36px;
}





.checked {
  color: orange;
}

.footer{     
    background-image: linear-gradient(rgba(3,34,59,0.9), rgba(3,34,59,0.9)), url("../images/Burj-Khalifa-Tickets-banner.webp");
    background-attachment:fixed;
    background-size:cover;
}

.logo-box p{color: #D4D3D3; text-align: justify;}

.social ul{
    float:left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.social ul li{    
    float: left;
    padding:2px 8px 2px 8px;
    margin:2px;
}

.social ul li a{    
  color:#D4D3D3;
    font-size: 25px;
}

.social ul li a:hover{
    text-decoration: none;
}


.foot-head h6{
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 600;
    color: #D4D3D3 !important;
    text-transform: uppercase;
}

.foot-head ul{
    display: block;
    list-style: none;
    padding:0;
    margin: 0;
}

.foot-head ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #D4D3D3;
    padding:8px 0 8px 0; 
    font-size: 14px;
}



.foot-head ul li Strong{
    color:#D4D3D3;
    text-transform: uppercase;
}
.foot-head ul li a,  .foot-head ul li{
    color:#D4D3D3;
    
    
}

.foot-head ul li a:hover{
    text-decoration: none;
    color:#D4D3D3;
    
}

.foot-bot ul{
    display: block;
    list-style: none;
    padding:0;
    margin: 0;
}

.foot-bot ul li {    
    float: left;
    padding:8px 15px 8px 15px; 
    font-size: 14px;
}

.foot-bot ul li a{
    color:#D4D3D3;
}

.foot-bot ul li a:hover{
    text-decoration: none;
    color: #FFF;    
}
.copyright{font-size: 10px !important;}
.contact-bar{
	height: 120px;
}







.contact-bar .icofont-ui-dial-phone, .contact-bar .icofont-brand-whatsapp, .contact-bar .icofont-location-pin, .contact-bar .icofont-envelope{
	font-size: 25px;
	padding:22px;
	border-radius: 50%;
	border:1px solid rgba(155,153,153,0.3);
	transition: .5s;
	color:#1566A7;
	background:#E0EBF4;
}

.contact-bar:hover .icofont-ui-dial-phone,  .contact-bar:focus .icofont-ui-dial-phone, .contact-bar:active .icofont-ui-dial-phone,
.contact-bar:hover .icofont-brand-whatsapp, .contact-bar:focus .icofont-brand-whatsapp, .contact-bar:active .icofont-brand-whatsapp,
.contact-bar:hover .icofont-location-pin,  .contact-bar:focus .icofont-location-pin, .contact-bar:active .icofont-location-pin,
.contact-bar:hover .icofont-envelope, .contact-bar:focus .icofont-envelope, .contact-bar:active .icofont-envelope{
	background:#1566A7;
	color: #FFF;
	border:1px solid rgba(256,256,256,0.3);
}

.form  label{
	font-size:14px !important;
	font-weight: 600;
	color: #494848 !important;
	
}

.form .form-control{
	border:1px solid rgba(155,153,153,0.3) !important;
	background:#E0EBF4 !important;
	
}

.card-header{
	background:#FFF !important;
}
.card-header h2 button{
	font-weight: 600;
	color: #000;
}

.card-header:hover h2 button{
	text-decoration: none;
	color: #000;
	box-shadow: none !important;
}

.switch-version-1 {
    position: fixed;
    top:140px;
    right:55px;
    z-index: 1000;
}

.switch-version-1 p {
	width:49px;
	height:47px;
	position: absolute;

}

.switch-version2 {
    position: fixed;
    top:200px;
    right:55px;
    z-index: 1001;
}

.switch-version2 p {
        width:49px;
		height:47px;
        position: absolute;
    }