/* Hide Radio button */
.rate > input{
  display: none;
}

.rate{
  display: inline-block;;
  border: 0;
}

.rate > label{
  float: right;
}

/* Showing the stars */
.rate > label:before{
  display: inline-block;
  font-size: 1.1rem;
  font-family: FontAwesome;
  content: "\f005";
  margin:0;
  padding:0.3rem .2rem;
  cursor: pointer;
}

/* Half star */
.rate .half:before{
  content: "\f089";
  position: absolute;
  padding-right: 0;
}

/* Click and hover */
input:checked ~ label, label:hover ~ label{
  color: #ffb503;
}

/* hover hightlight */
input:checked + label:hover, input:checked ~ label:hover,input:checked ~ label:hover ~ label,
label:hover ~ input:checked ~ label{
  color: #cc9000;
}

.rating-star i{
  color: #ffb503 !important;
}

ul.thumb{
  margin:0 auto;
  padding: 0;
  float: left;
}
ul.thumb li{
  list-style: none;
  margin: 10px;
}
ul.thumb li img{
  width: 80px;
  height: 80px;
  border: 1px solid grey;
}

/* logo */
.logo{
  height: auto;
  width: 50%;
  aspect-ratio: 1.7;
}

/* popup */
.popup{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -43%);
  z-index:10000;
  display: none;
  background-color: #fff;
  padding: 3%;
}

.contentbox .imgbox{
  position: relative;
  width: 300px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgbox img{
  max-width: 275px !important;
}
.contentbox .imgbox img{
  position: relative;
  max-width: 250px;
}
.contentbox .popup_content{
  position: relative;
  width: 300px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-close{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height:40px;
  cursor: pointer;
  z-index: 1;
}

/* button for chat */
#myBtn {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 26px;
  border: none;
  outline: none;
  background: linear-gradient(45deg, #ff8008 0%, #ffc837 100%);
  color: white;
  cursor: pointer;
  padding: 2px 11px;
}

#myBtn:hover {
  background: #ffcd76;
}
.btn:focus, .form-control:focus{
  box-shadow: none;
}