@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700);

.clear{
clear:both;
padding:0px;
margin:0px;
}
a{
text-decoration:none;
outline:none;
 transition: all 0.4s ease-out;
}
a:hover{
	text-decoration:none;
	outline:none;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Montserrat', sans-serif;
font-weight:600;
padding:0px;
margin:0px;
line-height:24px;
}


body{
margin:0px;
padding:0px;
font-family: 'Montserrat', sans-serif;
font-weight:400!important;
background-color:#E4E6C3;
line-height:29px;
text-align:left;
font-size:14px;
color:#3b3b3b3;
	 

	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html{
scroll-behavior: smooth;

    position:relative;	
}

.header{


}
.nav{

}
.page{
	background-color:#F7F7F2; 
	
	padding: 20px;

}
h1{
	color: #261C15;
	font-size: 28px;

}

h2{
	color: #261C15;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom: 1px solid #261C15; 

}

.card{
	padding: 16px;
	min-height: 300px;
}

.card li {
	list-style: none;
	background-color: #261C15;
	color: #C5D86D;
	padding: 4px;
	font-size: 15px;
	border-radius: 4px;
	margin: 4px 0;

}
nav ul{
	padding: 0px;
	margin: 0px;

}
nav li {
	list-style: none;

}
nav li a{
	background-color: #F05D23;
	color: #fff;
	padding: 8px;
	border-radius: 4px;

}

nav li a:hover{
	background-color: #261C15;
	color: #fff;
}

header{
	background-color: #F0F1F4;
	padding: 20px;
	margin-bottom: 20px;


}

header h1{
	color:#F36438;
	font-size:26px;
	padding:10px 0px;
	border-bottom:1px solid #DBDCDE;
	margin-bottom:10px;
}
.list{
	background-color:#048BA8;
	color:#fff;	
}

.list ul{
	display:inline-block;
	padding:4px;
	margin:0px;
	
}
.list ul li{
display:inline-block;
	
}
.list ul li:after{
	content:"|";
	margin:0 4px;
		padding:0px 4px;
		color:#02333E;
}

#apform{
	width:90%;
	margin:0 auto;
	
}

#apform input[type=text],input[type=number],input[type=date],select {
	width:100%;
	padding:8px;
	border:none;
	border:1px solid #DADAD9;
	color:#3C3C3C;
	
	
}

#apform input[type=submit]{
	
	padding:4px 16px;
	border:none;
	border:0px;
	color:#fff;
	background-color:#F36438;
	
	
}
#apform label{
	color:#85371F;
	padding:0 0px;
	display:block;
}

::-webkit-input-placeholder { /* Edge */
  color:#3C3C3C;
  padding:8px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#3C3C3C;
  padding:8px;
}

::placeholder {
  color:#3C3C3C;
  padding:8px;
}

h4{
	text-align:center;
	color:#DD5B33;
	margin:20px 0;
	padding:20px 0;
	border-bottom:1px solid #ccc;
	font-size:20px;
	
}
.error{
	color:red!important;
	font-size:13px;	
}
#loading{

	background-color:rgba(255,255,255,0.9);
	z-index:11;
	
	position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
	display:none;
	
	
}

#loading  img{
	margin:0 auto;
	vertical-align: middle;
	position: absolute;
   top: 50%;
   left: 50%;
   
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}
#output {
	width:200px;
	
}