body {
   
	/*background: linear-gradient(to bottom,  
				rgba(26,49,95,1) 0%,
				rgba(26,49,95,1) 10%,
				rgba(29,108,141,1) 24%,
				rgba(41, 136, 151, 1) 37%,
				rgba(39,45,100,1) 77%,
				rgba(26,49,95,1) 90%,
				rgba(26,49,95,1) 100%);*/
 
}

#topnav {
   
	width: 100%;
	font-family: roboto;
    font-size: 18px;
	list-style: none;

}
#features {
	text-align: center;
}

.page input[type=password]{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: white;
}


#features img {
	margin: 0 0 20px;
}
.panel{padding:15px;margin-bottom:20px;background-color:#fff;border:1px solid #ddd;border-radius:4px;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}
.panel-heading{color:#3a87ad;background-color:;border-color:#bce8f1; text-align:center;}
.img-circle{border-radius:500px; text-align:center;}
.navs{
list-style-type: none;
background-color:#728C00;
border-color:transparent;
height:100px;
}

#sidebaradmin a{width:100%; min-height:; padding:; font-family: roboto; font-size: 20px; margin-top: 1%; margin-left: ; background-color:#FF8C00; position:;}

#sidebaradmin {color: black; width:; padding-top:4%;}
#sidebaradmin a:hover{color: white; text-decoration:; font-size: 21px; background-color:#FFA500; }
 
 #sidebarUladmin a{margin-top:-8px;}

#main {padding-top:4%;}
#sidebar{width:100%; min-height:100%; padding:; font-family: roboto; font-size: 21px; margin-top:30%; margin-left: ; background-color:; position:;}
#sidebar a{color: black; width:100%; padding:;}
#sidebar a:hover{color: green; text-decoration: ; font-size: 22px; }

#topnav li a{
margin-right:15px;
color: white;
}
#shuttle{
 height: 50px; 
 width: 100%; 
 margin-bottom: 15px; 
 border: 1px solid #d9d9d9;
 border-top: 1px solid #c0c0c0;
 background-color: white;
 color: black;
padding: 0 8px; 
box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 font-size: 16px;
}
#select{
 height: 50px; 
 width: 100%; 
 margin-bottom: 15px; 
 border: 1px solid #d9d9d9;
 border-top: 1px solid #c0c0c0;
 background-color: white;
 color: black;
padding: 0 8px; 
box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 font-size: 16px;
}

#countries{
 height: 50px; 
 width: 100%; 
 margin-bottom: 15px; 
 border: 1px solid #d9d9d9;
 border-top: 1px solid #c0c0c0;
 background-color: white;
 color: black;
padding: 0 8px; 
box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 font-size: 16px;
}

#logo {
margin-top:-15px;
list-style: none;
}

#location{
	margin-top:20px;
	}
	#locationss{
	margin-top:180px;
	}
.login html{
    padding: 5%;
    height: 100%;
    width: 100% !important;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
   
}
.shuttles-container {
    padding: 30px;
    max-width: 360px;
    height: 300px;
    width: 100% !important;
    background-color: #151B54;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: ;
    overflow: hidden;
    font-family: roboto;
}	
#shuttles{
    
	color: white;
    text-align: center;
    font-size: 1.8em;
    font-family: calibri;
	margin-top: 50%;
}
.loyalty-container {
    padding: 30px;
    max-width: 360px;
    height: 300px;
    width: 100% !important;
    background-color: red;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: ;
    overflow: hidden;
}
#loyalty{
    
	color: white;
    text-align: center;
    font-size: 1.8em;
    font-family: calibri;
	margin-top: 50%;
}
.group-container {
    padding: 30px;
    max-width: 360px;
    height: 300px;
    width: 100% !important;
    background-color: #728C00;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: ;
    overflow: hidden;
    font-family: roboto;
}
#group{
    
	color: white;
    text-align: center;
    font-size: 1.8em;
    font-family: calibri;
	margin-top: 50%;
}
.future-container {
    padding: 30px;
    max-width: 360px;
    height: 300px;
    width: 100% !important;
    background-color: #EAC117;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    font-family: roboto;
}
#future{
	color: white;
    text-align: center;
    font-size: 1.8em;
    font-family: calibri;
	margin-top: 50%;
}
.login-container {
    padding: 30px;
    max-width: 360px;
    height: auto;
    width: 100% !important;
    background-color: #F7F7F7;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    font-family: roboto;
}
.login-container h3 {

	color: black;
    text-align: center;
    font-size: 1.8em;
    font-family: roboto;
	margin-top: 5%;
}

