/*------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: var(--color-primary-blue) #FFF !important; scrollbar-width: thin;
}
.prod-review-block{padding: 10px;border-bottom: 1px solid var(--color-border);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: var(--color-primary-blue);   font-size: 18px;   padding: 10px 0; margin: 0; border-bottom: 1px dashed var(--color-border); font-weight: 500;}

.write_reviews {width: 50%;margin-left: 0;}
.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);}
.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: var(--color-new-font);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: var(--color-new-font);outline: none; border: 1px solid var(--color-border); 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: var(--color-primary-blue) !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: var(--color-primary-blue);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 var(--color-border);  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: 0px;}

.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: 400px), (max-width: 499px){
.LoginSign_Form{width: 100%; margin-right: 0;}
.LoginSign_Form:nth-child(2) {width: 100%;margin-right: 0;}

}