/******Reviews banner******/
.owl-carousel_writereviews .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel_writereviews {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel_writereviews .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel_writereviews .owl-wrapper-outer {
	overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.owl-carousel_writereviews .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel_writereviews .owl-item {
	float: left;
}

/* fix */
.owl-carousel_writereviews  .owl-wrapper,
.owl-carousel_writereviews .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.picWriteReview-container {
    width: 100%;
    height: 700px;
    padding-left: 5%;
    padding-right: 5%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-reviews-drs-secret.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    align-items: center;
}

.textWriteReview {
	width: 40%;
}

.writereviewTitle {
    font-size: 42px;
	color: #502c1e;
    margin-top: 0px;
    margin-bottom: 10px;
}
/******Reviews banner******/

#reviewform p {
	margin: 0px;
}

.clearBoth {
	clear: both;
}

.formTopText {
	font-size: 15px;
    color: #b10c0c;
    float: right;
}

.formHighlight {
	color: #b10c0c;
}

#reviewform {
	width: 100%;
}

.form-left {
	width: 25%;
	float: left;
	padding-right: 20px;
}

.review-title {
    font-size: 16px;
    color: #502c1e;
    line-height: 1.2;
}

.smallFormText {
	font-size: 15px;
}

.form-right {
	width: 75%;
	float: left;
}

#reviewform section {
	margin-bottom: 50px;
    clear: both;
}

#reviewform ul {
    list-style-type: none;
	padding-left: 0;
}

#skinconcernCheckbox li {
    display: inline-block;
    line-height: 50px;
    height: 50px;
}

#skinconcernCheckbox li p {
  display: inline-block;
  color: #502c1e;
  font-size: 15px;
  line-height: 1.2;
  vertical-align: middle;
  position: relative;
  top: -4px;
  margin: 0px;
}

#reviewform label {
    display: block;
    padding: 0;
    padding-right: 30px;
    cursor: pointer;
}

#reviewform input[type=text], #reviewform input[type=email] {
	position: relative;
    display: inline-block;
	width: 300px;
	margin-left: 0;
    background: #f7f7f7;
    padding: 10px 12px;
    font-size: 16px;
    color: #939393;
	border: 1px solid #e7e7e7;
}

#reviewform input[type=file] {
    width: auto;
	position: relative;
  	/*top: -10px;*/
	font-size: 15px;
	color: #502c1e;
	padding: 0;
	cursor: pointer;
}

.NFI-filename {
    background: none !important;
    padding: 10px 12px !important;
	border: none !important;
	color: #502c1e !important;
	font-size: 14px !important;
}

.NFI-button {
    color: #502c1e;
    background-color: #f0ece6;
    font-size: 14px;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 2px;
	border: none !important;
	cursor: pointer;
}

.NFI-button:hover {
	background-color: #867874;
	color: #ffffff;
}

#reviewform .review_checkbox {
	position: relative;
}

#reviewform .review_checkbox label {
	font-weight: 300;
}

#reviewform .review_checkbox li:last-child label {
	padding-right: 0px;
}

#reviewform input[type=checkbox] {
  display: none; /* Hide the default checkbox */
}

#reviewform .review_checkbox li .checkbox {
	position: relative;
	display: inline-block;
    height: 18px;
    width: 18px;
    background-color: #f7f7f7;;
	border: 1px solid #e7e7e7 !important;
	margin-right: 10px;
}

#reviewform .review_checkbox input[type=text] {
    display: inline-block;
	width: auto;
	margin-left: 20px;
	border: 1px solid #fff;
	border-radius: 5px;
	height: 45px;
	position: relative;
    top: -5px;
}

#reviewform .review_checkbox input[type=text]:disabled {
    border: 1px solid rgba(118, 118, 118, 0.3);
}

#reviewform [type=checkbox]:checked + .checkbox:before {
	content: '✓';
	color: #867874;
	position: absolute;
	top: -16px;
	left: 3px;
	font-weight: bold;
}

#productdropdownMenu,
#productdropdownMenu-menu-text {
	padding: 10px 12px;
	margin-bottom: 0px;
}

#productdropdownMenu-menu-text:hover {
	color: #867874;
}

#productdropdownMenu-menu-text #line {
	margin-top: 10px;
}

#productdropdown label {
	padding-right: 0px;
}

#productdropdown label span {
	font-size: 15px;
	padding: 10px 12px;
	margin-left: 0px;
}

