body{
	line-height: 1.5;
}

/*Custom Styles*/
body, h1, h2, h3, h4, h5 {
	font-family: "Poppins", sans-serif;
}

p, li{
	font-size: 16px;
	padding-top : 5px;
	padding-bottom : 5px;
}

q {
	margin-left : 10%;
	margin-right : 10%;
	font-style: italic;
	display : inline-block;
	background-color : lightyellow;
	border-radius : 10px;
	padding : 10px 10px 10px 10px;
	text-align: center;
}

hr{
	width:50px;
	border:5px solid #0080FF;
	border-radius: 5px;
}

h3 {
	margin-top : 60px;
	color: #0080FF!important;
	text-align: center;	
}

h4 {
	margin-top : 40px;
	color: #0080FF!important;
	text-align: left;		
}

h4 a {
	color : white !important;
}

.indent {
	margin-left : 10%;
	margin-right : 10%;
}
.margin-top{
	margin-top: 20px;
}

.margin-top10px{
	margin-top: 10px;
}

.margin-bot10px{
	margin-bottom: 10px;
}

.margin-top30px{
	margin-top: 30px;
}

.margin-bot30px{
	margin-bottom: 30px;
}

.padding-top30px{
	padding-top: 30px;
}

.padding-left40px{
	padding-left: 40px;			
}

.padding-left80px{
	padding-left: 80px;
}


.border-bottom{
	border-bottom: 1px dashed #0080FF;
}

@media only screen and (min-width: 490px){
	.border-bottom{
		border-bottom: none;
	}
}

.no-padding{
	padding: 0;
}

.no-paddingRight{
	padding-right: 0;
}

.no-paddingLeft{
	padding-left: 0;
}

.text-blue, .text-blue:hover {
    color: #0080FF!important;
   text-align: center;
}

.desc-blue{
    color: #0080FF!important;
}

.danger {
	background-color: #f44336;
	color: white;
	padding: 5px;
}

.danger:hover {background: #da190b;}

.grey-heading {
	background-color: #616161 !important;
	color: white;
	padding: 10px;
	text-align: center;
}

.green-mark{
	color: green;
	font-size: 16px;
	padding-top : 5px;
}

.red-mark {
	color : red;
	padding-top : 5px;
}


.btn-blue{
	background-color: #0080FF;
	color: white;
	box-shadow: 5px 5px 5px #888888;	
	
}

.btn-blue:hover{
	background-color: black;
	color: white;  
}


.center {
	text-align: center;
}


/*Navigation*/

.navbar {
	margin-bottom: 0;
	background-color: #0080FF;
	/*background-color : #084B8A !important;		*/
	z-index: 99;
	border: 0;
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 0px;
	border-radius: 0;
	padding-right : 0px;
	padding-left : 0px;
}

.navbar li {
	background-color: #0080FF !important;		/* PH UPDATE */
	/*background-color : #084B8A !important;*/
	padding-top : 0px;
	padding-bottom : 0px;
}

@media only screen and  (max-width: 767px){
	.navbar li {
		padding-left : 50%;
	}	
}

.navbar li a, .navbar .navbar-brand-1,
.navbar li a, .navbar .navbar-brand {
	color: #fff !important;
}

.navbar .navbar-brand-1,
.navbar .navbar-brand{
	padding: 0;
}


.navbar-right {
	margin-right: -15px;
	/*margin-top: 30px;			*/		/* PH UPDATE */
}

.navbar-collapse {				
	border :0;
	text-align: right;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #0080FF !important;
	background-color: #fff !important;
}

.navbar-default .navbar-nav>li>a {
	font-weight: 600;
}

.navbar-default .navbar-nav>li>a:hover {
	color: black !important;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
	/*padding-top: 11px;			/* PH UPDATE */
	/*padding-bottom: 11px;		/* PH UPDATE */
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}

/* The logo */

/* This is for the large screens */

.navbar .navbar-brand img{		
	/*margin-top: -40px;*/	/* ph update */
	margin-top: 70px;
	width: 164px;
	height: 164px;
	z-index : 11 !important;
}


@media only screen and (min-width: 452px) and (max-width: 767px){	     

	/* This is the medium size screen where the menu changes to the button*/

	.navbar .navbar-brand img{
		margin-left: 0px;
		margin-top: 60px;
		width: 110px;
		height: 110px;			
	}

}


@media only screen and (max-width: 451px){
	
	/* This is where the logo overwrites the Log In option*/
	
	.navbar .navbar-brand img{		
		width  : 85px;
		height : 85px;  
		margin-left: 0px;
		margin-top: 5px;
	}
}



/*Footer*/
.footer .container{
	width: 100%;
	margin-top: 60px;
	background-color: #f1f1f1;
	font-size: 14px;
}

.footer p.heading{
	color: black !important;
	font-weight: bold;
	font-size: 16px !important;
	padding-top: 15px;
}

.footer li {
	padding-top : 2px;
	padding-bottom : 2px;
}

.footer a{
	color: black !important;
}

.footer a:hover{
	color: black !important;
	/*font-weight: bold;*/
	text-decoration: underline;
}

.footer .container .copyright{
	border-top: 1px solid #fafafa;
	padding: 10px 30px 0px 30px;
	background-color: #222;
}

.footer .container .copyright a{
	color: white !important;
	text-decoration: underline;
}

.footer .container .copyright p{
	margin-bottom: 0;
	color: white !important;
}

.footer .container .glyphicon-chevron-up{
	padding: 5px;
	background-color: #0080FF;
	color: white;
	font-size: 20px;
	margin-bottom: 3px;
}

.footer .container .glyphicon-chevron-up:hover{
	background-color: #616161;
	transition all: 0.3s; 
	color: white;  
}

@media only screen and (max-width: 480px){

	.footer .container{
		font-size: 13px;
		text-align: center;
	}

	.copyright p{
		font-size: 13px;
	}
}



.bg-cover{
	background-size: cover !important; 
	height: 200px;
	position: relative;
	margin-bottom: 10px;
}

.bg-center{
	background-position: center !important; 
}

.bg-top{
	background-position: top !important; 
}

.bg-filter{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    color: #fff;
}

.content{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
}

.content .top-title{
	color: #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
	text-align: center;
}


@media only screen and (max-width: 767px){
	.content .top-title{
		font-size : 18pt;
	}
}

.content p{
	margin-bottom: 0;
	text-align: center;
}

.page-content .container{
	margin: 0 auto;
}

.page-content .container img{
	height: 250px;
	margin: 0 auto;
	display: block;
}

.page-content ul > li{
	margin-bottom: 10px !important;
}

.page-content p .btn-primary{
	border-radius: 0 !important;
}

.page-content .btn {
	border-radius: 0;
	padding: 5px 15px;
	background-color:  #0080FF ;
	color: white; 
	font-weight: bold;
	border-radius : 5px;
}
	
	
.page-content .btn-blue{
	background-color: #0080FF;
	color: white;
	box-shadow: 5px 5px 5px #888888;	
	
}
.page-content .btn-blue:hover{
	background-color: black;
	color: white;  
}


/* Define the TOUR icon */
.tour {
	background-image : url(../images/icon/tour.png) ;
	background-size : 50px 50px;
	background-repeat: no-repeat;
	height : 50px;
	display : inline-block;
	padding-left : 55px;
	padding-top : 10px;
	
}



/* These are used for testing responsiveness */

.bgb {background-color : blue}
.bgr {background-color : red }
.bgg {background-color : green}
.bgy {background-color : yellow }