/* .no-gutter {
            padding: 0;
            padding-bottom: 10px;
            margin-top: 0;
        }

        .btn-detail {
            background-color: #900;
            border: solid 3px #900;
            color: #fff;
            border-radius: 0px;
            overflow: hidden;
        }

        .btn-detail:hover,
        .btn-detail:focus {
            background-color: #fff;
            border: solid 1px #900;
            color: #900;
        } */
.s-submit .stm-star-rating label {
  display: inline;
  margin: 0 15px 0 0;
  font: normal normal normal 30px/1 FontAwesome;
}

.nav-bar {
  margin-bottom: 0;
  background: #663300;
}

.social ul li a {
  line-height: 50px;
  width: 100%;
  padding: 0px 20px;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.social ul > li.active > a {
  background: #af742e;
}

.social ul > li:hover {
  background: #af742e;
}

/* rating */
.rating-css div {
  color: #ffe400 !important;
  font-size: 30px;
  font-family: sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  padding: 10px 0;
}

.rating-css input {
  display: none;
}

.rating-css input + label {
  font-size: 60px;
  text-shadow: 1px 1px 0 #8f8420;
  cursor: pointer;
}

.rating-css input:checked + label ~ label {
  color: #b4afaf;
}

.rating-css label:active {
  transform: scale(0.8);
  transition: 0.3s ease;
}

/* End of Star Rating */

div.stars {
  /* width: 270px; */
  display: inline-block;
  margin-left: 15px;
}

input.star {
  display: none;
}

label.star {
  float: right;
  padding: 10px 0;
  font-size: 36px;
  color: #444;
  transition: all 0.2s;
}

input.star:checked ~ label.star:before {
  content: "\f005";
  color: #fd4;
  transition: all 0.25s;
}

input.star-5:checked ~ label.star:before {
  color: #fe7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
    color: #f62;
}

/* label.star:hover {
            transform: rotate(-15deg) scale(1.3);
        } */

label.star:before {
    content: "\f006";
    font-family: FontAwesome;
}

.button .disabled {
  background-color: #c9cccf !important;
  box-shadow: 0 2px 0 rgba(201, 204, 207, 0.5);
}

.center-block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.margin-right-5 {
    margin-right: 5px;
}

@media screen and (max-width: 768px) {
    .social ul li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 425px) {
    .social ul {
       display: flex;
       flex-direction: column;
    }

    .social ul li a {
        text-align: center;
    }

}