body{
    padding: 0px;
    background: red;
    background: -webkit-linear-gradient(141deg, #feb692 0%, #f38070 51%, #ea5455 75%);
    background: -o-linear-gradient(141deg, #feb692 0%, #f38070 51%, #ea5455 75%);
    background: -moz-linear-gradient(141deg, #feb692 0%, #f38070 51%, #ea5455 75%);
    background: linear-gradient(141deg, #feb692 0%, #f38070 51%, #ea5455 75%);
    font-family: 'Open Sans', sans-serif;
    color: #444;
}
h1{
    font-size: 36px;
    font-weight: 600;
    color: #ea5455;
    margin: 0;
}
a{
    text-decoration: none;
    color: #fff;
    background: linear-gradient(141deg, #d939cd 0%, #ba39d5 51%, #aa39d9 75%);
}
a:hover{
    background: linear-gradient(141deg, #d939cd 30%, #ba39d5 60%, #aa39d9 100%);
}
p{
    font-weight: 600;
}
.container{
    width: 100%;
    height: 100%;
    background: url('../image/bg.png') no-repeat center;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    text-align: center;
}
.form_feedback{
  padding: 0px;
  margin: 0px;
}
#feedback_form .form-error{
  border: 1px solid #eb5635;
}
#feedback_form .form-warning{
  color: #eb5635;
  text-align: left;
}
#feedback_form .form-alert-warning{
  background-color: #eb5635;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  text-align: left;
}
#feedback_form .form-success{
  background-color: #2ae280;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  text-align: left;
}
.active{
  transform: translateY(-10px) !important;
  box-shadow: 0px 20px 30px rgba(0,0,0,.25);
}
div.required .feed-label::before{
  color: #f00;
  content: "* ";
  font-weight: bold;
}
.form-control-field{
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  /*margin: 20px 0 0;*/
  margin: 0;
  background-color: #FFFFFF;
  border: 1px solid #CCC;
}
.pad30{
    padding: 5vh;
    display: block;
}
.pad10{
    padding: 4vh;
    display: block;
}
.pad12{
  display: block;
  padding: 25px;
}
.main{
    width: 500px;
    height: auto;
    min-height: 545px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 5px 5px 20px 5px rgba(0,0,0,.25);
    padding: 40px;
    text-align: center;
    position: relative;
    margin: 3px 0 10px;
}
.main1 ul{
    height: auto;
    max-height: 130px;
    padding: 0;
    margin-bottom: 30px;
    display: block;
}
.main1 ul li{
    display: inline-block;
    width: 71px;
    height: 71px;
    transition: ease-in-out .25s;
    border-radius: 50%;
    background: url(../image/sprite.png) no-repeat;
    margin: 0px 10px 0 0;
}
.main1 ul li.sad{
    background-position: 0px 0px;
}
.main1 ul li.some-sad{
    background-position: -70px 0px;
}
.main1 ul li.nutral{
    background-position: -141px 0px;
}
.main1 ul li.some-happy{
    background-position: -211px 0px;
}
.main1 ul li.happy{
    background-position: -282px 0px;
}
.main1 ul li:hover{
    box-shadow: 0px 20px 30px rgba(0,0,0,.25);
    transform: translateY(-10px);
}
.show_panel {
    bottom: 60px;
    /*left: 43%;*/
    position: absolute;
    text-align: center;
    width: 90%;
}
.sub{
    padding: 15px 30px;
    border-radius: 3px;
    margin-top: 30px;
    cursor: pointer;
    margin-right: 20px;
}
.main2{
    transition: ease-in-out 1s;
}
.main2 p{
    text-align: left;
    margin: 20px 0px 10px;
}
textarea {
  max-width: 100%;
}