#productdropdown ul {
    list-style-type: none;
    padding-left: 0;
    overflow-y: scroll;
    max-height: 300px;
}

#productdropdown [type=checkbox]:checked + span:before {
    width: 15px;
    height: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    font-size: 15px;
    text-align: center;
    line-height: 13px;
    float: right;
	margin-top: 2px;
    margin-right: -14px;
    color: #502c1e;
    visibility: visible;
    position: initial;
}

#reviewform input[type=text]#review-text-title {
	font-family: 'Woodford Bourne', 'Avenir LT Std 35 Light', "Microsoft YaHei", STXihei, STHeiti, "돋움", "Dotum", 'Noto Sans SC', sans-serif;
	font-size: 16px;
	width: 100%;
}

#reviewform textarea {
	font-family: 'Woodford Bourne', 'Avenir LT Std 35 Light', "Microsoft YaHei", STXihei, STHeiti, "돋움", "Dotum", 'Noto Sans SC', sans-serif;
	font-size: 16px;
	width: 100%;
	color: #939393;
	border: none;
    background: #f7f7f7;
	border: 1px solid #e7e7e7;
	min-height: 200px;
    padding: 12px 10px;
	margin-top: 10px;
	resize: none;
}

.formRating {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	position: relative;
}

.formRating label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	cursor: pointer;
	padding-right: 0 !important;
}

.formRating label:last-child {
	position: static;
}

.formRating label:nth-child(1) {
	z-index: 5;
}

.formRating label:nth-child(2) {
	z-index: 4;
}

.formRating label:nth-child(3) {
	z-index: 3;
}

.formRating label:nth-child(4) {
	z-index: 2;
}

.formRating label:nth-child(5) {
	z-index: 1;
}

.formRating label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.formRating label .icon:before {
	content: '☆';
	float: left;
	color: #502c1e;  
	font-weight: 300;
}

.formRating label:last-child .icon {
	color: #000;
}

.formRating:not(:hover) label input:checked ~ .icon:before,
.formRating:hover label:hover input ~ .icon:before {
	content: '★';
	color: #502c1e;
}

.formRating label input:focus:not(:checked) ~ .icon:last-child {
	color: #502c1e;
	text-shadow: 0 0 5px #502c1e;
}

.custom-select {
	font-family: 'Woodford Bourne', 'Avenir LT Std 35 Light', "Microsoft YaHei", STXihei, STHeiti, "돋움", "Dotum", 'Noto Sans SC', sans-serif;
	width: 300px;
	position: relative;
	/*top: -10px;*/
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
	border: 1px solid #e7e7e7;
	/*border-radius: 4px;*/
}

/* Style the arrow inside the select element: */
.select-selected:after {
	position: absolute;
	content: url("https://resource.bwlgroup.com/drs-secret/images/dropdownarrow.png");
	transform: scale(.6);
	top: 25%;
    right: -5px;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  /*border-color: transparent transparent #fff transparent;
  top: 7px;*/
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
	color: #502c1e;
	font-size: 15px;
	background-color: #fff;
	padding: 10px 12px;
	cursor: pointer;
}

/* Style items (options): */
.select-items {
	position: absolute;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	/* border-radius: 4px;*/
}

/* Hide the items when the select box is closed: */
.select-hide {
	display: none;
}

.select-items div:hover, .same-as-selected {
	background-color: #867874 !important;
	color: #ffffff;
}

#agreementCheckbox {
	margin-top: 65px;
	margin-bottom: 10px;
}

.agreement-left {
	width: 6%;
	float: left;
	text-align: right;
}
.agreement-right {
	width: 94%;
	float: left;
}

#agreementCheckbox li {
    display: inline-block;
    line-height: 50px;
    height: 50px;
}

#agreementCheckbox li .agreement-right p {
	margin-top: 0;
	top: 0;
}

#agreementCheckbox li .agreement-right p {
  display: inline-block;
  color: #502c1e;
  font-size: 15px;
  line-height: 1.2;
  vertical-align: middle;
  position: relative;
  margin: 0px;
}

#submitbutton {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    border-radius: 30px;
    background: #f0ece6;
    font-family: 'Woodford Bourne', 'Avenir LT Std 35 Light', "Microsoft YaHei", STXihei, STHeiti, "돋움", "Dotum", 'Noto Sans SC', sans-serif;
    font-size: 15px;
    color: #502c1e;
    line-height: 1.2;
    letter-spacing: 1px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	margin-top: 30px;
}

