/*@import http://fonts.googleapis.com/css?family=Raleway;

----------------------------------------------

CSS Settings For HTML Div ExactCenter

------------------------------------------------*/



html, body {

    width: 100%;

	background-color:#000;

    /*height: 100%;*/

}

.opt

{

	width: 10%;

}

.no

{

}

.time

{

}
.navbar
{
    background-color:#1de099;
}
.choice

{

       width: 80px;

}

#main {

width:960px;

margin:50px auto;

/*font-family:raleway*/

}

.checkCh

{

	width: 10%;

	height: 20px;

	

}

.hider

{

display:none;

}

.btn-left

{

	text-align: left;

}

.page-container {

	margin-top:12px;

	margin-left:15px;

	margin-right:15px;

	

}


#btn-newMessage

{

	margin-bottom: 12px;

	margin-left:auto;

	margin-right:auto;

	

}

.section-panel {

	padding: 10px;

border: 1px solid #ddd;

border-radius: 6px;

background: #ffffff;

}



.panel {

	border:1px solid #ddd;

}



.panel-heading {

	background-image:url(../images/expand-hdr-bg.png);

	background-repeat:repeat-x;

padding: 7px 15px;

min-height: 24px;

border-bottom:1px solid #ddd !important;

}



.form-control-numbertype {

	width:80px;

}

/*BG Video Styles */

	

	#pageVideo {

		/*position: absolute;

		right: 0;*/

		bottom: 0;

		top:0;

		right:0;

		width: 120%;

		/*background-size: 100% 100%;*/

 		background-color: black; /* in case the video doesn't fit the whole page*/

  		/*background-image:  our video ;*/

  		background-position: center center;

  		background-size: cover;

   		object-fit: cover; /*cover video background */

   		/*z-index:3;

		opacity:0.4;*/

	}

	

	.homepage-video {

		height: 100%;

		width: 100%;

		overflow: hidden;

		z-index: 3;

		position: absolute;

		top: 0;

		left: 0;

	}

	

	.video-overlay {

		width: 100%;

		height: 100%;

		opacity: 0.6;

		position: absolute;

		background-color: black;

	}

	

	.navbar {

		z-index:6;

	}





/* span {

color:red

}

*/



/*

h2 {

background-color:#FEFFED;

text-align:center;

border-radius:10px 10px 0 0;

margin:-10px -40px;

padding:15px

}

hr {

border:0;

border-bottom:1px solid #ccc;

margin:10px -40px;

margin-bottom:30px

}

#login {

width:300px;

float:left;

border-radius:10px;

font-family:raleway;

border:2px solid #ccc;

padding:10px 40px 25px;

margin-top:70px

}*/

/*input[type=text],input[type=password] {

width:99.5%;

padding:10px;

margin-top:8px;

border:1px solid #ccc;

padding-left:5px;

font-size:16px;

font-family:inherit;

}

input[type=submit] {

width:100%;

background-color:#FFBC00;

color:#fff;

border:2px solid #FFCB00;

padding:10px;

font-size:20px;

cursor:pointer;

border-radius:5px;

margin-bottom:15px

}*/

#profile {

padding:50px;

border:1px dashed grey;

font-size:20px;

background-color:#DCE6F7

}

#logout {

float:right;

padding:5px;

border:dashed 1px gray

}

a {

text-decoration:none;

color:#6495ed

}

i {

color:#6495ed

}

.navbar-fixed-top

{

	position: relative;

}

.navbar-default

{

	margin-bottom: 0%;

	background-color: #222222;

}

.passageMain

{

	text-align: center;

}

.citypic {

	width: 100%;

	position: absolute;

	bottom: 0;

	z-index: 100;

	overflow: hidden;background-color:#000;

}



.cityname {

	position: absolute;

margin-left: 750px;

font-family: LubalinGraphBook;

font-weight: bold;

font-size: 2em;

color: #FFF;

margin-top: 1em;



}



.citypicbg {

	opacity: 0.4;

}



.bttn

{

  background-color: #337ab7;

  border-color: #2e6da4;

  margin-left: 50px;

  color:#fff;

}
@media (min-width: 768px)
{
.modal-dialog {
    width: 600px;
    margin: 30px auto;
    margin-top: 10%;
}
}
.modal-buttonCenter

