/*=============================================================Top navigation bar=============================================================*/

/* Any page that should only be displayed on a mobile device */
#top-navigation-bar ul li.mobileonly{
	display:none;
}

.navbar-inverse .navbar-toggle {
    border-color: #b5b5b5 !important;
}

.navbar-toggler{
width: 47px;
height: 34px;
border-color:#fff !important;
margin-top: 8px;
float: right !important;
margin-right: 15px !important;

}

.navbar-toggler .line{
width: 100%;
float: left;
height: 2px;
background-color: #fff;
margin-bottom: 3px;
margin-top: 2px;

}

#navbar-spacer{
    height: 41px; 
    display:none;

}

#mobile-banner{    
    display: none;

}
#mobile-logo {    
    display: none;    
    float: left; 
    margin-top: 5px; 
    margin-left: 3px;

}
#navbar-holder {    
    padding-left:0;    
    padding-right: 0;	
    max-width: 1000px;	
    margin-left: 0px;

}

#expanded-navigation {
    text-align: center;
    width: 100%;
    margin: 0 auto;

}

#navigation::after{
    clear:both;

}

#navigation {    
    position: relative;    
    /*border-top: 1px solid #0018A5;*/

}
#top-navigation-bar.sticky {     
    position: fixed;     
    top: 0;  }
#top-navigation-bar .container {   
    margin-left:0px;

}

#top-navigation-bar {	
    background-color: #2e31ab;    
    border: 0px;    
    border-radius: 0px;    
    margin: 0px; 	
    text-align: center;	
    z-index: 100;	
    display: block;	
    padding: 0px;	
    font-size: 11px !important;	
    font-weight: 500;    
    min-height: 40px;	
    border-bottom: 1px solid #2e31ab;

}

#top-navigation-bar ul li #homeleft {    
    /*background-image: url("/images/custom/menu/mainmenu-background-home.png");    
    background-position: left bottom;    
    background-repeat: no-repeat; */    
    height: 100%;

}

#top-navigation-bar ul li.home a{	
    background-image: url(/images/custom/menu/home.png);	
    background-position: 18px 13px;	
    background-repeat: no-repeat;	
    padding-left: 35px;  	
    color: #ffffff !important;	
    font-size: 11px;	
    font-family: Arial,Helvetica,'Helvetica Neue',Verdana,sans-serif;	
    padding-right: 10px;

}

.navbar-collapse.in {
    display: block !important;
}

#top-navigation-bar ul li:hover {	
    color: #FFF !important;	
    text-decoration: none;	
    background-color: #a9a4a3;	

}
#top-navigation-bar ul li.current{	background-color: #35BFFF; 	}
#top-navigation-bar ul li a {
    color: #fff !important;	
    color: #ffffff !important;    	
    font-family: Arial,Helvetica,'Helvetica Neue',Verdana,sans-serif;    
    font-size: 11px;    
    padding: 10px 20px;	
    display: block;	
    text-decoration: none;	
    text-align: left;    
    border-top: 1px solid #2E3FA0;     
    border-bottom: 1px solid #2E3FA0;	

}	

#top-navigation-bar ul li {
    background-image: url("/images/custom/menu/mainmenu-background-rhs.png"), url("/images/custom/menu/mainmenu-background-lhs.png");    
    background-position: right bottom, left bottom;    
    background-repeat: no-repeat;    
    background-color: #2e31ab;	
    list-style: none;	/* float: left; */	
    font-size: 11px !important;	
    z-index: 10;	
    font-family:Arial,Helvetica,'Helvetica Neue',Verdana,sans-serif;	
    text-transform: uppercase;

}

#top-navigation-bar ul li span {	
    color: #ffffff !important; 	
    font-size: 11px;	
    font-weight: 500;	
    font-family: Arial,Helvetica,'Helvetica Neue',Verdana,sans-serif;

}

#top-navigation-bar ul li:hover {	
    color: #FFF !important;	
    text-decoration: none;	
    background-color: #a9a4a3;	

}

#top-navigation-bar ul li:hover a {	color: #fff !important;}  
                                                                                                                                                                                                                                                                                                                                                           
#top-navigation-bar ul {	
    background-color: #2e31ab;	
    padding: 0 0px;	
    list-style: none;	
    position: relative;	
    z-index: 10;	
    margin-bottom: 0px;	
    margin-top: 0px;	
    margin-left: 0;	
    float: none;	
    width: 865px;	

}

#top-navigation-bar ul:after {	
    content: ""; 
    clear: both; 
    display: block;	

}

#top-navigation-bar ul ul {	
    display: none;	
    z-index: 10;    
    background-color: #2e31ab; 	
    border-radius: 0px; 	
    padding: 0;	
    position: absolute; 
    top: 100%;	
    margin-left: 0px;	
    width:225px;

} 