.login-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
	font-size: 18px;
}

.login-container input[type=text], input[type=password]{
    height: 44px;
	width: 100%;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: black;
}

.login-container input[type=text]:hover, input[type=password]:hover{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}




.location-container input[type=text]:hover, input[type=submit]:hover{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

	

#or{
	color: black;
    text-align: center;
    font-size: 25px;
    font-family: Tempus Sans ITC;
	margin-bottom:-15px;
}	
#Submitmessage{
color: white;
width:170px;
height:45px;
background-color: #347C17;
font-family:roboto;
font-size: 18px;
border: 1px solid #b9b9b9;
margin-bottom:25px;
}
#Submitmessage:hover{
 border: 1px solid #2f5bb7; 
    border: 0px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
color: #fff;
height:45px;
background-color: #306754;
font-family: roboto;
font-size: 24px;
}
.comment-container{
	padding-right: 30px;
	margin-top:-70px;
    height: auto;
    width: 100% !important;
    background-color:;
    margin: 0 auto;
	 margin-bottom: 30px;
    border-radius: 2px;
    box-shadow: 5px 5px 5px rgba(0,0,1,0.5);
    overflow: hidden;
    font-family: roboto;
	}
.comment-container input[type=submit] {
    width: 30%;
    display: block;
    margin-bottom: 10px;
    position: relative;
	font-size: 18px;
}

.comment-container input[type=text]{
    height: 44px;
	width: 100%;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: black;
}
#contacts{
	color: black;
    text-align: left;
    
	font-weight:400;
    font-family: roboto;
	margin-bottom: 1px;
}
#footers{
	color: #25383C;
	font-weight:700;
    font-size: 17px;
	margin-bottom:10px;
	margin-top:-20px;
    font-family: roboto;
}
.cell-container{
margin-bottom: 40px;
}
#contactcell{
	font-weight:700;
	color: black;
    text-align: left;
    font-size: 1.5em;
    font-family: Adobe Hebrew;
	
}


#services{
	padding:30px 30px;
	background-color:white ;
	margin-top: 40px;
	margin-bottom: 40px;
    text-align: left;
}
#contact{
	color: black;
    text-align: left;
    font-size: 1.3em;
    font-family: roboto;
}
#aboutinfo1{
    margin-top: 15px;
	color: #000080;
    text-align: center;
    font-size: 1.8em;
    font-family: Adobe Gothic Std B;
}
#aboutinfo{
   background: linear-gradient(to bottom,  
                rgba(26,49,95,1) 0%,
                rgba(26,49,95,1) 10%,
                rgba(29,108,141,1) 24%,
                rgba(41, 136, 151, 1) 37%,
                rgba(39,45,100,1) 77%,
                rgba(26,49,95,1) 90%,
                rgba(26,49,95,1) 100%);
    margin-bottom: 15px;
	color: white;
    text-align: center;
    font-size: 1.8em;
    font-family: Adobe Gothic Std B;
}
#servicesinfo{
    margin-bottom: 15px;
	color: #FFA62F;
    text-align: center;
    font-size: 1.8em;
    font-family: Adobe Fan Heiti Std B;
}

