body{margin:0; padding:0; border:0;
background: #222}

.maincontent{ padding-top: 150px;}
.logo img{    width: 173px; margin-bottom: 20px;}
.firsth{font-weight: 400;
font-size: 20px;
color: #FFF;
text-align: center; margin-bottom: 20px;}
.firsth1{font-weight: 400;
font-size: 36px;
color: #FFF;
text-align: center; margin-bottom: 20px;}
.form-controlstyle{background-color: transparent;
border-color: #848484;
    height: 50px;
color: #FFF;}
.submitbtn{
	width: 100%;
    background: #089c60;
    color: #FFF;
    font-size: 24px;
}
.submitbtn1{
	width: 100%;
    background: #089c60;
    color: #222;
    font-size: 24px;
}
.submitbtnpp{background-color: #e2cc00;
width: 100%;
    color: #000;
    font-size: 24px;
margin-top: 15px;}
.primebtn {
    width: 100%;
    color: #FFF;
    font-size: 24px;
}
.form-control:disabled, .form-control[readonly]{
	    background-color: #232323;
}
.firsth1 a{color:#FFF; text-decoration:underline;}
.pra{font-size: 15px;
margin-bottom: 5px;
color: #fafafa;}
/*.rating_scale {
	 display: block;
	 text-align: center;
	 font-size: 0;
}
 .rating_scale span {
	 display: inline-block;
	 box-sizing: border-box;
	 font-size: 26px;
	 font-weight: 100;
	 width: 2em;
	 background: transparent;
	 color: #eee;
	 border-top: solid 1px #fff;
	 border-bottom: solid 1px #fff;
	 border-right: solid 1px #fff;
}
 .rating_scale label:first-child span {
	 border-left: solid 1px #fff;
	 border-top-left-radius: 0.25em;
	 border-bottom-left-radius: 0.25em;
}
 .rating_scale label:last-child span {
	 border-top-right-radius: 0.25em;
	 border-bottom-right-radius: 0.25em;
}
 .rating_scale input[type="radio"] {
	 display: none;
}
 .rating_scale input[type="radio"]:checked ~ span {
	 background: #eb7823;
	 color: #fff;
}*/

/*Feedback 1*/
#feedback1{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback1:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback1 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback1:not(:checked) > label:hover,
#feedback1:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback1 > input:checked + label:hover,
#feedback1 > input:checked + label:hover ~ label,
#feedback1 > input:checked ~ label:hover,
#feedback1 > input:checked ~ label:hover ~ label,
#feedback1 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback1:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback1:not(:checked) > label:before {
    content: '★ ';
}


#feedback12{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback12:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback12 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback12:not(:checked) > label:hover,
#feedback12:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback12 > input:checked + label:hover,
#feedback12 > input:checked + label:hover ~ label,
#feedback12 > input:checked ~ label:hover,
#feedback12 > input:checked ~ label:hover ~ label,
#feedback12 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback12:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback12:not(:checked) > label:before {
    content: '★ ';
}
#feedback13{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback13:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback13 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback13:not(:checked) > label:hover,
#feedback13:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback13 > input:checked + label:hover,
#feedback13 > input:checked + label:hover ~ label,
#feedback13 > input:checked ~ label:hover,
#feedback13 > input:checked ~ label:hover ~ label,
#feedback13 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback13:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback13:not(:checked) > label:before {
    content: '★ ';
}
#feedback14{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback14:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback14 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback14:not(:checked) > label:hover,
#feedback14:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback14 > input:checked + label:hover,
#feedback14 > input:checked + label:hover ~ label,
#feedback14 > input:checked ~ label:hover,
#feedback14 > input:checked ~ label:hover ~ label,
#feedback14 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback14:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback14:not(:checked) > label:before {
    content: '★ ';
}
#feedback15{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback15:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback15 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback15:not(:checked) > label:hover,
#feedback15:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback15 > input:checked + label:hover,
#feedback15 > input:checked + label:hover ~ label,
#feedback15 > input:checked ~ label:hover,
#feedback15 > input:checked ~ label:hover ~ label,
#feedback15 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback15:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback15:not(:checked) > label:before {
    content: '★ ';
}

