/*------------------------------------------*/
/*	 Preload Animation 					   */
/*------------------------------------------*/

#preloader {
		position: fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:99999; 
		background-color:#fff;
}

#status {
		position:absolute;
		top:50%; 
		left:50%; 
		margin:-60px 0 0 -60px;
		width:120px;
		height:120px;
		background-image:url(../images/loader.gif);
		background-position:center;
		background-repeat:no-repeat;
		background-size:125px 125px;
}  

/*------------------------------------------*/
/*	 HTML & Body
/*------------------------------------------*/

html { 
		-webkit-user-select:none;	
}


body {
		padding: 100px 0px 25px 0px;
		background: #fff url(../images/body-bg.png) left top repeat-x; ;
		width: 100%;
		font: 15px Lato, Arial, sans-serif;
		line-height:1.4em;
		color: #888888;
		-webkit-font-smoothing: antialiased;
}


/*------------------------------------------*/
/*	 Headers
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; 
	margin-bottom: 0px;
	font-weight:normal;
	line-height:1.4em;
}

h1 {color:#000; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px; font-size:24px;}



h2 {color:#000; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px; padding-bottom:5px;}
h3 {color:#299899;}
h4 {color:#299899;}

h2 {font-size:24px;margin-top:25px;}
p + h2 {margin-top: 25px; }
p + h3 {margin-top: 25px; }
h4 + p {margin-top: 25px; }
p {line-height:1.6em;}

/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a {
	color:#147172;
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

a:hover {
	color: #299899;
	text-decoration: underline;
}

a:focus {
	color: #147172;
	outline: none;
	text-decoration: none;
} 

/*------------------------------------------*/
/*	 Lists
/*------------------------------------------*/

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.list-my {
	list-style-type: square;
}

ul.list-my li {
	margin-left: 40px;
	line-height:1.4em;
}

ul.list-my li+li {
	margin-top: 10px;
}

/*------------------------------------------*/
/*	 Navigation Menu    
/*------------------------------------------*/

.navbar {background:#299899 url(../images/nav-bg.png) left top repeat-x; font-size:15px}
.navbar-nav>li>a {color: #c2feff;}
.navbar-nav>li>a:hover {color: #fff;background:none;}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:hover,.navbar-nav > li > a.selected-nav {color: #fff;}

.navbar-toggle {
	background: none;
	border: none;
}

 .navbar-toggle .icon-bar {background: #c2feff;}


@media (min-width: 768px) {
	.navbar-nav>li>a {padding-top:25px;padding-bottom:25px;}
}


/*------------------------------------------*/
/*	 Responsive Menu    
/*------------------------------------------*/


.navbar-toggle .icon-bar {background-color: #c2feff;}
.navbar-toggle:hover  .icon-bar{background: #fff;}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 15px 10px;
	margin-top: 12px;
	margin-right: 15px;
	margin-bottom: 8px;
	background:none;
	border: none;
	background-color: none;
	background-color: transparent;
	background-image: none;
}

.navbar-brand {
	background:url(../images/icons/lpf-logo-m.png) no-repeat;
	display:block;
	width:220px;
	height:70px;
}


.navbar-nav>li>a:focus {
	background:none;
}


 .navbar-nav>.active {
	background: url(../images/nav-bg-over.png) left top repeat-x;
}

/*------------------------------------------*/
/*	 Map
/*------------------------------------------*/

.mymap {margin-bottom:25px;}


/*------------------------------------------*/
/*	 Footer
/*------------------------------------------*/

footer {
	margin:0;padding:0;
	font-size:0.8em;
	color:#cacaca;
}

/*------------------------------------------*/
/*	 Tables
/*------------------------------------------*/

.table>tbody>tr>td {
	vertical-align: middle;
}

.table>tbody>tr>td:last-child {
	text-align:right;
}

.table>thead>tr>th {
	font-weight:normal;
	color:#fff;
	background:#01787c;
	border-bottom: 2px solid #005457;
}

/*------------------------------------------*/
/*	 Intro
/*------------------------------------------*/

.intro {
	margin-top:-30px;
	width: 100%;
	overflow: hidden;
	vertical-align:middle;
	padding: 0 !important;
	background: #045b5e url('../images/02.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
}

.intro h1 {
    padding:100px 0px 100px 0px;
	color:#fff;
	width:100%;
	text-align:center;
	font-size:45px;
	border:0;
}
.intro h1 img {margin-bottom:20px;}
/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/

@media (min-width: 992px) {

	h1 { font-size: 32px;}
	
}


@media only screen and (max-width: 991px) {
	
	h1 { font-size: 28px;}
	.intro h1 {
    padding:70px 0px 70px 0px;
	font-size:30px;
	
}


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

	h1 { font-size: 24px;}
	h2 { font-size: 22px;}
	
	.navbar-nav > li > a:hover, 
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 40px; text-align: center; }	
	.navbar-nav > li > a:hover,.navbar-nav > li > a.selected-nav {color: #fff;}
	.navbar-brand { margin-left:10px;}
	.navbar-nav>.active {background:#015659;}

}