#aboutinfosubcontent{
margin-bottom: 15px;
	color: #728C00;
    text-align: left;
    font-size: 1.2em;
    font-family: Adobe Gothic Std B;
}
.comments-container textarea{
    
	width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: black;
}
.comments-container input[type=text]:hover{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

	
.location-container {
   /* padding-top: 400px;*/
    padding: 30px 30px;
	margin-top:200px;
    height: auto;
    width: 100% !important;
    background-color: ;
    margin: 0 auto;
    overflow: hidden;
    font-family: roboto;
}
.booking-container {
   /* padding-top: 400px;*/
    padding: 30px 30px;
	margin-top:200px;
    height: auto;
    width: 100% !important;
    background-color: ;
    margin: 0 auto;
    overflow: hidden;
    font-family: roboto;
}
.booking-container input[type=text]{
color: black;
   height: 50px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 15px;
    -webkit-appearance: none;
    background: #fff;
    border: 2px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#insertbtn{
background-color:#9DC209 ;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
width:90%;
}

#insertbtn:hover{
background-color:green ;
width:95%;
 font-size: 19px;
 box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
}

.booking-container input[type=submit] {
    width: 10%;
	background-color:green ;
	height: 50px;
    font-size: 16px;
    width: 50%;
    margin-bottom: 15px;
}

.location-container h3 {
color: black;
    text-align: center;
    font-size: 1.8em;
    font-family: roboto;
	
	
}
.location-container input[type=submit] {
    width: 10%;
	
	height: 50px;
    font-size: 16px;
    width: 50%;
    margin-bottom: 15px;
}
.location-container input[type=text], input[type=password]{
color: black;
   height: 50px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 15px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#login_form{
color: white;
}


 .location-submit:hover {
    /* border: 1px solid #2f5bb7; */
    border: 0px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    background-color: #357ae8;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}
#mainnav1{
margin-right: 10px;
}
#mainnav2{
margin-right: 10px;
}
#topnav li a:hover {
    color: white;
    text-decoration: ;
	font-family: roboto;
    font-size: 20px;
	background-color: #B2C248;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: monospace;
font-weight: 500;
line-height: 1.1;
color: inherit;
}

#formlabel{
color: white;
font-size:17px;
font-family: monospace;
}

.navbar{
padding-top:;
}

ul.tabber {
width:100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: transparent;
    background-color: transparent;
}
ul.tabber li a {
width:25%;
float: left;
border-right: ;
border-left:  ;
background-color: transparent;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}
/* Change background color of links on hover */
ul.tabber li a:hover {background-color: green;color: white; text-decoration: ; font-size: 18px;width:25%;}

/* Create an active/current tablink class */
ul.tabber li a:focus, .active {background-color:transparent ;
border-right: 1px solid  white ;
border-left: 1px solid white ;
border-top:1px solid white;
background:transparent ;
border-bottom: none ;
}
ul.tabber li { width:100%;}
.tab-content>.tab-pane{display:none}.tab-content>.active{display:block;background-color: transparent;}


ul#admintabber {
width:100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: transparent;
    background-color: transparent;
}
ul#admintabber li a {
width:40%;
float: left;
border-right: ;
border-left:  ;
background-color: transparent;
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}
/* Change background color of links on hover */
ul#admintabber li a:hover {background-color: green;color: white; text-decoration: ; font-size: 18px;width:43%;}

/* Create an active/current tablink class */
ul#admintabber li a:focus, .active {background-color:#616D7E ;
border-right: 4px solid  #616D7E ;
border-left: 4px solid #616D7E ;
border-top:4px solid #616D7E;

border-bottom: none ;
}
ul#admintabber li { width:100%;}
.tab-content>.tab-pane{display:none}.tab-content>.active{display:block;background-color: transparent;}




ul.tabbe {
	width:100%;
    list-style-type: none;
    margin: 0;
	
    padding:0;
    overflow: hidden;
    border: transparent;
    background-color: transparent;
}
ul.tabbe li a {
	width:30%;
	float: left;
	border-right: ;
	border-left:  ;
	background-color: transparent;
    display: inline-block;
    color: white;
    text-align: center;
    height: 60px ;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
	padding:14px 16px;
}
/* Change background color of links on hover */
ul.tabbe li a:hover {background-color: green;color: white; text-decoration: ; font-size: 18px;width:40%;}

/* Create an active/current tablink class */
ul.tabbe li a:focus, .active {background-color:transparent ;
border-right: 1px solid  white ;
border-left: 1px solid white ;
border-top:1px solid white;
background:transparent ;
border-bottom: none;
}





