@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,400,600,700|Play|Pacifico);
@title_width : 450px;
@ocean_blue: rgb(61, 177, 255);
@light_gray: rgb(115, 115, 115);

#title{
  font-family: 'Pacifico', cursive;
  font-size:8em;
  position:absolute;
  color: white;
  text-shadow: rgb(51, 51, 51) 1px 1px 5px;
}

#background{
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
}

#loader {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #737373;
  z-index: 999;
}

#contact {
  position: absolute;
  width: 100%;
  text-align: center;

}

.input_comman {
  background-color: rgba(255,255,255,0.7);
  border-radius: 3px;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
  width: @title_width;
  color: @ocean_blue;
  border: none;
  margin-bottom: 10px;
}

::-webkit-input-placeholder {
  color: @light_gray;
}

:-moz-placeholder { /* Firefox 18- */
  color: @light_gray;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: @light_gray;
}

:-ms-input-placeholder {
  color: @light_gray;
}

.text_area {
  resize: none;
  height: 200px;
}

.input_long {
  height: 35px;
}

input[type="button"], input[type="reset"], input[type="submit"]{
  margin: 0 10px 0 10px;
  width: 80px;
  height: 35px;
  border: 1px #bbb solid;
  color: @light_gray;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
  color: @ocean_blue;
}