/* Navigation Bar*/ 
p, address{
    font-family: 'Sanchez', serif!important;
}
a{
	font-family: 'Montserrat', sans-serif!important;
}
h1, h2, h3, h4{
	font-family: 'Montserrat', sans-serif!important;
}
.w3-teal, .w3-hover-teal:hover {
    background-color: #0e9dbf!important;
}
.navbar-inverse{
	background-color: #022859;
	box-shadow: 0px 0px 12px 5px #0003;
}

.footer {
	background-color: #022859!important;
	/* background-color: #252141!important; */
}
#toggle_bar {
  	max-height: 70vh !important;
}
.navbar {
	border: 0px;
	padding-top:7px;
	padding-bottom: 7px;
	margin:0px;
}
.navbar-header img{
	height:50px;
}
.navbar-brand {
	padding: 0px;
	cursor: pointer;
	transition-duration: .3s;
}

.logo-box span{
	cursor: pointer;
	font-family: sans-serif;
}
.navbar-brand>img {
	cursor: pointer;
	margin-top: -47px;
    height: 149px;
	padding: 5px;
	width: auto;
	display: inline-block;
}
.logo-box{
	display: inline-flex;
	flex-direction: column;
	margin-right:20px; 
} 
.logo-name{
	color: #ffffff;
	font-size: x-large;
	font-weight: bold;
}
.logo-description{
	color:#ffffff;
	font-size: smaller;
	font-weight: bold;
}
.navbar-nav i{
	color:#f1efe3;
	padding-right:7px;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color:#e11c46;
}
.navbar-inverse .navbar-nav>li>a {
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
}
.nav>li>a:hover{
	color: #ffec46!important;
}
.navbar-inverse .navbar-nav>li>.active{
	color: #ffec46;
}
.navbar-inverse .navbar-nav>li>a:focus{
	color: #e6ce53;
	background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
    background-color: #000000;
}
.navbar-collapse.in {
    background-color:black;
} 
.sub_menu{
	position: absolute;
	width: -webkit-fill-available;
	background-color:#07408a;
	box-shadow: 0px 0px 16px 5px #0005;
}
.sub_menu ul{
	padding-left: 0px;
}
.sub_menu li:nth-child(1){
	border-bottom: 1px solid #ffffff;
}
.sub_menu li{
	list-style-type: none;
	color: #ffffff;
	padding: 10px 15px;
}
.sub_menu li a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.sub_menu li a:hover{
	color: #ffec46!important;
}
@media (max-width:760px){
	.sub_menu{
	position: relative;
	}
}
/* nav-bar styles End */

/* Search bar Start */
.search_box{
	width: -webkit-fill-available;
	flex-direction:column;
	float:right;
	padding-left:5px;
	padding-right:5px;
	right: 5px;
}
.search_field{
	height:30px;
	width: 100%;
}
.search_box ul{
	position: absolute;
	box-shadow: 0px 0px 11px 1px #0005;
}
.search_result_ul li{
	cursor: pointer;
}
.sugg_type{
	cursor: auto!important;
	list-style-type:none;
	background-color: rgb(231, 35, 81);
	color: #ffffff;
	padding:4px;
}
.sugg_result{
	color: #000000;
}


@media (min-width:768px){
	.sub_menu{
		width: max-content;
	}
	.search_box{
		width:160px;
		/* width:230px; */
		/* position: absolute; */
		right: 5px;
	}
	.menu_name:hover .sub_menu{
		display: block!important;
		z-index: 9999999;
	}
	.navbar{
	/* min-height: 96px; */
    display: flex;
    flex-direction: row;
    align-items: center;
	}
}

/*End Navigation*/


/* Footer*/
.footer_top{
	background-color: #e72351;
	border-bottom: 1px dashed #ffffff;
}
.footer_top h2{
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (1600 - 320)));
}
.footer_top h2 a{
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
.footer {
	font-size:14px;
	display:flex;
	flex-wrap:wrap;
	height:auto;
	color:#fff;
	background-color:#0e9dbf;
	padding:10px;
}
.footer .ticket_booking{
	font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (1600 - 320)));
}
.footer h3{
	font-weight: 600;
	text-decoration: underline;
}
.footer a{
	color:#ffffff;
	cursor: pointer;
	text-decoration: none;
}
.memberships{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.memberships img{
	width: 120px;
}



#social_buttons_sticky{
	display:block;
    position: fixed;
    top: 30%;
	right:0px;
	z-index:1;
}
#social_buttons_sticky > a > img{
	margin-bottom:5px;
	background:white;
	cursor: pointer;
	width: 33px;
}

@media only screen and (max-width: 400px){
#social_buttons_sticky > a > img{
	width:25px;
}
}