.tabcontent {
    display: none;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-top: ;
	padding-top:20px;
	padding-bottom:15px;
}

.tabcontent input[type=text]{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: white;
}

#editing input[type=text]{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: white;
}

#btn {
height: 44px;
  margin-bottom: 9px;   
}
.search input[type=text]{
    height: 44px;
    font-size: 16px;
    width: 85%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: ;
	color:black ;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding:;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	
}

#timeid{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: white;
}
#timeids{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: white;
}
#returntimeid{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: white;
}

#country{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color: white;
}


#insert {
color: #fff;
width:40%;
height:50px;
background-color: transparent;
border-color: white;
font-family: roboto;
font-size: 19px;
}
#insert:hover{
 border: 1px solid #2f5bb7; 
    border: 0px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
color: #fff;
background-color: green;
font-family: roboto;
font-size: 21px;
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
	#myCarousel .item { height: 310px; }
	
	#slide1 {
		background: url('images/phone1.png') top center no-repeat;
	}
	
	#slide2 {
		background: url('images/phone2.png.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('images/phone3.png.jpg') top center no-repeat;
	}
	#slide4 {
		background: url('images/phone4.png.jpg') top center no-repeat;
	}
	
	.carousel-caption {
		font-size: 16px;
	}
	
	.carousel-caption h4 {
		font-size: 22px;
	}
	
}

/* Large desktop */
@media (min-width: 1200px) {

	#myCarousel .item {  }
	
	#slide1 {
		background: url('images/photo1.png') top center no-repeat;
	}
	
	#slide2 {
		background: url('images/photo2.png') top center no-repeat;
	}
	
	#slide3 {
		background: url('images/photo3.png') top center no-repeat;
	}
	#slide3 {
		background: url('images/photo4.png') top center no-repeat;
	}

}

#homeheader{
font-family: Arial Black;
font-size:28px;
text-align: center;
color: #15317E;
}

#homeheader1{
font-family: Arial Black;
font-size:20px;
text-align: left;
color: #15317E;
}

#subheader{
font-family: Arial Black;
font-size:21px;
color: #15317E;
text-align: left;

}
#subheader1{
font-family: monospace;
font-weight: 900;
font-size:18px;
line-height: 1.1;
text-align: center;
color: black;
}
#servicessubheader{
font-family: Lucida Bright;
font-weight: 900;
font-size:18px;
line-height: 1.1;
text-align: left;
color: black;
margin-top:200px;
}
#pic{
font-family: Calibri;

font-size:12px;
line-height: 1.1;
text-align: left;
color: black;
margin-top:;
margin-bottom:25px;
}
#contentst{
font-family: Lucida Calligraphy;
font-weight: 100;
font-size:14px;
line-height: 1.1;
text-align: left;
color: #C35817;
}
#iconcontent{
font-family: Arial Black;
font-size:16px;
text-align: left;
color: dark grey; 
border-bottom: 2px solid #d9d9d9; 

}
#icocontent{
font-family: roboto;
text-align: center;
font-size: 18px;
color:rgb(9, 8, 8);
line-height: 1.1;
font-weight: 900;
border-bottom: 2px solid #d9d9d9; 
}
#icosubcontent{
font-family: roboto;
text-align: center;
font-size: 15px;
color:rgb(9, 8, 8);
line-height: 1.1;
font-weight: 500;
margin-bottom: 20px;
}

#servicessubcontent{
font-family: roboto;
font-size: 18px;
color:#15317E;
line-height: 1.1;
font-weight: 500;
}
#iconsubcontent{
font-family: roboto;
font-size: 18px;
color:rgb(9, 8, 8);
font-weight: 500;
}
#servicecontent{
font-family:Calibri;
font-size: 17px;
color:black;
text-align: left;
font-weight: 500;
}
#servicesubcontent{
font-family: roboto;
font-size: 18px;
color:#5C5858;
font-weight: 500;
}
#icontents{
font-family: calibri;
font-size: 17px;
text-align: left;

font-weight: 300;
margin-bottom: 0px;
margin-bottom: 20px;
}