/*Feedback 2*/
#feedback2{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback2:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback2 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback2:not(:checked) > label:hover,
#feedback2:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback2 > input:checked + label:hover,
#feedback2 > input:checked + label:hover ~ label,
#feedback2 > input:checked ~ label:hover,
#feedback2 > input:checked ~ label:hover ~ label,
#feedback2 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback2:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback2:not(:checked) > label:before {
    content: '★ ';
}

#feedback22{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback22:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback22 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback2:not(:checked) > label:hover,
#feedback2:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback22 > input:checked + label:hover,
#feedback22 > input:checked + label:hover ~ label,
#feedback22 > input:checked ~ label:hover,
#feedback22 > input:checked ~ label:hover ~ label,
#feedback22 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback22:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback22:not(:checked) > label:before {
    content: '★ ';
}

#feedback23{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback23:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback23 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback23:not(:checked) > label:hover,
#feedback23:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback23 > input:checked + label:hover,
#feedback23 > input:checked + label:hover ~ label,
#feedback23 > input:checked ~ label:hover,
#feedback23 > input:checked ~ label:hover ~ label,
#feedback23 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback23:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback23:not(:checked) > label:before {
    content: '★ ';
}

#feedback24{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback24:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback24 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback24:not(:checked) > label:hover,
#feedback24:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback24 > input:checked + label:hover,
#feedback24 > input:checked + label:hover ~ label,
#feedback24 > input:checked ~ label:hover,
#feedback24 > input:checked ~ label:hover ~ label,
#feedback24 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback24:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback24:not(:checked) > label:before {
    content: '★ ';
}

#feedback25{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback25:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback25 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback25:not(:checked) > label:hover,
#feedback25:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback25 > input:checked + label:hover,
#feedback25 > input:checked + label:hover ~ label,
#feedback25 > input:checked ~ label:hover,
#feedback25 > input:checked ~ label:hover ~ label,
#feedback25 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback25:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback25:not(:checked) > label:before {
    content: '★ ';
}

/*Feedback 3*/
#feedback3{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback3:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback3 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback2:not(:checked) > label:hover,
#feedback2:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback3 > input:checked + label:hover,
#feedback3 > input:checked + label:hover ~ label,
#feedback3 > input:checked ~ label:hover,
#feedback3 > input:checked ~ label:hover ~ label,
#feedback3 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback3:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback3:not(:checked) > label:before {
    content: '★ ';
}

#feedback32{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback32:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback32 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback32:not(:checked) > label:hover,
#feedback32:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback32 > input:checked + label:hover,
#feedback32 > input:checked + label:hover ~ label,
#feedback32 > input:checked ~ label:hover,
#feedback32 > input:checked ~ label:hover ~ label,
#feedback32 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback32:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback32:not(:checked) > label:before {
    content: '★ ';
}

#feedback33{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback33:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback33 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback33:not(:checked) > label:hover,
#feedback33:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback33 > input:checked + label:hover,
#feedback33 > input:checked + label:hover ~ label,
#feedback33 > input:checked ~ label:hover,
#feedback33 > input:checked ~ label:hover ~ label,
#feedback33 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback33:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback33:not(:checked) > label:before {
    content: '★ ';
}

#feedback34{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback34:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback34 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback34:not(:checked) > label:hover,
#feedback34:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback34 > input:checked + label:hover,
#feedback34 > input:checked + label:hover ~ label,
#feedback34 > input:checked ~ label:hover,
#feedback34 > input:checked ~ label:hover ~ label,
#feedback34 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback34:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback34:not(:checked) > label:before {
    content: '★ ';
}

#feedback35{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback35:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback35 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback35:not(:checked) > label:hover,
#feedback35:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback35 > input:checked + label:hover,
#feedback35 > input:checked + label:hover ~ label,
#feedback35 > input:checked ~ label:hover,
#feedback35 > input:checked ~ label:hover ~ label,
#feedback35 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 #feedback35:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback35:not(:checked) > label:before {
    content: '★ ';
}

