/*------prod-review-Popup------*/	
.prod-review-Popup{z-index: 999999;opacity: 1;overflow: hidden;background: rgba(0,0,0,0.7);position: fixed;height: 100%;width: 100%; left:0; right:0; top:0;bottom:0;}
.prod-review-content{position: fixed;z-index: 99;top: 50%;left: 0%;right: 0%;width: 700px;margin: 0 auto;transform: translateY(-50%);-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);background: #fff;border: 1px solid #dfdfdf;box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;max-height: 94%;overflow: auto;     scrollbar-color: #374f72 #FFF !important; scrollbar-width: thin;
}
.prod-review-block{padding: 10px;border-bottom: 1px solid #e7e7e7;display: flex;align-items: center;}
.prod-review-title{font-size: 18px;line-height: 30px;text-transform: capitalize;margin: 0;font-weight: 600;}
.popup-close{margin-left: auto;}
.popup-close svg{width: 25px;height: 25px;background: #ff0000;padding: 5px;border-radius: 50%;color: #fff;cursor: pointer;}
.popup--reviews{ padding: 10px 15px;}
.text_holder h3{color: #374f72;   font-size: 18px;   padding: 10px 0; margin: 0; border-bottom: 1px dashed #e1e1e1; font-weight: 500;}

.write_reviews {
    width: 50%;
    margin-left: 15px;
}
.reviews_text{display: flex; flex-flow: row wrap; margin: 15px 0;} 
.LoginSign_Form.w-100{ margin-right: 0;}
.LoginSign_Form { position: relative; margin-bottom: 25px; width: calc(50% - 15px); margin-right: 15px;}
.prod-review-content .LoginSign_Form:nth-child(2){width: 50%; margin-right: 0;}
.LoginSign_Form label { position: absolute; left: 0; top: 0; width: 100%;} 
.LoginSign_Form input:focus+label::before,
.LoginSign_Form input:valid+label::before { line-height: 20px; font-size: 14px;  top: -10px;  background: #fff; padding: 0 6px; left: 9px;}
.LoginSign_Form label::before { content: attr(title);  position: inherit; top: 0;  left: 15px;  line-height: 41px; font-size: 16px; color: #374f72;transition: 300ms all;
}
.LoginSign_Form input { width: 100%;  line-height: 40px; box-sizing: border-box;  padding: 0 12px;  font-size: 16px; font-family: "Fredoka", sans-serif;    color: #374f72;
    outline: none; border: 1px solid #dde0e6; border-radius: 5px;}
.LoginSign_Form input:focus {    outline: 0;    border-color: #6e7191;}
.LoginSign_Form input:valid+label::before {content: attr(data-title);}
.LoginSign_Form input:focus+label::before { color: #6e7191;}
.Login_Form {  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;    justify-content: space-between; align-items: start;}


.rating_title{color: #415b80 !important;font-size: 14px !important;padding-top: 4px;}
.reviews_message {
    width: 100%;
    margin-left: 0;
}
.reviews_message textarea{width: 100%;outline: none;margin-top: 10px;background: #fbfbfa;border: 1px solid #dfdfdf;font-size: 16px;color: #010101;height: 75px;
padding: 10px 2.5%;box-sizing: border-box; border-radius: 5px;
}
.upload{display: inline-block;background-color: #acacacb8;align-self: center;font-weight: 700;text-align: center;padding: 30px 10px;text-transform: uppercase;
color: white;font-size: 12px;cursor: pointer;border-radius: 0;
}
.reviews_link {
    margin: 20px 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.review-link-text {
    width: 50%;
}
.review-yesbtn {
    width: 25%;
}
.review-nobtn {
    width: 25%;
}



.reviews_link input[type=radio] {
    display: none
}

.reviews_link input[type=radio]:not(:disabled) ~ label {
    cursor: pointer
}

.reviews_link input[type=radio]:disabled ~ label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed
}

.reviews_link label {
    display: block;
    background: #415b80;
    border-radius: 30px;
    padding: 10px 0px;
    text-align: center;
    color:#fff;
    max-width:100px;
}


.reviews_link input[type=radio]:checked + label {
    background: #ff8080;
}


.reviews_submit {text-align: center;margin-top: 20px;margin-bottom: 10px;}
.reviews_submit a{background: #415b80;width: 160px;display: inline-block;font-size: 15px;color: #fff;line-height: 35px;text-transform: uppercase;cursor: pointer;
text-decoration: none;letter-spacing: 1px;border-radius: 20px;transition: all 0.5s;
}
.reviews_submit a:hover{background: #ff8080;}


.LoginSign_Form textarea{     width: 100%;  outline: none; background: #fbfbfa;  border: 1px solid #dfdfdf;  font-size: 16px; color: #010101;   
	 height: 75px;
    padding: 10px 2.5%;    box-sizing: border-box; border-radius: 5px;
}
.LoginSign_Form.reviews_message label {
    position: absolute;
    left: 3px;
    top: 8px;
    width: 100%;
} 
.LoginSign_Form textarea:focus+label::before { line-height: 20px; font-size: 14px;  top: -10px;  background: #fff; padding: 0 6px; left: 9px;}

.btn{padding:9px 18px;}
.write_reviews p{margin-bottom:0;}
.rate {
  display: table;
    height: 36px;

}
.rate:not(:checked) > input {
    position:absolute;
    left: 0;
    appearance: none;
}
.rate:not(:checked) > label {
  float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:26px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked  label:hover  label,
.rate > label:hover  input:checked  label {
    color: #c59b08;
}

.reviews_text .LoginSign_Form p {
    margin-bottom: 8px;
}

.field-validation-error span{display:block; margin:5px 0; font-size:14px;}
/*----Responsive----*/
@media only screen and (max-width: 1000px), (max-width: 1199px) {
    .prod-review-content{width: 90%;max-height: 80%;}

}
@media only screen and (max-width: 500px), (max-width: 599px){

}
@media only screen and (max-width: 400px), (max-width: 499px){
	.LoginSign_Form{width: 100%; margin-right: 0;}
	.LoginSign_Form:nth-child(2) {
    width: 100%;
    margin-right: 0;
}
}