#top-navigation-bar ul ul li {	
    float: none; 	/*border-top: 1px solid #6b727c; */	
    border-bottom: 1px solid #575f6a; 
    position: relative;	
    background: none;	
    color: #fff !important;

}

#top-navigation-bar ul ul li a {	
    color: #fff;	
    background: none;    
    border-top: 1px solid #2e3fa0;    
    border-bottom: none;}	
 #top-navigation-bar ul ul li a:hover {	color: #fff;	}		 
 #top-navigation-bar ul ul ul {	position: absolute; left: 100%; top:0;} 
 #top-navigation-bar ul li:hover > ul {	display: block;	z-index: 10;} 
 #top-navigation-bar ul li.booking{	background-color: #FFF711;    color: #000000 !important; 	}  
 #top-navigation-bar ul li.booking a{    color: #404040  !important; 	} 

 /*=============================================================Breadcrumb=============================================================*/
 #breadcrumb {	
     padding: 0px;	
     background-color: #2E31AB;	
     color: #E0E0E0;	
     border-radius: 0px 0px 3px 3px;	
     box-shadow: 0 0 10px #404040; 	
     height: 22px;	

 }

 #breadcrumb  ul {	
     display: block;	
     list-style: none;	
     position: relative;	
     font-size: 10px;	
     margin:0px;	
     padding-left: 30px;	

 }

 #breadcrumb  ul  li.youarehere {	
     font-weight:700;	

 }

 #breadcrumb  ul:after {	
     content: ""; 	
     clear: both; 	
     display: block;	

 }

 #breadcrumb  ul li {	
     list-style: none;	
     float: left;	
     font-size: 9px;	
     font-family:Arial,Helvetica,'Helvetica Neue',Verdana,sans-serif;	
     color: #E0E0E0;	
     padding-right: 5px;	
     padding-top:0px;	
     padding-bottom:4px;	
     padding-left:1px;	
     text-transform: uppercase;	

 }

 #breadcrumb  ul li a:hover {	
     background-color: #a9a4a3;

 }

 #breadcrumb  ul li a{	
     color: #E0E0E0 !important;

 }
 
 @media (max-width: 991px) {    
     #top-navigation-bar ul { 
         width: 100%;		
         font-size: 11px;    

     }	

     #top-navigation-bar ul li a {		
         font-size: 10px;		
         padding: 10px;	

     }

 }
 
 @media (max-width: 767px) {
     #top-navigation-bar ul {	
         width: 100%;	

     }

     #breadcrumb  ul li {	
         padding-right: 3px;

     }	

     #expanded-navigation{	
         width: 100%;	 
		 padding: 0;
		 /*
         margin-left: -15px;    
         margin-right: -15px;	
		 */
		 }    

     .navbar-header {        
         float: none;		
         margin-left: 0px !important;		
         margin-right: 0px !important;
		min-width: 320px;		 }  
       
     .navbar-toggle {        
         display: block;    }    

     .navbar-collapse {        
         border-top: 1px solid transparent;        
         box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);    

     }    
 
     
     .navbar-nav {        
         float: none!important;       
          margin: 7.5px -15px;		
          width: 100%;    

     }    
     
     .navbar-nav>li {        
         float: none;    

     }    
     
     .navbar-nav>li>a {        
         padding-top: 10px;        
         padding-bottom: 10px;    

     }    .navbar-text {        
              float: none;        
              margin: 15px 0;    

          }        
          
          .navbar-collapse.collapse.in {         
              display: block!important;    }    
          
          .collapsing {        
              overflow: hidden!important;    
			transition: 0.3s;
          }    
          
          #header{         
              display: none;    

          }    
          
          #mobile-logo{display: inline;} 
             
          #mobile-banner{        
              display: inline;        
              float: left;        
              margin-top: 15px;        
              margin-left: 5px;        
              color: white;        
              font-size: 14px;        
              font-weight: 800;        
              font-family: "Open Sans Condensed";        
              text-transform:uppercase;    

          }    
          #top-navigation-bar {        
              width: 100%;    

          }        
          
          #top-navigation-bar ul li {            
              margin-left: 0px;			
              width: 100%;        

          }     
             
          #breadcrumb ul {            
              padding-left: 15px;        

          }	
          					
          #top-navigation-bar ul li {    
              background-color: #2e31ab;    
              background-image: none;	

          }	
          			
          .youarehere {			
              display: none;			

          }

 }
 
 @media (max-width: 450px) {    
     
      #breadcrumb  ul li {	
     font-size: 10px;	
     font-family: "Open Sans Condensed",Arial,Helvetica,'Helvetica Neue',Verdana,sans-serif;	
 }
         
     #breadcrumb {            
         /*display: none; */        

     }



 }
 
 @media (max-width: 330px) {       
     #mobile-banner{        
         font-size: 13px;    

     }

 }