/*Feedback 4*/
#feedback4{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback4:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback4 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback4:not(:checked) > label:hover,
#feedback4:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback4 > input:checked + label:hover,
#feedback4 > input:checked + label:hover ~ label,
#feedback4 > input:checked ~ label:hover,
#feedback4 > input:checked ~ label:hover ~ label,
#feedback4 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback4:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback4:not(:checked) > label:before {
    content: '★ ';
}

#feedback42{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback42:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback42 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback42:not(:checked) > label:hover,
#feedback42:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback42 > input:checked + label:hover,
#feedback42 > input:checked + label:hover ~ label,
#feedback42 > input:checked ~ label:hover,
#feedback42 > input:checked ~ label:hover ~ label,
#feedback42 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback42:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback42:not(:checked) > label:before {
    content: '★ ';
}
#feedback43{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback43:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback43 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback43:not(:checked) > label:hover,
#feedback43:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback43 > input:checked + label:hover,
#feedback43 > input:checked + label:hover ~ label,
#feedback43 > input:checked ~ label:hover,
#feedback43 > input:checked ~ label:hover ~ label,
#feedback43 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback43:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback43:not(:checked) > label:before {
    content: '★ ';
}
#feedback44{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback44:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback44 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback44:not(:checked) > label:hover,
#feedback44:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback44 > input:checked + label:hover,
#feedback44 > input:checked + label:hover ~ label,
#feedback44 > input:checked ~ label:hover,
#feedback44 > input:checked ~ label:hover ~ label,
#feedback44 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback44:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback44:not(:checked) > label:before {
    content: '★ ';
}
#feedback45{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback45:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback45 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback45:not(:checked) > label:hover,
#feedback45:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback45 > input:checked + label:hover,
#feedback45 > input:checked + label:hover ~ label,
#feedback45 > input:checked ~ label:hover,
#feedback45 > input:checked ~ label:hover ~ label,
#feedback45 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback45:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback45:not(:checked) > label:before {
    content: '★ ';
}

/*Feedback 5*/
#feedback5{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback5:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback5 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback5:not(:checked) > label:hover,
#feedback5:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback5 > input:checked + label:hover,
#feedback5 > input:checked + label:hover ~ label,
#feedback5 > input:checked ~ label:hover,
#feedback5 > input:checked ~ label:hover ~ label,
#feedback5 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback5:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback5:not(:checked) > label:before {
    content: '★ ';
}

#feedback52{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback52:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback52 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback52:not(:checked) > label:hover,
#feedback52:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback52 > input:checked + label:hover,
#feedback52 > input:checked + label:hover ~ label,
#feedback52 > input:checked ~ label:hover,
#feedback52 > input:checked ~ label:hover ~ label,
#feedback52 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback52:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback52:not(:checked) > label:before {
    content: '★ ';
}

#feedback53{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback53:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback53 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback53:not(:checked) > label:hover,
#feedback53:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback53 > input:checked + label:hover,
#feedback53 > input:checked + label:hover ~ label,
#feedback53 > input:checked ~ label:hover,
#feedback53 > input:checked ~ label:hover ~ label,
#feedback53 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback53:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback53:not(:checked) > label:before {
    content: '★ ';
}

#feedback54{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback54:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback54 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback54:not(:checked) > label:hover,
#feedback54:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback54 > input:checked + label:hover,
#feedback54 > input:checked + label:hover ~ label,
#feedback54 > input:checked ~ label:hover,
#feedback54 > input:checked ~ label:hover ~ label,
#feedback54 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback54:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback54:not(:checked) > label:before {
    content: '★ ';
}

#feedback55{ 
    height: 46px;
    align-items: flex-start;
    display: inline-block;}
#feedback55:not(:checked) >  label{margin-right: 20px;
    font-size: 18px;
   float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;}
