#product-view-tab ul.faqs li.q {font-size:18px;text-decoration: none; }
#product-view-tab ul.faqs li.q:hover { text-decoration: underline; color: #d872d0; }
#product-view-tab ul.faqs li.q.active { font-weight: 600;color:#000;}
#product-view-tab ul.faqs li.q:before, #product-view-tab ul.faqs li.a:before { display: inline-block; font-family: FontAwesome; margin-right: 5px; }
#product-view-tab ul.faqs li.q:before { content: "\f059"; }
#product-view-tab ul.faqs li.a:before { content: "\f00c"; color: #d872d0; }
#product-view-tab ul.faqs li.q.active:before { font-weight: normal; }
body.catalog-product-view .bottom-recently-block,
body.checkout-cart-configure .bottom-recently-block{margin-top:0px;}
body .product-view .related-products {border-bottom:none;margin-bottom:0px;}
.review-row{margin-bottom:15px !important;}
.option-group .validation-advice{margin-top:0px !important;}
.option-group dl { float: left; width: 100%; position: relative; margin-bottom: 0px; height: 59px; }
.option-group dt {pwidth: 100%; border: 1px solid #DDD; border-radius: 6px; cursor: pointer; display: block; padding: 0 8px; padding-right: 32px; height: 39px; line-height: 39px; font-weight: 400; position: relative; overflow: hidden; }
.additional_instruction-option dl { height: auto; margin-bottom: 20px; }
.additional_instruction-option textarea { height: 50px; border-radius: 5px; -webkit-border-radius: 5px; }
.additional_instruction-option dt { padding-left: 0px; padding-bottom: 5px; background: none; border: none; height: inherit; line-height: inherit; text-align: left !important; }
.option-group dt strong { font-weight: 400; }
.option-group dt strong img { float: left; height: 28px; margin-top: 5px; margin-right: 5px; border-radius: 3px; border: 1px solid #FFF; }
.option-group dt i, .option-group dt .clear { display: block; height: 100%; width: 30px; float: right; font-size: 16px; color: #888; position: absolute;top:0px;right:0px;line-height: 38px; text-align: center; }
.option-group dt .clear { color: red; text-decoration: none; font-size: 24px; line-height: 30px; display: none; }
.option-group dt em { color: red; font-style: normal; position: relative; top: 2px; padding-right: 3px; }
.option-group .selected-text small { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #777; }
.option-group .selected-text strong { font-weight: 600; }
.option-group dt:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.option-group dt.active { color: #BF37B5; }
.option-group dt.active i { display: none; }
.option-group dt.active .clear { display: block; }
.option-panel { background: #FFF; border: 1px solid #DDD; position: absolute; top: 0px; z-index: 180; width: 450px; border-radius: 6px; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.5); padding-bottom: 10px; }
.option-panel ul { clear: both; float: left; width: 100%; list-style: none; padding: 0px; margin: 0px; padding: 15px; padding-top: 5px; max-height: 400px; overflow: auto; }
.option-panel ul li { float: left; width: 100%; clear: both; }
.option-panel ul li label { font-weight: normal; display: block; }
.option-panel ul.validation-failed { border: none !important; background: none !important; }
.option-panel .options-list .radio{padding-top:8px;margin-bottom:0px;}
.option-panel .options-list .radio label{color:inherit !important;border:none;padding:0 0 0 20px;}
.option-panel .options-list .radio input{top:0px;}
.option-panel ul li:hover, .option-panel ul li.active, .option-panel ul li.active ul li:hover, .option-panel ul li.active ul li.active { color: red; }
.option-panel ul li.active ul li { color: #333; }
.option-panel ul.image li { float: left; width: 50%; text-align: center; clear: none; }
.option-panel ul.image li label { border: 1px solid #fff; cursor: pointer; display: block; padding: 1px !important; position: relative; transition: all 0.2s linear 0s; width: 100%; overflow: hidden; }
.option-panel ul.image li img { border: 1px solid #fff; width: 100%; z-index: 2; }
.hair_color-option .option-panel ul.image li { width: 20%; text-align: left; padding-right:1px;}
.hair_color-option .option-panel ul.image li label > span { display: block; max-width: 100%; word-break: break-all; position: absolute; top: 3px; left: 3px; color: #FFF; font-size: 12px; line-height: 14px; }
#buy-option .mask { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; z-index: 199; display: none; }
.option-panel ul.image li input[type="radio"], .option-panel ul.image li input[type="checkbox"] { position: absolute; top: -50px; }
.option-panel .t { float: left; padding: 0 15px; width: 100%; background: none; height: 39px; line-height: 39px; border-bottom: 1px solid #DDD; }
.option-panel li.t { color: #333 !important; font-weight: 600; line-height: 25px; height: 30px; padding: 0px; }
.option-panel .t span { float: left; font-weight: 600; }
.option-panel .close { font-weight: normal; text-align: center; display: block; height: 100%; line-height: 30px; width: 35px; float: right; font-size: 34px; color: #F00; opacity: 1; position: relative; top: 0px; margin-right: -15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; }
.option-group dt .clear:hover, .option-panel .close:hover { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.option-panel ul.image li .fa-check {bottom:2px;right:2px;}
.option-panel ul li .save { margin: 0 auto; border-radius: 5px; }
.option-panel ul ul { padding: 5px 0; max-height: inherit !important; }
.option-panel li.grey_percentage input[type="radio"] { top: 7px; }
.option-panel .grey_distribution { display: none; }
.option-group .option-panel .validation-failed{border:1px dashed #F00 !important;background-color:#faebe7 !important;}
.option-panel li.sub { display: none; margin: 5px 0; padding: 5px; border: 1px solid #EEE; }
.option-panel li.sub.error { border: 1px dashed #f00 !important; }
.option-panel li.sub.active { display: block; }
.option-panel ul.image li p { padding-top: 8px; color: #777; font-size: 12px; }
.option-panel ul.image li p span, .option-panel ul.image li p em { color: #000; font-size: 14px; font-weight: 600; font-style: normal; }
.option-panel ul.image li p span,.option-panel ul.image li label span { display: block; width: 100%;font-size:13px;line-height: 13px; min-height: 26px; margin-bottom: 5px; }
.option-panel ul li input.attr { width: 40px; display: inline-block; margin: 0 3px; position:static !important;}
.option-panel ul.attr li img { width: auto !important; }
.option-panel ul ul textarea { margin-top: 8px; height: 48px; line-height: 22px; }
.add-to-cart dl { padding-top: 0px !important; }

.hair_density-option .option-panel ul li label span{display:none;}
.hair_direction-option .option-panel ul.image li{width:25%;}
.base_material_color-option .option-panel ul.image li{width:33.33%;} 
.additional_instruction-option{width:66.66%;}
@media (max-width: 767px) {
.option-panel { background: #FFF; border: none; position: fixed; left: 0px; width: 100%; top: inherit; bottom: 0px; z-index: 200; height: 65%; border-radius: 0px; box-shadow: none; padding-bottom: 50px; }
.option-panel ul { overflow: auto; height: calc(100% - 55px); height: -webkit-calc(100% - 55px); }
#buy-option .mask.active { display: block; }
.option-panel .close {background:#BD0400;color: #FFF; font-size: 30px;width:38px;height:100%;display:block;}
.option-panel .close:hover { -moz-transform: none; -webkit-transform: none; transform: none; }
body .product-view .nav-tabs li{width:25%;}
}
@media (max-width: 991px) {
	.option-panel{width:100%;}
	.additional_instruction-option{width:100%;}
}
@media (max-width: 1199px){
	body #zoom-box{width:100%;}
	body .media-container .thumb img{width:60px;height:79px;}
}
@media (min-width: 992px) and (max-width: 1199px){
	.product-gallery-common{width:35%;}
	#product-cont{width:65%;}
}