{

	text-align: left;

}

.home-logo

{

width: 700x;

	z-index: 1600;

position: absolute;

top: 40%;



}

.logo

{



	z-index: 1600;

position: absolute;

top: 30%;

margin-left: 500px;

}

.rej

{

	margin-left:200px;

}

.left-slides

{

	/*height: 300px;*/

top: 5.6%;

position: absolute;

/* margin-top: -150px; */

width: 350px;

background-color:rgba(0, 0, 0, 0.70);

z-index:1500;

padding-right:10px;

opacity: 0.9;

}



.left-slides ul

{

	margin-top:10px;

}



.left-slides ul li

{

	list-style:none;

	display:block;

	overflow:hidden;

	color:#FFF;

	

}



.left-slides .list-item

{

	height:100px;

	margin:10px;

	cursor:pointer;

}



.left-slides .list-item:hover

{

	background-color:#111;

	border-right:1px solid #aaa;

}



.left-slides .list-item .item-image

{

	/*width: 100px;*/

	float: left;

	margin-right:15px;

}





.left-slides .list-item .item-content h4

{

	padding-top: 10px;

}



.left-slides .list-item .item-content p

{

	color:#aaa;

}





/* Nav Bar */





#menu li {

	color: #000;

	margin: 0px 5px;

}

#menu li.active{

	color: #fff;

	border-bottom: 2px solid #00b2ef;

}

#menu li a{

	text-decoration:none;

	color: #fff;

}

#menu li.active a:hover{

	color: #fff;

	border: 0;

}

#menu li:hover{

	border-bottom: 2px solid #00b2ef;

}



#menu .dropdown:hover{

	border-bottom:none;

}



#menu li a,

#menu li.active a{

	display:block;

	margin-left:0px;

}

#menu li.active a{

	color: #00b2eff;

}

#menu{

	z-index: 70;

	padding: 0;

	margin:0;

	margin-right: -6%;

}

.passageGroup

{

   text-align: center;

}

.rowNew

{

	margin-left: 32%;

}

.centerPic

{

	margin-left: 29%;

    height: 67%;

}

.centerPic2

{

	margin-left: 25%;

    height: 67%;

}

/*---------------*/



/* Navigation Dots Style */





#fp-nav ul li a span, .fp-slidesNav ul li a span {

width: 12px;

height: 12px;

background: #ADADAD;

z-index: 5;

}



#fp-nav ul li a span, .fp-slidesNav ul li a span {

	border: none;

}



#fp-nav ul li a.active span {

	background-color: #fff;	

}



#fp-nav ul li a span {

	background-color:rgba(0, 0, 0, 0.5);

	

}



.goBack

{

	margin-top: 2px;

	background-color: white;

}

.homenav .navbar-inverse {

background-color:rgba(0, 70,107,176) !important;

color:3366FF;

position:fixed;

top:0;

border: none !important;

}



.navbar-inverse {

background-color:rgba(0, 70,107,176) !important;

position:fixed;

top:0;

border: none !important;

}



.navbar {

margin-bottom: 0px;

z-index:1500;



width: 100%;

top:0px;

}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

color: #fff;

background: none !important;

}



.navbar-brand {

	font-weight: 300;

	color: #fff !important;

}



.homenav .dropdown-menu{

	padding: 17px;

	background-color: rgba(0, 70,107,176);

	border-color: rgba(0,0,0,0.8);

	min-width: 250px;

}



.dropdown-menu{

	padding: 17px;

	background-color: rgba(0, 70,107,176);

	border-color: rgba(0,0,0,1);

	min-width: 250px;

}



@media(max-width:767px){

	.navbar {

		padding: 0 10px;

	}

	

	.navbar-brand {

		font-size: 1.2em !important;

	}

	.home-logo

	{

		top: 65px;

		width:100%;

	}

}



@media(min-width:768px){

	.navbar {

		padding: 0 50px;

	}

	

	.navbar-brand {

		font-size: 1.5em !important;

	}

}







/*.navbar-header {

margin-left: 15px !important;

}*/



.nav > li > a {

	font-weight:300;

	font-size: 1.05em !important;

	/*margin: 0 5px;

	padding: 5px 0 10px 5px !important;*/

}



.navbar-right {

    /*margin-top: 12px !important;*/

}



/* nav bar ends */