/* CSS Document */
/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */

/* ---------- FONTAWESOME ---------- */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* ---------- GENERAL ---------- */
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
*:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}



input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

.formclearfix {
  *zoom: 1;
}
.formclearfix:before, .formclearfix:after {
  content: ' ';
  display: table;
}
.formclearfix:after {
  clear: both;
}
/*
.container {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
*/
/* ---------- LOGIN ---------- */

/*Modal pop up*/
.white_content {
	display: none;
	position: relative;
	top: 50%;
	left: 38%;
	width: 22%;
	height: auto;
	padding: 5px;
	border: 5px solid #7ec677;
	background-color: #21835f;
	z-index: 1002;
	overflow: visible;
	border-radius: 15px;
}
.fixed-dialog{
  position: fixed;
  top: 15%;
  left: 25%;
}
.modalloginheadsmall{
	width:29%;
	display:inline-table;
}
.modalloginheadbig {
	width: 65%;
	padding: 0;
	margin: 0;
	font-size: 23px;
	display: inline-table;
}
.white_content form input[type="text"], input[type="password"] {
	/* background-color: #3b4148; */
	background-color: #fff;
	border: 1px solid white;
	border-radius: 5px;
	color: #000;
	margin-bottom: 0px;
	padding: 0px 16px;
	width: 95%;
	height: 30px;
	margin-left: 5%;
}
.white_content form input[type="email"] {
	/* background-color: #3b4148; */
	background-color: #fff;
	border: 1px solid white;
	border-radius: 5px;
	color: #000;
	margin-bottom: 0px;
	padding: 0px 16px;
	width: 95%;
	height: 30px;
	margin-left: 5%;
}
.white_content form input[type="submit"] {
	width: 50%;
	height: 30px;
	background-color: #fffc02;
	color: #000;
	margin-left: 30%;
	font-weight: bold;
}

.white_content form textarea {
  /*background-color: #3b4148;*/
  background-color:#fff;
  border:1px solid #000;
  border-radius: 0px 3px 3px 0px;
  color: #000;
  margin-bottom: 0px;
  padding: 0 16px;
  width: 100%;
  height:80px;
  margin-left:5%;
}
.black_overlay {
	display: none;
	z-index: 1001;
	filter: alpha(opacity=80);
	left: 0%;
	margin: 0px auto;
	width: 100%;
	position: absolute;
	top: 20%;
	height: 3530px;
	background-color: black;
	opacity: .80;
}
@media only screen and (max-width: 479px){
/*Modal pop up*/

.white_content {
	display: none;
	position: relative;
	top: 55%;
	left: 1%;
	width: 95%;
	height: auto;
	padding: 5px;
	border: 5px solid #7ec677;
	background-color: #21835f;
	z-index:1002;
	overflow: visible;
}
.fixed-dialog{
  position: fixed;
  top: 15%;
  left: 25%;
}
.modalloginheadsmall{
	width:29%;
	display:inline-table;
}
.modalloginheadbig{
	width:69%;
	padding:0;
	margin:0;
	font-size:16px;
	display:inline-table;
}
.black_overlay {
	display: none;
	z-index: 1001;
	filter: alpha(opacity=80);
	left: 0%;
	margin: 0px auto;
	width: 100%;
	position: absolute;
	top: 20%;
	height: 1000%;
	background-color: black;
	opacity: .80;
}	
}