body {
 font-family: "Roboto", sans-serif;
  margin: 0px;
  padding: 0px;
}

a {text-decoration: :none !important;}

.banner {
  width: 100%;
background: #ccc;
  margin-top: 46px;
}

.banner img {
  width: 100%;
}

.mid_form {
  width: 100%;
  text-align: center;
}

.mid_form_content {
  width: 50%;
  display: inline-block;
  padding: 30px;
  position:relative;
  background: #fff;
  box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.75);
}

.feed_back_form{width:100%;}

.feed_back_form h1{width:100%;font-size:25px;color:#714f2e;font-weight:bold;text-transform: uppercase;margin-bottom:10px;}

.name_field{width:100%;height:50px;border:none;border-radius:0px;border-bottom:#a4a4a4 solid 1px;padding-left:0px;}

.name_field:focus{border-bottom: #a4a4a4 solid 1px;box-shadow: none;}


.name_field::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
.name_field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
.name_field::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
.name_field:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}
.name_field::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000;
}

.name_field::placeholder { /* Most modern browsers support this now. */
   color:    #000;
}


.feed_back_form h2{width:100%;font-size:20px;color:#714f2e;font-weight:bold;text-transform: uppercase;margin-bottom:10px;text-align:left;margin-top:25px;margin-bottom:15px;}

.feed_back_form span{float:left;margin-right:15px;}

.rate_us{float:left;}

.rate_us h3{width:100%;font-size:20px;color:#714f2e;font-weight:bold;text-transform: uppercase;margin-bottom:10px;text-align:left;margin-top:25px;margin-bottom:15px;}

.rate_us_content{float:left;margin-top:9px;margin-left:10px;}

.star-rating {
  position: relative;
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0 -0.25rem;
}


.star-rating input {
  position: absolute;
  opacity: 0;
}

.star-rating label {
  cursor: pointer;
  color:#666666;
  font-size:35px;
  padding: 0 0.25rem;
  transition: color 0.15s;
}


.star-rating input:checked ~ label {
  color: gold;
}

.submit_button{width:100%;background:#714f2e;padding:10px 0px;border:none;color:#fff;border-radius:5px;margin-top:20px;font-weight:bold;}

.staff_content{width:100%;}

.staff_content h2{
    width: 100%;
    font-size: 22px;
    color: #714f2e;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:30px;
}

.staff_pic{width:100%;border:#ccc solid 1px;padding:10px;margin-bottom:25px;text-align:center;}

.staff_pic figure{width:100px;margin-bottom:8px;height:100px;position:relative;display:inline-block;}

.staff_image{
    position: absolute;
    margin: auto;
    top: 0;
    height:114px;
  /*  border-radius:50%;*/
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
}

.staff_pic h3{
    width: 100%;
    font-size:15px;
    color: #714f2e;
    font-weight:bold;
  margin-bottom:0px;
}

.link{text-decoration:none;}

.staff_padding{padding-bottom:0px !important;}

.logo{width:100%;text-align:center;margin-bottom:30px;}

.loader_content{width:100%;position:absolute;top:0px;left:0px;height:100%;background:#ae7c4b;z-index:9999;padding-top: 100%;}

.hide_loader{display:none !important;}
.show_loader{display:block !important;}

.loader {
  border:5px solid #714f2e;
  border-radius: 50%;
  border-top: 5px solid #ffbc90;
  width:60px;
  margin:auto;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}