@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label { margin: 0; padding: 0; }
body{ margin: 0px; }
h1 { font-size: 1.5em; margin: 10px; }

/****** Style Star Rating Widget *****/

.pointer:hover{cursor: pointer;}
.rating {  
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 

.customer_review_container{width: 100%;padding: 30px 0px;}
.inner_container{max-width: 1100px;margin: 0 auto;padding: 0px 15px;}

.customer_review_block {width: 100%;background-color: #f8f8f8;box-sizing: border-box;padding: 20px;display: inline-block}
.left_review_block{box-sizing: border-box; float: left;}
.customer_review_block .title{font-size: 26px;color: #000;padding-bottom: 10px;}
.customer_review_block .no{font-size: 20px;color: #000;padding: 10px 0px;}
.customer_review_block img{  width: 120px; vertical-align: sub;}
.customer_review_block span{display: inline-block;color: #9f9d9d}
.customer_review_block .total_review{padding-bottom: 10px;color: #9f9d9d;display: inline;}

.ratting_bar_block{padding: 10px 0px;float: left;}
.ratting_bar_block ul{}
.ratting_bar_block ul li{padding: 10px; margin-bottom:0em}
.ratting_bar_block ul li span{display: inline-block;color: #000;}
.ratting_bar_block ul li img{max-width: 100%;padding: 0px 15px;vertical-align: middle;}
.ratting_bar_block ul li a{color: #000;}
.left_review_block .review_btn{width: 100%;margin: 20px 0px;margin-top: 30px;}
.left_review_block .review_btn a{font-size: 15px; color: #fff;border-radius: 5px; padding: 12px 15px;background-color: #1979c3;border: 0px;display: inline-block;}
.left_review_block .review_btn a:hover{background-color: #1770b4;text-decoration:none;}
.left_review_block .review_btn .rev_btn{font-size: 15px; color: #fff;border-radius: 5px; padding: 12px 15px;background-color: #1979c3;border: 0px;display: inline-block;}
.left_review_block .review_btn .rev_btn:hover{background-color: #1770b4;text-decoration:none;}

.left_review_block .review_btn  span{display: block;padding: 10px 0px;color: #000;padding-top: 15px;padding-bottom: 0px;}





.top_customer_review{width: 100%;clear: both;padding: 20px 0px;box-sizing: border-box;}
.top_customer_review .title{font-size: 26px;color: #000;padding-bottom: 10px;}
.top_customer_review ul{}
.top_customer_review ul li{display: inline-block;padding: 10px;box-sizing: border-box; margin-bottom:0em;}
.top_customer_review .checkbox {display: block;position: relative;padding-left: 35px;cursor: pointer;
  font-size: 16px;color: #000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}


.top_customer_review .checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}


.top_customer_review .checkmark {
  position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #fff;border-radius: 2px;border: 1px solid #adadad}


/*.top_customer_review .checkbox:hover input ~ .checkmark {background-color: #ccc;}*/


.top_customer_review .checkbox input:checked ~ .checkmark {background-color: #1979c3;}


.top_customer_review .checkmark:after {content: "";position: absolute;display: none;}

.top_customer_review .checkbox input:checked ~ .checkmark:after {display: block;}


.top_customer_review .checkbox .checkmark:after {
  left: 6px;top: 3px;width: 4px;height: 9px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}

.top_customer_review .vertical_line{font-size: 20px;color: #bcbcbc}
.top_customer_review .sort_by{    margin: 5px 5px 5px 8px;padding: 0 0 0 10px;max-width: 170px;
    width: 300px;height: 30px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;border: 1px solid #ccc;
    border-radius: 1px;background-image: url(../images/../images/down-arrow1.png);background-repeat: no-repeat;background-position: 95% 50%;background-color: #fff;background-size: 12px;outline: 0;}

.top_customer_review .toolbar{width: 100%;background-color: #f8f8f8;padding: 0px 10px;box-sizing: border-box; margin-bottom:0px;}
.top_customer_review .toolbar ul li img{vertical-align: middle;}


.comment_container{width: 100%;padding: 20px 20px;background-color: #f8f8f8;box-sizing: border-box;}

.review_comment_block{width: 100%;display: inline-block;box-sizing: border-box;background-color: #fff;padding: 20px 0px;}


.review_comment_block .left{width: 24%;float: left;padding: 10px 20px;box-sizing: border-box;border-radius: 4px;}
.review_comment_block .left .name{font-size: 18px;font-weight: 800;padding: 10px 0px;padding-top: 0px;}
.review_comment_block .left span{    font-size: 14px;color: #5b5b5b;padding: 10px 0px;}
.review_comment_block .left ul{}
.review_comment_block .left ul li{display: block;padding: 10px 0px;box-sizing: border-box;}
.review_comment_block .left ul li span{font-size: 12px;color: #8f8f8f;display: block;padding: 0px;text-transform: capitalize;}
.review_comment_block .left ul li img{width: 120px;}

.review_comment_block .right{float: right;width: 73%;box-sizing: border-box;}
.review_comment_block .right .summary{ font-size: 18px;font-weight: 700;padding: 10px 0px;padding-right: 20px;line-height: 25px;}
.review_comment_block .right .summary .helpful{float: right;font-size: 13px;color: #000;font-weight: 400;}
.review_comment_block .right p{font-size: 15px;color: #000; line-height: 25px;}
.review_comment_block .right .respose_from_store{}
.review_comment_block .right .title{font-size: 18px;font-weight: 700;padding: 10px 0px;}



.review_comment_block .right .product_img{width: 100%; padding: 20px 0px;box-sizing: border-box;}
.review_comment_block .right .product_img ul li{display: inline-block;padding-right: 10px;width: 24%;}
.review_comment_block .right .product_img ul li img{max-width: 100%;}


.review_comment_block .reply_box{width: 100%;padding: 10px 0px;}
.review_comment_block .reply_box ul{}
.review_comment_block .reply_box ul li{display: inline-block;padding: 0px 10px;vertical-align: middle;}
.review_comment_block .reply_box ul li .reply_btn{width: 100px;text-align: center;display: inline-block;padding: 10px;color: #000;background-color: #fff;border: 1px solid #1979c3;background-image: url(../images/reply_icon.png);background-repeat: no-repeat;background-position: 8% 55%;}
.review_comment_block .reply_box ul li a{font-size: 14px;color: #000}
.review_comment_block .reply_box ul li .vertical_line{ border-left:1px solid #c4c4c4;height: 22px;display: block;}
.review_comment_block .reply_box ul li span{font-size: 12px;}
.review_comment_block .reply_box ul li img{max-width: 100%;vertical-align: bottom;padding-right: 3px;}


.review_comment_block .advantage{width: 100%;padding: 20px 0px;box-sizing: border-box;}
.review_comment_block .advantage ul{}
.review_comment_block .advantage ul li{display: inline-block;}
.review_comment_block .advantage ul li span{color: #3e7405;}
.review_comment_block .advantage ul li img{max-width: 100%;vertical-align: middle;padding: 0px 10px;}
.review_comment_block .advantage ul li .red_color{color: #d0021b}


.showing_and_leaving_comment{width: 100%;padding: 20px;background-color: #f8f8f8;box-sizing: border-box}
.showing_comments_block{width: 100%;padding-bottom: 20px;box-sizing: border-box;}
.showing_comments_block .title{font-size: 14px;color:#000;    border-bottom: 1px solid #c8c8c8;}
.showing_comments_block .comment_name{}
.showing_comments_block .comment_name b{font-size: 17px;color: #000; }
.showing_comments_block .comment_name span{font-size: 14px;color: #5b5b5b;padding: 10px 0px;display: inline-block}
.showing_comments_block .comment_name .months{font-size: 12px;color: #000;padding-bottom: 10px;}
.showing_comments_block .comment_name p{font-size: 15px;color: #000;line-height: 24px;}

.comment_leave_block{width: 100%;display: none;}
.comment_leave_block .title{font-size: 14px;color:#000;    border-bottom: 1px solid #c8c8c8;}
.comment_leave_block ul{padding-top: 20px;}
.comment_leave_block  ul li{display: inline-block;padding: 10px;width: 49%;box-sizing: border-box;}
.comment_leave_block ul li span{display: block;font-size: 16px;padding-bottom: 10px;box-sizing: border-box;}

.comment_leave_block ul li input{width: 100%;height: 36px;font-size: 15px;padding-left: 10px;    border-radius: 5px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);outline: 0;border: 1px solid transparent;box-sizing: border-box;}

.comment_leave_block ul li input:focus{ border-color: #1e8ae0;}

.comment_leave_block  ul li textarea{width: 100%;height: 120px;outline: 0;padding-left: 10px;padding-top: 10px;font-size: 15px;    border-radius: 5px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);border: 1px solid transparent;box-sizing: border-box;}

.comment_leave_block  ul li textarea:focus{ border-color: #1e8ae0;}

.comment_leave_block  ul .comment_area{width: 100%;}
.comment_leave_block .add_comment{padding-top: 20px; padding-left: 10px;padding-bottom: 10px;}
.comment_leave_block .add_comment button{padding: 12px 15px;box-shadow: none;color: #fff;font-size: 15px;background-color: #1979c3;border: 0px;display: inline-block;border-radius: 5px;cursor: pointer;}

.comment_leave_block .add_comment button:hover{background-color: #1770b4}
.comment_leave_block .add_comment button:focus{outline: 0px;}

/* 
.pagination{width: 100%;display: inline-block;padding: 10px;box-sizing: border-box;background-color: #f8f8f8;margin:30px 0px;}
.pagination ul {text-align: center}
.pagination ul li{display: inline-block;padding: 5px;box-sizing: border-box;vertical-align: top; margin-bottom:0em;}
.pagination ul li a{font-size: 14px; color: #1979c3; border: 1px solid #1979c3 ;width: 31px;height: 31px;text-align: center;line-height: 31px;display: block;}
.pagination ul li .active{background-color: #1979c3;color: #fff;}

.pagination ul li .next_arrow{background-image: url(../images/../images/next_arrow.png);background-repeat: no-repeat;background-position: center;}
.pagination ul li .next_arrow:hover{background-image: url(../images/../images/white_next_arrow.png)}

.pagination ul li a:hover{background-color: #5d98c6;color: #fff;} */

.product_review_container{width: 100%;padding: 40px 20px;box-sizing: border-box;background-color: #f8f8f8; display:none;}
.product_review_container .product_review_block{max-width: 600px;margin: 0 auto;}
.product_review_block .product_name{font-size: 14px;color: #5b5b5b;text-transform: capitalize;padding: 10px 0px;}
.product_review_block .product_name span{font-size: 18px;color: #000;}
.product_review_block .rating{width:100%;}
.product_review_block .rating img{width: 120px;}
.product_review_block ul{}
.product_review_block ul li{ display: inline-block;padding: 10px;width: 49%;box-sizing: border-box;}
.product_review_block ul .comment_area{width: 100%}

.product_review_block ul li span{display: block;font-size: 16px;padding-bottom: 10px;box-sizing: border-box;}

.product_review_block ul li input{width: 100%;height: 36px;font-size: 15px;padding-left: 10px;border-radius: 5px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);outline: 0;border: 1px solid transparent;box-sizing: border-box;}

.product_review_block ul li input:focus{ border-color: #1e8ae0;}

.product_review_block ul li textarea:focus{border-color: #1e8ae0;}

.product_review_block ul li textarea{width: 100%;height: 120px;outline: 0;padding-left: 10px;padding-top: 10px;font-size: 15px;border-radius: 5px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);border: 1px solid transparent;box-sizing: border-box;} 

.product_review_block .upload_file{padding: 10px 10px;}
.product_review_block .privacy_policy{padding: 10px}
.product_review_block .privacy_policy span{font-size: 14px;color: #000; display: inline-block;}
.product_review_block .privacy_policy a{font-size: 15px;color: #1979c3}

.product_review_block .submit_review{width: 100%;padding-top: 20px;padding-left: 10px;}
.product_review_block .submit_review button{padding: 12px 25px;box-shadow: none;color: #fff;font-size: 15px;background-color: #1979c3; border:0px;display: inline-block;border-radius: 5px;cursor: pointer;}

.product_review_block .submit_review button:hover{background-color: #1770b4}
.product_review_block .submit_review button:focus{outline: 0px;}




@media (min-width:200px) and (max-width:900px){
	
	.left_review_block{float: none}
	.customer_review_block .title,
	.top_customer_review .title{font-size: 20px;}
	
	.customer_review_block .total_review{display: block;}
	.customer_review_block .no{font-size: 16px;}
	.customer_review_block span{line-height: 20px;}
	.left_review_block .review_btn{margin-top: 20px;}
	.left_review_block .review_btn a{font-size: 12px;padding: 10px 12px;}
	
	.left_review_block .review_btn span{font-size: 14px;}
	
	.ratting_bar_block{float: none;padding: 0px;}
	.ratting_bar_block ul li{padding: 5px;padding-bottom: 10px;}
	.ratting_bar_block ul li span{font-size: 14px;display: inline}
	.ratting_bar_block ul li a{font-size: 14px;}
	.ratting_bar_block ul li img{ max-width: 50%; padding: 0px 5px}
	
	.top_customer_review .title{padding-bottom: 20px;}
	
	.top_customer_review .toolbar{padding: 10px;}
	
	.top_customer_review .checkbox{font-size: 14px;padding-left: 28px;}
	.top_customer_review ul li{padding: 5px; /*margin-bottom:0em;*/}
	.top_customer_review ul li label{font-size: 14px}
	.top_customer_review .sort_by{width: 155px;margin: 8px 5px 5px 8px;}
	
	.review_comment_block{padding: 10px 0px;}
	
	.review_comment_block .left{width: 100%;float:none;padding: 10px;}
	.review_comment_block .right{width: 100%;float:none;padding: 10px;padding-top: 0px;}
	.review_comment_block .right .summary{font-size: 16px;padding-right: 0px;}
	.review_comment_block .right .summary .helpful{float: none;display: block;padding-top: 10px;}
	
	.review_comment_block .right p{font-size: 14px;line-height: 20px;}
	
	.review_comment_block .right .product_img ul li{width: 45%;padding-right: 5px;}
	
	.review_comment_block .reply_box ul li{padding: 0px 4px;padding-bottom: 10px;}
	.review_comment_block .reply_box ul li .reply_btn{width: 80px;font-size: 13px;}
	.review_comment_block .reply_box ul li .vertical_line{display: none;}
	
	
	.review_comment_block .advantage{padding: 10px 0px;margin-bottom: 20px;}
	.review_comment_block .advantage ul li{display: block;padding-bottom: 10px;}
	.review_comment_block .advantage ul li img{float: left;}
	.review_comment_block .advantage ul li span{font-size: 14px;}
	
	
	.review_comment_block .right .title{padding-top: 0px;font-size: 16px;}
	
	.showing_comments_block .comment_name b{font-size: 15px}
	.showing_comments_block .comment_name span{font-size: 13px;}
	
	
	.comment_leave_block ul li{width: 100%;display: block;padding: 0px;padding-bottom: 10px;}
	.comment_leave_block ul li span{font-size: 14px;}
	
	.comment_leave_block .add_comment{padding-top: 10px;padding-bottom: 0px;padding-left: 0px;}
	.comment_leave_block .add_comment button{font-size: 14px;padding: 10px 15px}
	
	/* .pagination ul li a{font-size: 13px;} */
	
	
	.product_review_container{padding: 20px;display:none}
	.product_review_block .product_name span{font-size: 16px;}
	.product_review_block .rating img{max-width: 40%;}
	.product_review_block ul li{display: block;width: 100%;padding: 0px;padding-bottom: 10px;}
	.product_review_block ul li span{font-size: 14px;}
	.product_review_block .rating{padding-bottom: 10px;}
	
	.product_review_block .upload_file span{font-size: 14px;}
	
	.product_review_block .privacy_policy{padding: 10px 0px;}
	.product_review_block .privacy_policy span{font-size: 13px}
	.product_review_block .privacy_policy a{font-size: 13px;}
	
	.product_review_block .submit_review button{font-size: 14px;padding: 10px 15px;}
}


@media (min-width:601px) and (max-width:900px){
	
    .left_review_block{float: left;width: 55%;}
	.customer_review_block .title, .top_customer_review .title{font-size: 24px;}
	.customer_review_block .no{font-size: 20px;}
	
	.left_review_block .review_btn a{font-size: 14px;}
	
	.review_comment_block .right .summary .helpful{float: right;}
	
}