body, html {height: 100%}
body,h1,h2,h3,h4,h5,h6 {font-family: "Amatic SC", sans-serif}
.menu {display: none}
.bgimg {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 90%;
}

.SAFFRON{
	 background-color:#ec6b1a;
	 color:#0b9822;
}

.SAFFRONL{
	 background-color:#ff7400;
	 color:#0b9811;
}

.GRASS{
	 background-color:#006600;
	 color:#ffffff;
}

.GRASS{
	 background-color:#006600;
	 color:#ffffff;
}
  .GRANITE_D{
  background-color:#285F5F;
  color:#ff3300;
  }
  .PINE{
	 background-color:#34675C;
  color:#ffffcc;  
	  
  }
  #navmenu{
	 background-color: rgba(123,10,124,0.25);
	  color:#ffffcc;
	  display:inline-block;
	  overflow:hidden;
  }
  .pgal_i{
  margin:auto;
  padding:2px;
  max-width:400px;

  max-height:230px;
  }
  .ban-is{
	 width:100%;
	 min-height:350px;
	 max-height:600px; 
	  
  }
  
  #im{
	  max-width:60%;
	  max-height:60%;
	  margin:auto;
		vertical-align: middle;
		background-color: rgba(0,0,0,0);
		opacity: 1;
  }
  
  .rm{
	 
	 color:#ffffcc;
	  display:inline-block;
	  overflow:hidden; 
 background-color:#34675C;
cursor:pointer;
float:right; 
margin:auto;
  }
  .rm a{
	   vertical-align: middle;
	  padding:4px;
  }
  
  .rm:hover{
	 color:#fcc7cc;
	  display:inline-block;
	  overflow:hidden; 
 background-color:#32677C;
cursor:pointer;
padding:1px;
border: 1.5px solid #4CB5F5;
 
  }
  .form-group{
  height: 46px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
  margin-left:8px;
  margin-right:8px;
  float:left;
}
.form-control{
	display:block;
}
.frm_row_s {
	position:relative;
	width: 98%;
	border-bottom: 1px solid #9CA5A5;
	padding: 3px;

	margin-top: 4px;
	margin:auto;
}

.frm_es {
	position:relative;
	padding: 3px;
	
	margin-top: 2px;
	margin-left: 2px;
}
/*-------------------------------------------general class---------------*/
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
.fr {float: right;}

.fl {float: left;}

.wf {min-width: 100%;}

.wh {min-width: 50%;}

.ws {
	min-width: 20%;
}
.va-b{

	 top: 50%;
}
.txt-l {
	letter-spacing: 3px;
	font-size: 25px;
}

.txt-z {
	line-height: 1.8;
	letter-spacing: 8px;
	font-size: 40px;
}
.ma{
	margin:auto;
}
.txt-c{
	text-align:center;
	width:auto;
}
.hide{
	display:none !important;
	
}
.panel{
	text-align:center;max-height:200px;margin-top:10px;margin:auto;padding-top:4px;padding-bottom:4px;
}
.db{
	display:block;
}
.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0;margin:auto}
/*

/*-----------------Form Elements list box-------------*/

.sel_inp_list li {
	border-bottom: 1px solid #9CA5A5;
	background: #FFFFFF;
	margin-bottom: 2px;
	box-shadow: -2px 1px 1px 0px #78A5D1;
	list-style: none;
	list-style-type: none;
	list-style-position: inside;
	overflow: hidden;
	padding-left: 1.2em;
}

.sel_inp_list li:hover {
	box-shadow: 2px 2px 2px 0px #022C80;
}

.sel_inp_list ul {
	list-style: none;
	background: rgb(245, 228, 181);
	max-height: 200px;
	overflow-y: auto;
	padding-left: 0;
	margin: auto;
	border: 2px solid #FFA;
}

.sel_inp_list li a {
	color: #285F5F;
	padding-left: 1px;
}

.sel_inp_list li a:hover {
	text-decoration: none;
	padding-left: 0px;
}

.s_i_l_active{ 
  background-color: yellow !important;
}


.sel_inp_list select {
	padding: 3%;
	width: 90%;
	background-color: #AFD9E0;
	border: 2px solid #FFA;
}

.sel_inp_list select:hover {
	background: #12BDDA;
	color: #FFF;
	font-weight: bold;
}

.ldef{
	padding: 3%;
	float:left;
}
.lbd{
color: #285F5F;	
box-shadow: -2px 1px 1px 0px #78A5D1;	
font-size: 14px;
}
.Nbtn {
	display: inline-block;
	padding: 1px 2px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	
	font-size: 14px!important;
	border: 2px solid #ccc!important;
	white-space: normal;

}

.Nbtn:hover {
	background-color: #AFD9E0;
	cursor: pointer;
	font-size: 15px!important;
	padding: 1px 0px;
	box-shadow: 1px 1px -1px 0px #fff;
	border: 1px solid #eee!important;
	cursor: pointer;
	box-sizing:border-box
}

.Nbtn:disabled {
	background-color: rgb(237, 211, 138) !important;
	text-align: center;
	cursor: not-allowed !important;
	padding: 5px;
}