#submitbutton:hover {
	background: #867874;
    color: #ffffff;
}

@media (max-width: 1400px) {
/******Reviews banner******/
.picWriteReview-container {
    height: 600px
}
/******Reviews banner******/
}

@media screen and (max-width: 1050px) {
/******Reviews banner******/
.picWriteReview-container {
    height: 550px;
}
	
.writereviewTitle{
	font-size: 39px;	
}
/******Reviews banner******/
	
.formTopText {
	font-size: 14px;
}
	
.review-title {
    font-size: 15px;
}

.smallFormText {
	font-size: 14px;
}

#reviewform li p {
  font-size: 14px;
}

#reviewform input[type=text], #reviewform input[type=email] {
    font-size: 15px;
}

#reviewform input[type=file] {
	font-size: 14px;
}
	
#reviewform input[type=file]::file-selector-button {
    font-size: 13px;
}
	

#reviewform input[type=text]#review-text-title {
	font-size: 15px;
}

#reviewform textarea {
	font-size: 15px;
}

.select-items div,.select-selected {
	font-size: 14px;
}
	
#submitbutton {
    font-size: 14px;
}
}

@media screen and (max-width: 820px) {
/******Reviews banner******/
.picWriteReview-container {
    height: 500px;
}
	
.writereviewTitle {
	font-size: 37px;
}
/******Reviews banner******/
}

@media screen and (max-width: 789px) {
/******Reviews banner******/
.picWriteReview-container {
    width: 100%;
    height: 700px;
    padding-top: 10%;
    padding-bottom: 10%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-reviews-drs-secret-small.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
}
    
.textWriteReview {
	width: 100%;
}

.writereviewTitle {
	font-size: 43px;
    text-align: center;
}
/******Reviews banner******/
	
.formTopText {
	font-size: 15px;
}
	
.review-title {
    font-size: 16px;
}

.smallFormText {
	font-size: 15px;
}

#reviewform li p {
  font-size: 15px;
}

#reviewform input[type=text], #reviewform input[type=email] {
	width: 100%;
    font-size: 16px;
}
	
#reviewform input[type=file] {
	font-size: 15px;
}

#reviewform input[type=file]::file-selector-button {
    font-size: 14px;
}
	

#reviewform input[type=text]#review-text-title {
	font-size: 16px;
}

#reviewform textarea {
	font-size: 16px;
}
	
.custom-select {
    width: 100%;
}
	
.select-items div,.select-selected {
	font-size: 15px;
}

#submitbutton {
    font-size: 15px;
}
}

@media screen and (max-width: 760px) {
/******Reviews banner******/
.writereviewTitle {
	font-size: 40px;	
}
/******Reviews banner******/
}

@media screen and (max-width: 600px) {
/******Reviews banner******/
.picWriteReview-container {
    height: 600px;
    padding-top: 15%;
}
	
.writereviewTitle {
	font-size: 38px;	
}
/******Reviews banner******/
	
#reviewform section {
    margin-bottom: 30px;
}
	
.form-left, .form-right {
    width: 100%;
    float: none;
    padding-right: 0;
}

.review-title {
    margin-bottom: 20px !important;
}
	
#reviewform li {
    display: block;
}
}

@media screen and (max-width: 440px) {
#reviewform li p {
	width: 80%;
}
}

@media screen and (max-width: 400px) {
/******Reviews banner******/
.picWriteReview-container {
    height: 550px;
    padding-top: 15%;
    padding-bottom: 15%;
}
	
.writereviewTitle {
	font-size: 36px;	
}
/******Reviews banner******/  
	
.formTopText {
	font-size: 14px;
}
	
.review-title {
    font-size: 15px;
}

.smallFormText {
	font-size: 14px;
}

#reviewform li p {
  font-size: 14px;
}

#reviewform input[type=text], #reviewform input[type=email] {
    font-size: 15px;
}
	
#reviewform input[type=file] {
	font-size: 14px;
}

#reviewform input[type=file]::file-selector-button {
    font-size: 13px;
}
	

#reviewform input[type=text]#review-text-title {
	font-size: 15px;
}

#reviewform textarea {
	font-size: 15px;
}

.select-items div,.select-selected {
	font-size: 14px;
}
	
#submitbutton {
    font-size: 14px;
}
}