/* form style */
#contact_form {
  font-family 	 			: 'Philosopher', sans-serif;
  position 					: fixed;
  top 						: 15px;
  right 					: 2px;
  z-index 					: 10100;
  height 					: 500px;
}

.form-style {
  display 					: none;
  width						: 40%;
  height 					: 50%;
  min-height 				: 400px;
  padding					: 20px 20px 20px 20px;
  font-family				: 'Philosopher', sans-serif;
  font-size					: 13px;
  text-align				: center;
  margin					: auto;
  background				: #00041E;
  -webkit-border-radius		: 5px;
  -moz-border-radius		: 5px;
  -ms-border-radius			: 5px;
  -o-border-radius			: 5px;
  border-radius				: 5px;
  -webkit-box-shadow		: 0px 0px 15px 1px #000;
  -moz-box-shadow			: 0px 0px 15px 1px #000;
  -ms-box-shadow			: 0px 0px 15px 1px #000;
  -o-box-shadow				: 0px 0px 15px 1px #000;
  box-shadow				: 0px 0px 15px 1px #000;
}

.form-style h2 {
  display					: block;
  color						: white;
}

.form-style-heading {
  display					: block;
  font-weight				: 300;
  font-style				: italic;
  border-bottom				: 2px solid #ddd;
  margin-bottom				: 10px;
  font-size					: 15px;
  padding-bottom			: 3px;
  color						: white;
  text-align 				: center;
}

.form-style label {
  display					: block;
  margin					: 0px 0px 15px 0px;
  color						: white;
}

.form-style label > span {
  display					: block;
  width						: 100%;
  font-weight				: 300;
  padding-top				: 8px;
  padding-bottom			: 8px;
  padding-right				: 5px;
  color						: white;
  text-align 				: center;
}

.form-style span.required {
  color						: red;
}

.form-style .input-field,
.form-style .textarea-field {
  font-family				: 'Philosopher', sans-serif;
  -webkit-box-sizing		: border-box;
  -moz-box-sizing			: border-box;
  -ms-box-sizing			: border-box;
  -o-box-sizing				: border-box;
  box-sizing				: border-box;
  border					: 2px solid #C2C2C2;
  -webkit-border-radius		: 3px;
  -moz-border-radius		: 3px;
  -ms-border-radius			: 3px;
  -o-border-radius			: 3px;
  border-radius				: 3px;
  padding					: 7px;
  outline					: none;
}

.form-style .input-field:focus,
.form-style .textarea-field:focus {
  border					: 2px solid #0C0;
}

.form-style .input-field {
  width						: 50%;
  min-width 				: 150px;
}

.form-style .textarea-field {
  white-space 				: pre-line;
  height 					: 150px;
  width						: 100%;
  min-width 				: 150px;
  resize 					: none;
}

.form-style input[type="button"],
.form-style input[type="submit"] {
  background				: linear-gradient(to bottom, darkblue 5%, cyan 100%);
  background-color			: darkblue;
  border					: 2px solid #17445E;
  display					: inline-block;
  cursor					: pointer;
  padding					: 8px 18px;
  text-decoration			: none;
  font						: 14px 'Philosopher';
  color						: #EFFD03;
}

.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {
  background				: linear-gradient(to bottom, cyan 5%, darkblue 100%);
  background-color			: darkblue;
  color						: #04F819;  
}

.form-style .success {
  background				: #D8FFC0;
  padding					: 5px 10px 5px 10px;
  margin					: 0px 0px 5px 0px;
  border					: none;
  font-weight				: bold;
  color						: #2E6800;
  border-left				: 3px solid #2E6800;
}

.form-style .error {
  background				: #FFE8E8;
  padding					: 5px 10px 5px 10px;
  margin					: 0px 0px 5px 0px;
  border					: none;
  font-weight				: bold;
  color						: #FF0000;
  border-left				: 3px solid #FF0000;
}

.antispam {
  display					: none;
}

@media all and (max-width:500px) and (min-height:550px) {
  .form-style {width:80%; font-weight:100; font-size:10px;min-height:230px;}
}

@media all and (max-width:500px) and (max-height:550px) {
  #contact_form {height:300px;}
  .form-style {width:80%; font-weight:100; font-size:10px;min-height:210px;}
  .form-style-heading {font-weight:100;font-size:8px;}
  .form-style label {margin:0 0 1px 0;}
  .form-style .input-field {font-weight:100;height:20px;padding:0 0 1px 0;}
  .form-style .textarea-field {font-weight:100;height:50px;}
  .form-style input[type="button"], .form-style input[type="submit"] {padding:4px 9px;font-size:8px;}
}

@media all and (max-height:551px) and (min-width:501px) {
  #contact_form {height:300px;}
  .form-style {width:80%; font-weight:100; font-size:10px;min-height:230px;}
  .form-style-heading {font-weight:100;font-size:8px;}
  .form-style label {margin:0 0 5px 0;}
  .form-style .input-field {font-weight:100;height:20px;padding:0 0 1px 0;}
  .form-style .textarea-field {font-weight:100;height:70px;}
  .form-style input[type="button"], .form-style input[type="submit"] {padding:4px 9px;font-size:8px;}
}

@media all and (max-height:340px) and (min-width:501px) {
  .form-style {width:80%; font-weight:100; font-size:10px;min-height:210px;}
  .form-style-heading {font-weight:100;font-size:8px;}
  .form-style label {margin:0 0 1px 0;}
  .form-style .input-field {font-weight:100;height:20px;padding:0 0 1px 0;}
  .form-style .textarea-field {font-weight:100;height:50px;}
  .form-style input[type="button"], .form-style input[type="submit"] {padding:4px 9px;font-size:8px;}
}