#contents{
font-family: roboto;
font-size: 14px;
color:black;
text-align: left;
font-weight: 300;
margin-bottom: 0px;
}

#icontents a:hover {
    list-style-type: none;
   color:#151B54;
   font-weight: 900;
}


#bottomnav{
background-color:transparent ;
float:right;
}
#bottomnav li a{
margin-right:15px;
color:white;
}
#bottomnav{
 background: linear-gradient(to bottom,  
                rgba(26,49,95,1) 10%,
                rgba(26,49,95,1) 10%,
                rgba(29,108,141,1) 10%,
                rgba(41, 136, 151, 1) 10%,
                rgba(39,45,100,1) 10%,
                rgba(26,49,95,1) 10%,
                rgba(26,49,95,1) 10%);
 font-family: calibri;
    font-size: 19px;
	
}
#bottomnav li a:hover {
	color: white;
    text-decoration: ;
	font-family: roboto;
    font-size: 21px;
	background-color: #B2C248;
}


#menuitems li a{
color:white;
margin-right:15px ;
margin-top:;
font-family: calibri;
}
#menuitems{
 background-color:transparent ;
 font-family: roboto;
 font-size: 19px;
	
}
#menuitems li a:hover {
	color: white;
    text-decoration: none ;
	font-family: roboto;
    font-size: 21px;
	background-color: #B2C248;
}


#navcontactcell{
margin-top:-125px ;
float:right;
}

#call{
padding: 15px 30px;

color: white;
width:230px;
height:60px;
background: linear-gradient(to bottom,  
                rgba(26,49,95,1) 0%,
                rgba(26,49,95,1) 10%,
                rgba(29,108,141,1) 24%,
                rgba(41, 136, 151, 1) 37%,
                rgba(39,45,100,1) 77%,
                rgba(26,49,95,1) 90%,
                rgba(26,49,95,1) 100%);
font-family: Lucida Calibri;
font-size: 20px;

margin-top:-70px ;
float:right;
}

#us{
padding-right:10px ;
color: white;
background-color: #728C00;
font-family: Lucida ;
font-size: 26px;
border: 1px solid #b9b9b9;


}
#userbtn{
box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
color: #fff;
width:200px;
height:50px;
background: linear-gradient(to bottom,  
				rgba(26,49,95,1) 0%,
				rgba(26,49,95,1) 10%,
				rgba(29,108,141,1) 24%,
				rgba(41, 136, 151, 1) 37%,
				rgba(39,45,100,1) 77%,
				rgba(26,49,95,1) 90%,
				rgba(26,49,95,1) 100%);
font-family: roboto;
font-size: 19px;
border: 1px solid #b9b9b9;
margin-top: ;

}
#userbtn:hover{
 border: 1px solid #b9b9b9; 
	width:205px;
height:54px;
	color: white; 
	text-decoration:;
    text-shadow: 0 1px rgba(0,0,0,0.3);
background-color: #41A317;
font-family: roboto;
font-size: 22px;
}

#adminbtn{
box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
color: #fff;
width:200px;
height:50px;
background-color: #DC381F;
font-family: roboto;
font-size: 19px;
border: 1px solid #b9b9b9;
margin-top: ;
margin-bottom: 30px;

}

#adminbtn:hover{
 border: 1px solid #2f5bb7; 
    border: 0px;
	width:210px;
height:58px;
	color: white; 
	text-decoration: ;
    text-shadow: 0 1px rgba(0,0,0,0.3);
background-color: #FF0000;
font-family: roboto;
font-size: 22px;
}


#adminbtns{
box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
color: #fff;
width:200px;
height:50px;
background-color: green;
font-family: roboto;
font-size: 19px;
border: 1px solid #b9b9b9;
margin-top: ;
margin-bottom: 30px;

}

#adminbtns:hover{
 border: 1px solid #2f5bb7; 
    border: 0px;
	width:210px;
height:58px;
	color: white; 
	text-decoration: ;
    text-shadow: 0 1px rgba(0,0,0,0.3);
background-color: blue;
font-family: roboto;
font-size: 22px;
}



