@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,500,400);
html {
  /* 1 */
  font: 300 16px / 21px 'Ubuntu', sans-serif;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 3 */
  background: #ffffff;
  color: #616161;
}
h2 {color: #000; 
	margin-top: 0;
margin-bottom: 15px;
font-size: 20px;
line-height: 23px;
font-weight: 400;
font-family: 'Ubuntu', sans-serif;}

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 300px;
margin: 10px auto;
text-align: center;
padding: 4px;
background: #F8F0F1;
position: absolute;
top: 0;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 300px;
margin: 10px auto;
padding: 5px;
background: #f5f9fd;
text-align: center;
position: absolute;
top: 0;
}

.form-container {text-align: center;}

input,
textarea {padding: 10px;
width: 70%;
margin-bottom: 10px;
line-height: 20px;
font-size: 14px;
border: 1px solid #e7e6e6;
border-radius: 5px;
outline: none;
background: #fbfbfb;}

textarea {height: 100px; resize: none;}

input:active, input:focus, textarea:active, textarea:focus {background: #fff; border-color: #f05327;}

input.btn {background: #f05327;
color: #fff;
padding: 10px 20px;
border-radius: 30px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
cursor: pointer;
-webkit-appearance: none;
}

::-webkit-input-placeholder {color:#404040; font-size: 14px;}
::-moz-placeholder          {color:#404040; font-size: 14px;}/* Firefox 19+ */
:-moz-placeholder           {color:#404040; font-size: 14px;}/* Firefox 18- */
:-ms-input-placeholder      {color:#404040; font-size: 14px;}

input::-webkit-input-placeholder       {line-height: 20px;  transition: line-height 0.5s ease;}
input::-moz-placeholder                {line-height: 20px;  transition: line-height 0.5s ease;}
input:-moz-placeholder                 {line-height: 20px;  transition: line-height 0.5s ease;}
input:-ms-input-placeholder            {line-height: 20px;  transition: line-height 0.5s ease;}
input:focus::-webkit-input-placeholder {line-height: 100px; transition: line-height 0.5s ease;}
input:focus::-moz-placeholder          {line-height: 100px; transition: line-height 0.5s ease;}
input:focus:-moz-placeholder           {line-height: 100px; transition: line-height 0.5s ease;}
input:focus:-ms-input-placeholder      {line-height: 100px; transition: line-height 0.5s ease;}
textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}