#feedback55 > input:checked ~ label {
    color: #ffc700;    
}   
#feedback55:not(:checked) > label:hover,
#feedback55:not(:checked) > label:hover ~ label {
    color: #deb217;  
} 
#feedback55 > input:checked + label:hover,
#feedback55 > input:checked + label:hover ~ label,
#feedback55 > input:checked ~ label:hover,
#feedback55 > input:checked ~ label:hover ~ label,
#feedback55 > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
 #feedback55:not(:checked) > input{margin-right: 3px;
                   position:absolute;
    top:-9999px;
  }
 #feedback55:not(:checked) > label:before {
    content: '★ ';
}
  
.feedback {
	 --normal: #eceaf3;
	 --normal-shadow: #d9d8e3;
	 --normal-mouth: #9795a4;
	 --normal-eye: #595861;
	 --active: #f8da69;
	 --active-shadow: #f4b555;
	 --active-mouth: #f05136;
	 --active-eye: #313036;
	 --active-tear: #76b5e7;
	 --active-shadow-angry: #e94f1d;
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 display: flex;
}
 .feedback li {
	 position: relative;
	 border-radius: 50%;
	 margin-left: 30px;
    margin-right: 30px;
	 background: var(--sb, var(--normal));
	 box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
	 transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
	 -webkit-tap-highlight-color: transparent;
}
.feedback li span{position:absolute;
                  color: #FFF;
    text-align: center;
    float: left;
    left: 0px;
    font-size: 10px;
    width: 60px;}
 .feedback li:not(:last-child) {
	 margin-right: 30px;
	 margin-left:30px;
}
 .feedback li div {
	 width: 40px;
	 height: 40px;
	 position: relative;
	 transform: perspective(240px) translateZ(4px);
}
 .feedback li div svg, .feedback li div:before, .feedback li div:after {
	 display: block;
	 position: absolute;
	 left: var(--l, 9px);
	 top: var(--t, 13px);
	 width: var(--w, 8px);
	 height: var(--h, 2px);
	 transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
}
 .feedback li div svg {
	 fill: none;
	 stroke: var(--s);
	 stroke-width: 2px;
	 stroke-linecap: round;
	 stroke-linejoin: round;
	 transition: stroke 0.4s;
}
 .feedback li div svg.eye {
	 --s: var(--e, var(--normal-eye));
	 --t: 17px;
	 --w: 7px;
	 --h: 4px;
}
 .feedback li div svg.eye.right {
	 --l: 23px;
}
 .feedback li div svg.mouth {
	 --s: var(--m, var(--normal-mouth));
	 --l: 11px;
	 --t: 23px;
	 --w: 18px;
	 --h: 7px;
}
 .feedback li div:before, .feedback li div:after {
	 content: '';
	 z-index: var(--zi, 1);
	 border-radius: var(--br, 1px);
	 background: var(--b, var(--e, var(--normal-eye)));
	 transition: background 0.4s;
}
 .feedback li.angry {
	 --step-1-rx: -24deg;
	 --step-1-ry: 20deg;
	 --step-2-rx: -24deg;
	 --step-2-ry: -20deg;
}
 .feedback li.angry div:before {
	 --r: 20deg;
}
 .feedback li.angry div:after {
	 --l: 23px;
	 --r: -20deg;
}
 .feedback li.angry div svg.eye {
	 stroke-dasharray: 4.55;
	 stroke-dashoffset: 8.15;
}
 .feedback li.angry.active {
	 animation: angry 1s linear;
}
 .feedback li.angry.active div:before {
	 --middle-y: -2px;
	 --middle-r: 22deg;
	 animation: toggle 0.8s linear forwards;
}
 .feedback li.angry.active div:after {
	 --middle-y: 1px;
	 --middle-r: -18deg;
	 animation: toggle 0.8s linear forwards;
}
 .feedback li.sad {
	 --step-1-rx: 20deg;
	 --step-1-ry: -12deg;
	 --step-2-rx: -18deg;
	 --step-2-ry: 14deg;
}
 .feedback li.sad div:before, .feedback li.sad div:after {
	 --b: var(--active-tear);
	 --sc: 0;
	 --w: 5px;
	 --h: 5px;
	 --t: 15px;
	 --br: 50%;
}
 .feedback li.sad div:after {
	 --l: 25px;
}
 .feedback li.sad div svg.eye {
	 --t: 16px;
}
 .feedback li.sad div svg.mouth {
	 --t: 24px;
	 stroke-dasharray: 9.5;
	 stroke-dashoffset: 33.25;
}
 .feedback li.sad.active div:before, .feedback li.sad.active div:after {
	 animation: tear 0.6s linear forwards;
}
 .feedback li.ok {
	 --step-1-rx: 4deg;
	 --step-1-ry: -22deg;
	 --step-1-rz: 6deg;
	 --step-2-rx: 4deg;
	 --step-2-ry: 22deg;
	 --step-2-rz: -6deg;
}
 .feedback li.ok div:before {
	 --l: 12px;
	 --t: 17px;
	 --h: 4px;
	 --w: 4px;
	 --br: 50%;
	 box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}
 .feedback li.ok div:after {
	 --l: 13px;
	 --t: 26px;
	 --w: 14px;
	 --h: 2px;
	 --br: 1px;
	 --b: var(--m, var(--normal-mouth));
}
 .feedback li.ok.active div:before {
	 --middle-s-y: 0.35;
	 animation: toggle 0.2s linear forwards;
}
 .feedback li.ok.active div:after {
	 --middle-s-x: 0.5;
	 animation: toggle 0.7s linear forwards;
}
 .feedback li.good {
	 --step-1-rx: -14deg;
	 --step-1-rz: 10deg;
	 --step-2-rx: 10deg;
	 --step-2-rz: -8deg;
}
 .feedback li.good div:before {
	 --b: var(--m, var(--normal-mouth));
	 --w: 5px;
	 --h: 5px;
	 --br: 50%;
	 --t: 22px;
	 --zi: 0;
	 opacity: 0.5;
	 box-shadow: 16px 0 0 var(--b);
	 filter: blur(2px);
}
 .feedback li.good div:after {
	 --sc: 0;
}
 .feedback li.good div svg.eye {
	 --t: 15px;
	 --sc: -1;
	 stroke-dasharray: 4.55;
	 stroke-dashoffset: 8.15;
}
 .feedback li.good div svg.mouth {
	 --t: 22px;
	 --sc: -1;
	 stroke-dasharray: 13.3;
	 stroke-dashoffset: 23.75;
}
 .feedback li.good.active div svg.mouth {
	 --middle-y: 1px;
	 --middle-s: -1;
	 animation: toggle 0.8s linear forwards;
}
 .feedback li.happy div {
	 --step-1-rx: 18deg;
	 --step-1-ry: 24deg;
	 --step-2-rx: 18deg;
	 --step-2-ry: -24deg;
}
 .feedback li.happy div:before {
	 --sc: 0;
}
 .feedback li.happy div:after {
	 --b: var(--m, var(--normal-mouth));
	 --l: 11px;
	 --t: 23px;
	 --w: 18px;
	 --h: 8px;
	 --br: 0 0 8px 8px;
}
 .feedback li.happy div svg.eye {
	 --t: 14px;
	 --sc: -1;
}
 .feedback li.happy.active div:after {
	 --middle-s-x: 0.95;
	 --middle-s-y: 0.75;
	 animation: toggle 0.8s linear forwards;
}
 .feedback li:not(.active) {
	 cursor: pointer;
}
 .feedback li:not(.active):active {
	 transform: scale(0.925);
}
 .feedback li.active {
	 --sb: var(--active);
	 --sh: var(--active-shadow);
	 --m: var(--active-mouth);
	 --e: var(--active-eye);
}
 .feedback li.active div {
	 animation: shake 0.8s linear forwards;
}
 @keyframes shake {
	 30% {
		 transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
	}
	 60% {
		 transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
	}
	 100% {
		 transform: perspective(240px) translateZ(4px);
	}
}
 @keyframes tear {
	 0% {
		 opacity: 0;
		 transform: translateY(-2px) scale(0) translateZ(0);
	}
	 50% {
		 transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
	}
	 20%, 80% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
		 transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
	}
}
 @keyframes toggle {
	 50% {
		 transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
	}
}
 @keyframes angry {
	 40% {
		 background: var(--active);
	}
	 45% {
		 box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
	}
}
 
 .feedback1 {
	 --normal: #eceaf3;
	 --normal-shadow: #d9d8e3;
	 --normal-mouth: #9795a4;
	 --normal-eye: #595861;
	 --active: #f8da69;
	 --active-shadow: #f4b555;
	 --active-mouth: #f05136;
	 --active-eye: #313036;
	 --active-tear: #76b5e7;
	 --active-shadow-angry: #e94f1d;
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 display: flex;
}
 .feedback1 li {
	 position: relative;
	 border-radius: 50%;
	 margin-left: 30px;
    margin-right: 30px;
	 background: var(--sb, var(--normal));
	 box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
	 transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
	 -webkit-tap-highlight-color: transparent;
}
.feedback1 li span{position:absolute;
                  color: #FFF;
    text-align: center;
    float: left;
    left: 0px;}
 .feedback1 li:not(:last-child) {
	 margin-right: 30px;
	 margin-left:30px;
}
 .feedback1 li div {
	 width: 40px;
	 height: 40px;
	 position: relative;
	 transform: perspective(240px) translateZ(4px);
}
 .feedback1 li div svg, .feedback li div:before, .feedback li div:after {
	 display: block;
	 position: absolute;
	 left: var(--l, 9px);
	 top: var(--t, 13px);
	 width: var(--w, 8px);
	 height: var(--h, 2px);
	 transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
}
 .feedback1 li div svg {
	 fill: none;
	 stroke: var(--s);
	 stroke-width: 2px;
	 stroke-linecap: round;
	 stroke-linejoin: round;
	 transition: stroke 0.4s;
}
 .feedback1 li div svg.eye {
	 --s: var(--e, var(--normal-eye));
	 --t: 17px;
	 --w: 7px;
	 --h: 4px;
}
 .feedback1 li div svg.eye.right {
	 --l: 23px;
}
 .feedback1 li div svg.mouth {
	 --s: var(--m, var(--normal-mouth));
	 --l: 11px;
	 --t: 23px;
	 --w: 18px;
	 --h: 7px;
}
 .feedback1 li div:before, .feedback li div:after {
	 content: '';
	 z-index: var(--zi, 1);
	 border-radius: var(--br, 1px);
	 background: var(--b, var(--e, var(--normal-eye)));
	 transition: background 0.4s;
}
 .feedback1 li.angry {
	 --step-1-rx: -24deg;
	 --step-1-ry: 20deg;
	 --step-2-rx: -24deg;
	 --step-2-ry: -20deg;
}
 .feedback1 li.angry div:before {
	 --r: 20deg;
}
 .feedback1 li.angry div:after {
	 --l: 23px;
	 --r: -20deg;
}
 .feedback1 li.angry div svg.eye {
	 stroke-dasharray: 4.55;
	 stroke-dashoffset: 8.15;
}
 .feedback1 li.angry.active {
	 animation: angry 1s linear;
}
 .feedback1 li.angry.active div:before {
	 --middle-y: -2px;
	 --middle-r: 22deg;
	 animation: toggle 0.8s linear forwards;
}
 .feedback1 li.angry.active div:after {
	 --middle-y: 1px;
	 --middle-r: -18deg;
	 animation: toggle 0.8s linear forwards;
}
 .feedback1 li.sad {
	 --step-1-rx: 20deg;
	 --step-1-ry: -12deg;
	 --step-2-rx: -18deg;
	 --step-2-ry: 14deg;
}
 .feedback1 li.sad div:before, .feedback li.sad div:after {
	 --b: var(--active-tear);
	 --sc: 0;
	 --w: 5px;
	 --h: 5px;
	 --t: 15px;
	 --br: 50%;
}
 .feedback1 li.sad div:after {
	 --l: 25px;
}
 .feedback1 li.sad div svg.eye {
	 --t: 16px;
}
 .feedback1 li.sad div svg.mouth {
	 --t: 24px;
	 stroke-dasharray: 9.5;
	 stroke-dashoffset: 33.25;
}
 .feedback li.sad.active div:before, .feedback li.sad.active div:after {
	 animation: tear 0.6s linear forwards;
}
 .feedback1 li.ok {
	 --step-1-rx: 4deg;
	 --step-1-ry: -22deg;
	 --step-1-rz: 6deg;
	 --step-2-rx: 4deg;
	 --step-2-ry: 22deg;
	 --step-2-rz: -6deg;
}
 .feedback1 li.ok div:before {
	 --l: 12px;
	 --t: 17px;
	 --h: 4px;
	 --w: 4px;
	 --br: 50%;
	 box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}
 .feedback1 li.ok div:after {
	 --l: 13px;
	 --t: 26px;
	 --w: 14px;
	 --h: 2px;
	 --br: 1px;
	 --b: var(--m, var(--normal-mouth));
}
 .feedback1 li.ok.active div:before {
	 --middle-s-y: 0.35;
	 animation: toggle 0.2s linear forwards;
}
 .feedback1 li.ok.active div:after {
	 --middle-s-x: 0.5;
	 animation: toggle 0.7s linear forwards;
}
 .feedback1 li.good {
	 --step-1-rx: -14deg;
	 --step-1-rz: 10deg;
	 --step-2-rx: 10deg;
	 --step-2-rz: -8deg;
}
 .feedback1 li.good div:before {
	 --b: var(--m, var(--normal-mouth));
	 --w: 5px;
	 --h: 5px;
	 --br: 50%;
	 --t: 22px;
	 --zi: 0;
	 opacity: 0.5;
	 box-shadow: 16px 0 0 var(--b);
	 filter: blur(2px);
}
 .feedback1 li.good div:after {
	 --sc: 0;
}
 .feedback1 li.good div svg.eye {
	 --t: 15px;
	 --sc: -1;
	 stroke-dasharray: 4.55;
	 stroke-dashoffset: 8.15;
}
 .feedback1 li.good div svg.mouth {
	 --t: 22px;
	 --sc: -1;
	 stroke-dasharray: 13.3;
	 stroke-dashoffset: 23.75;
}
 .feedback1 li.good.active div svg.mouth {
	 --middle-y: 1px;
	 --middle-s: -1;
	 animation: toggle 0.8s linear forwards;
}
 .feedback1 li.happy div {
	 --step-1-rx: 18deg;
	 --step-1-ry: 24deg;
	 --step-2-rx: 18deg;
	 --step-2-ry: -24deg;
}
 .feedback1 li.happy div:before {
	 --sc: 0;
}
 .feedback1 li.happy div:after {
	 --b: var(--m, var(--normal-mouth));
	 --l: 11px;
	 --t: 23px;
	 --w: 18px;
	 --h: 8px;
	 --br: 0 0 8px 8px;
}
 .feedback1 li.happy div svg.eye {
	 --t: 14px;
	 --sc: -1;
}
 .feedback1 li.happy.active div:after {
	 --middle-s-x: 0.95;
	 --middle-s-y: 0.75;
	 animation: toggle 0.8s linear forwards;
}
 .feedback1 li:not(.active) {
	 cursor: pointer;
}
 .feedback1 li:not(.active):active {
	 transform: scale(0.925);
}
 .feedback1 li.active {
	 --sb: var(--active);
	 --sh: var(--active-shadow);
	 --m: var(--active-mouth);
	 --e: var(--active-eye);
}
 .feedback1 li.active div {
	 animation: shake 0.8s linear forwards;
}
.chaptcha{padding-left:0px;}
.btn_feed{padding-right:0px;}
@media(max-width: 767px) 
{
    .feedback li:not(:last-child){margin-left:15px;
                                  margin-right:15px;}
    .feedback li{margin-left:15px;
                 margin-right:15px;}
    }

.select2-container .select2-choice{line-height:38px !important; height:38px !important;}