#content{
font-family: roboto;
font-size: 22px;
color: rgb(9, 8, 8);

}
#admintable {width:100%; height:100px; border-right: 2px solid #708090; 
	border-left: 2px solid #708090; 
	border-top: 2px solid #708090; 
	border-bottom: 2px solid #708090; 
	}
	
	
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

a {color: #1c588f;}
a:hover, a:focus {color: #c9376e !important; text-decoration: none;}
a:active {background-color: transparent;}



i {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	font-style: normal;
	background-repeat: no-repeat;
	margin-right: 15px;
}


/*===================================================*/
/* 2. PAGE ITEMS, WIDGETS */
/*===================================================*/

.content, .sidebar {padding: 0px 0;}

.boxed {
    background: #fff;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    margin-bottom: 30px;
	position: relative;
}
.boxed-blue {background: #1c588f;}
.boxed-dark {background: #142439;}
.boxed-light {background: #e5eff6;}

.boxed.red-line {border-top: 4px solid #c9376e;}
.boxed.green-line {border-top: 4px solid #9cd70e;}
.boxed.blue-line {border-top: 4px solid #4bb4e8;}

.widget-container {margin-bottom: 30px;}
.widget-full-width {margin-bottom: 100px;}

.caroufredsel_wrapper {margin: 0 auto !important;}

@media (max-width: 767px) {
    .content, .sidebar {padding: 20px 0;}
}




/* Main Menu */
/*-----------------------------------*/

/* Level 0 */
.menu {background: #398fc7; z-index: 1000;}
.ie8 .menu {filter:none; background: #398fc7;}  /* IE8 understands dropdown feature only without gradient */
.menu a:hover, .menu a.hover {color: #fff !important;}

.menu li {position: relative;}
.menu > li {
    float: left;
    width: 16.666666666666664%;
    border-top: 3px solid #4bb4e8;
}
.menu > li:hover, .menu > li.hover {border-top-color: #9cd70e; z-index: 1;}

.menu > li > a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 8px;
    padding: 20px 5px;
    text-shadow: 0 1px 1px rgba(45,118,158,0.5);
    border-top: 2px solid #3484bd;
    border-left: 1px solid #4b9cce;
    border-right: 1px solid #1e86b5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu > li:first-child > a {border-left-color: transparent;}
.menu > li:last-child > a {border-right-color: transparent;}

.menu > li:hover > a,
.menu > li.hover > a {
    background: #52b1dd;
    border: none;
    border-top: 2px solid #4aa3d2;
    -webkit-box-shadow: 0 2px 4px rgba(21,80,94,0.75);
    box-shadow: 0 2px 4px rgba(21,80,94,0.75);
}
.menu-icon {
    display: block;
    width: 30px;
    height: 20px;
    margin: 0 auto 13px;
    background: url(images/icons/menu-icons.png) 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .menu-icon {
        background-image: url(images/icons/menu-icons-x2.png);
        background-size: 60px auto;
    }
}


.menu > li:hover > a .menu-icon, .menu > li.hover > a .menu-icon {background-position: -30px 0;}
.menu > li:hover > a .menu-icon-2, .menu > li.hover > a .menu-icon-2 {background-position: -30px -30px;}
.menu > li:hover > a .menu-icon-3, .menu > li.hover > a .menu-icon-3 {background-position: -30px -60px;}
.menu > li:hover > a .menu-icon-4, .menu > li.hover > a .menu-icon-4 {background-position: -30px -90px;}
.menu > li:hover > a .menu-icon-5, .menu > li.hover > a .menu-icon-5 {background-position: -30px -120px;}
.menu > li:hover > a .menu-icon-6, .menu > li.hover > a .menu-icon-6 {background-position: -30px -150px;}
.menu > li:hover > a .menu-icon-7, .menu > li.hover > a .menu-icon-7 {background-position: -30px -180px;}
.menu > li:hover > a .menu-icon-8, .menu > li.hover > a .menu-icon-8 {background-position: -30px -210px;}
.menu > li:hover > a .menu-icon-9, .menu > li.hover > a .menu-icon-9 {background-position: -30px -240px;}

/* Level 1+ */
.menu ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 9499;
    width: 100%;
    min-width: 100px;
}
.menu > li:hover > ul, .menu > li.hover > ul {
    top: 93px;
    left: 0;
}

.menu ul li:first-child > a {border-top: none;}
.menu ul li:last-child > a {border-bottom: none;}
.menu ul li:hover > a, .menu ul li.hover > a {background: #52b1dd; border-color: #408aaf;}

.menu ul li:hover:before, .menu ul li.hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #c9376e;
}

/* Level 2+ */
.menu ul li:hover > ul, .menu ul li.hover > ul {
    position: absolute;
    top: 1px;
    left: 100%;
    width: 101%;
    padding-left: 1%;
}

/* Responsive Menu */
@media (max-width: 991px) {
    .menu > li > a {font-size: 13px;}
    .menu ul li a {font-size: 12px;}
}
@media (max-width: 767px) {
    .menu > li {float: none; width: 100%;}

    .menu > li:hover > ul,
    .menu > li.hover > ul,
    .menu ul li:hover > ul,
    .menu ul li.hover > ul {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
    }

    .menu.style2 > li {border-bottom: none;}

    .menu.style2 > li > a,
    .menu.style2 > li:last-child > a {
        padding: 18px 5px 16px 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }
}

/*-----------------------------------*/
/* Statistics */
/*-----------------------------------*/

.widget-stats .widget-title {background: #164c87; }

.widget-stats .widget-title h3 {
    font-style: italic;
    font-weight: 400;
    color: #4fc4fe;
    margin: 0;
}
.widget-stats .widget-title a {
    float: right;
    color: #4fc4fe;
    font-size: 20px;
    margin-top: 3px;
}
.stats-content {overflow: hidden;}

.stats-content-left,
.stats-content-right {
    float: right;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
    position: relative;
}
.stats-content-left {width: 40%; background: #21649c;}
.stats-content-right {width: 60%; background: #fff;}

/*Left side*/
.stats-content-left > .inner {padding: 12px 20px;}
.stats-content-left h6 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 17px;
}
.stats-content-left .btn {display: block;}
.stats-content-left .btn span {padding: 0 60px 0 10px; font-weight: 400;}
.stats-content-left .progress {background-color: #103f77;}

/*Right side*/
.stats-select ul, .stats-tab {display: none;}
.stats-tab.active {display: block;}

.stats-select {
    position: absolute;
    top: 0;
    left: 0;
    right: 80px;
    z-index: 1;
    border-right: 1px solid #cad7e5;
    border-bottom: 1px solid #cad7e5;
    background: #fff;
    cursor: pointer;
}
.stats-select strong {
    display: block;
    height: 49px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #474748;
    padding-left: 20px;
    position: relative;
}
.stats-select strong:after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 13px;
    right: 6px;
    background: url(images/arrows-thin.png) 0 -50px no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .stats-select strong:after {
        background-image: url(images/arrows-thin-x2.png);
        background-size: 50px auto;
    }
}
.stats-select li {
    padding: 10px;
    padding-left: 20px;
}
.stats-select li:hover {
    background: #21649c;
    color: #fff;
}
.occupancy {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #cad7e5;
    text-align: right;
}
.occupancy span {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #474748;
    padding: 0 10px 0 16px;
    position: relative;
}
.occupancy span:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.occupancy.up span:before {border-bottom: 8px solid #9cd70e;}
.occupancy.down span:before {border-top: 8px solid #c9376e;}
.graph {height: 150px; padding-top: 16px;}

/*Responsive*/
@media (min-width: 768px) and (max-width: 991px) {
    .widget-stats .widget-title {padding: 10px 10px;}
    .stats-content-left > .inner {padding: 8px 12px;}
    .stats-select strong {padding-left: 10px;}
    .stats-select li {padding-left: 10px;}
    .stats-content-left .btn:before {display: none;}
    .stats-content-left .btn span {padding: 0 10px;}
}
@media (max-width: 479px) {
    .stats-content-left,
    .stats-content-right {
        float: none;
        width: 100%;
    }
}