/* 
Main Stylesheet
Created By: Dimbleweb
*/

/* INITIAL CSS */
body {color: #231f20; font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 23px; position: relative;}

h1, h2, h3, h4, h5, h6 {font-weight: 100; color: #231f20; position: relative; font-family: 'BoldFont', Arial, Verdana;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {font-family: 'BoldFont';}
h1 {font-size: 40px; line-height: 48px; margin-bottom: 15px;}
h2 {font-size: 36px; line-height: 44px; margin-bottom: 15px;}
h3 {font-size: 32px; line-height: 40px; margin-bottom: 15px;}
h4 {font-size: 28px; line-height: 36px; margin-bottom: 15px;}
h5 {font-size: 24px; line-height: 32px; margin-bottom: 15px;}

h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb, h5.no-mb {margin-bottom: 0px;}
h5.small-title {font-size: 20px; line-height: 28px;}
p, p a {font-size: 15px; color: #231f20; line-height: 23px;}
p.small, p.small a {font-size: 18px; line-height: 26px;}
p a:hover {text-decoration: underline; color: #6D6460;}
p.ft-big {font-size: 26px; line-height: 34px;}
a {color: #6D6460; font-size: 15px; line-height: 23px; text-decoration: none;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
a:hover {color: #ed1c24; text-decoration: underline;}
a.pt {cursor: pointer;}
a.no-td:hover {text-decoration: none !important;}
.inl-block {display: inline-block;}
small {font-size: 11px;}
.mt-10 {margin-top: 10px;}

.ft-bold {font-family: 'BoldFont', 'GeneralFont', Arial, Verdana;}

b, strong {font-family: 'BoldFont';}
i, em {font-family: 'GeneralFont' !important; font-style: italic;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldFont'; font-style: italic;}
small {font-size: 13px; line-height: 18px;}
img.full-width {width: 100%; display: block;}
img.round-border {
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
b.ft-size-med {font-size: 16px; line-height: 24px;}

.big {font-size: 20px; line-height: 28px;}

h2.type-2 {margin-bottom: -15px;}

h5.with-und {padding-bottom: 5px; border-bottom: 1px solid #231f20;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}
.dmb-img-wrap {position: relative; width: 100%; height: 100%; background: transparent;}
.dmb-img-wrap img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.dmb-img-wrap-2 {position: relative; width: 100%; height: 100%; background: transparent;}
.dmb-img-wrap-2 img {position: absolute; top:0; bottom: 15%; left: 0; right: 0; margin: auto;}

.ft-title{font-family: 'BoldFont', Arial, Verdana !important;}
.ft-general{font-family: 'GeneralFont', Arial, Verdana !important;}

.cl-white {color: #fff;}
.cl-white a, .cl-white a:hover {color: #fff;}
.cl-white a:hover {text-decoration: underline;}
.cl-gray {color: #c6c8c6;}

.gen-img-wrap {margin-bottom: 30px; position: relative;}
.gen-img-wrap.no-mb {margin-bottom: 0;}
.gen-img-wrap img {max-width: 100%; display: block;}
.gen-img-wrap img.centered {margin-left: auto; margin-right: auto;}
img.hovef {-webkit-backface-visibility: hidden;
transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
img.hovef:hover {opacity: 0.75;}

.full-img-wrap {position: relative;}
.full-img-wrap img {width: 100%; display: block;}
.mlr-auto {margin: 0 auto;}

.col-pd-left {width: 95%; padding-left: 5%;}
.col-pd-right {width: 95%; padding-right: 5%;}
.col-pd-left-2 {width: 97.5%; padding-left: 2.5%;}
.col-pd-right-2 {width: 97.5%; padding-right: 2.5%;}
.col-pd-both {width: 90%; padding-left: 5%; padding-right: 5%;}
.col-pd-both-2 {width: 95%; padding-left: 2.5%; padding-right: 2.5%;}

.cl-secondary {color: #6D6460;}
.cl-ternary {color: #ed1c24;}
.cl-ternary:hover {color: #ed1c24; text-decoration: underline;}

.sfw {float: left; width: 100%; position: relative;}

.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}

.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}

.pl-25 {padding-left: 25px;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.wrap {width: 90%; margin: 0 auto; position: relative;}
.content-wrap {width: 70%; margin: 0 auto; position: relative;}
.content-wrap-2 {width: 50%; margin: 0 auto; position: relative;}

@media only screen and (min-width: 1921px) {
	.wrap {width: 1800px;}
}

@media only screen and (max-width: 1024px) {
	.wrap {width: 95%;}
	.content-wrap {width: 80%;}
	.content-wrap-2 {width: 70%;}
}

.container {width: 100%; float: left; box-sizing: border-box;}
.container.wpd {padding-left: 50px; padding-right: 50px;}
.container.wpd2 {padding-left: 100px; padding-right: 100px;}
.container.wpd3 {padding-left: 150px; padding-right: 150px;}
.container.bgw {background: #fff;}
.container.bgp {background: #FFEDE5;}
.container.bgb {background: #F3FFFF;}
.container.bgg {background: #007A83;}
.section {clear: both; padding: 0px; margin: 0px;}
.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

.dmb-col {display: block; float: left; margin: 0% 0 0% 1.6%; position: relative;}
.dmb-col.first-col {margin-left: 0;}
.dmb-col:first-child {margin-left: 0;} /* all browsers except IE6 and lower */

@media only screen and (max-width: 500px) {
	.dmb-col {margin: 0;}
	.dmb-col.mbtm40 {margin-bottom: 40px;}
	.dmb-col.mbtm30 {margin-bottom: 30px;}
	.dmb-col.mbtm20 {margin-bottom: 20px;}
	.dmb-col.mbtm10 {margin-bottom: 10px;}
	.dmb-col.no-m {margin: 0;}
}

.ft-black {font-family: 'BlackFont', Arial, Verdana;}
.ft-special {font-family: 'GeneralFont', Arial, Verdana;}
/* /GENERAL LAYOUT CSS */


/* TWO COLUMNS CSS */
.span_1_of_2 {width: 49.2%;}
.span_2_of_2 {width: 100%;}
@media only screen and (max-width: 500px) {
	.span_2_of_2, .span_1_of_2 {width: 100%;}
}
/* /TWO COLUMNS CSS */


/* THREE COLUMNS CSS */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}
@media only screen and (max-width: 500px) {
	.span_3_of_3, .span_2_of_3, .span_1_of_3 {width: 100%;}
}
/* /THREE COLUMNS CSS */


/* FOUR COLUMNS CSS */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}
@media only screen and (max-width: 500px) {
	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {width: 100%;}
}
/* /FOUR COLUMNS CSS */


/* FIVE COLUMNS CSS */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}
@media only screen and (max-width: 500px) {
	.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 {width: 100%;}
}
/* /FIVE COLUMNS CSS */


/* SIX COLUMNS CSS */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}
@media only screen and (max-width: 500px) {
	.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 {width: 100%;}
}
/* /SIX COLUMNS CSS */


/* SEVEN COLUMNS CSS */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}
@media only screen and (max-width: 500px) {
	.span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 {width: 100%;}
}
/* /SEVEN COLUMNS CSS */


/* EIGHT COLUMNS CSS */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}
@media only screen and (max-width: 500px) {
	.span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 {width: 100%;}
}
/* /EIGHT COLUMNS CSS */


/* NINE COLUMNS CSS */
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 88.71%;}
.span_7_of_9 {width: 77.42%;}
.span_6_of_9 {width: 66.13%;}
.span_5_of_9 {width: 54.84%;}
.span_4_of_9 {width: 43.55%;}
.span_3_of_9 {width: 32.26%;}
.span_2_of_9 {width: 20.97%;}
.span_1_of_9 {width: 9.68%;}
@media only screen and (max-width: 500px) {
	.span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9 , .span_1_of_9 {width: 100%;}
}
/* /NONE COLUMNS CSS */


/* TEN COLUMNS CSS */
.span_10_of_10 {	width: 100%;}
.span_9_of_10 {width: 89.84%;}
.span_8_of_10 {width: 79.68%;}
.span_7_of_10 {width: 69.52%;}
.span_6_of_10 {width: 59.36%;}
.span_5_of_10 {width: 49.2%;}
.span_4_of_10 {width: 39.04%;}
.span_3_of_10 {width: 28.88%;}
.span_2_of_10 {width: 18.72%;}
.span_1_of_10 {width: 8.56%;}
@media only screen and (max-width: 500px) {
	.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, 
	.span_4_of_10, .span_3_of_10 , .span_2_of_10, .span_1_of_10 {width: 100%;}
}
/* /TEN COLUMNS CSS */


/* ELEVEN COLUMNS CSS */
.span_11_of_11 {width: 100%;}
.span_10_of_11 {width: 90.76%;}
.span_9_of_11 {width: 81.52%;}
.span_8_of_11 {width: 72.29%;}
.span_7_of_11 {width: 63.05%;}
.span_6_of_11 {width: 53.81%;}
.span_5_of_11 {width: 44.58%;}
.span_4_of_11 {width: 35.34%;}
.span_3_of_11 {width: 26.1%;}
.span_2_of_11 {width: 16.87%;}
.span_1_of_11 {width: 7.63%;}
@media only screen and (max-width: 500px) {
	.span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, 
	.span_5_of_11, .span_4_of_11 , .span_3_of_11, .span_2_of_11, .span_1_of_11 {width: 100%;}
}
/* /ELEVEN COLUMNS CSS */


/* TWELVE COLUMNS CSS */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.86%;}
@media only screen and (max-width: 500px) {
	.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, 
	.span_6_of_12, .span_5_of_12 , .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {width: 100%;}
}
/* /TWELVE COLUMNS CSS */

/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 15px; color: #231f20; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 20px; line-height: 28px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;}
.wysiwyg-content .cl-ternary {color: #ed1c24;}
.wysiwyg-content img {}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {margin-left: 0;}
.wysiwyg-content img.fr-dib.fr-fir {text-align: right;}
.wysiwyg-content img.fr-dii {}
.wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 30px;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;}

.wysiwyg-content a {color: #6D6460;}
.wysiwyg-content a:hover {color: #ed1c24; text-decoration: underline;}
.wysiwyg-content p a {color: #231f20;}
.wysiwyg-content p a:hover {color: #6D6460;}
.wysiwyg-content.white a {color: #fff;}
.wysiwyg-content.white a:hover {color: #fff;}
.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3, .wysiwyg-content.white h4, .wysiwyg-content.white h5 {color: #fff;}
.wysiwyg-content ul li {padding-left: 0px; list-style-type: disc; padding-bottom: 3px; margin-left: 55px;}
.wysiwyg-content ol li {list-style-type: decimal; margin-left: 55px;}
.wysiwyg-content.list-flat ol li {margin-left: 15px;}

.wysiwyg-content img.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg-content img {max-width: 100% !important;}

.wysiwyg-content table {width: 100%;}
.wysiwyg-content table tbody tr {border-top: 1px solid #e5e5e5;}
.wysiwyg-content table tbody tr:first-child {border-top: none;}
.wysiwyg-content table tbody tr td {padding: 17px 15px 15px 15px; font-size: 14px; line-height: 19px;} 
.wysiwyg-content table tr td:first-child {padding-left: 0;}
.wysiwyg-content table tr td:last-child {padding-right: 0;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(odd) td {background: #fff;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(even) td {background: #f5f5f5;}

.wysiwyg-content .wy-left-small {float: left; width: 23%;}
.wysiwyg-content .wy-left-small img {max-width: 100%; margin: 0 auto; display: block;}
.wysiwyg-content .wy-right-large {float: right; width: 74%;}

@media only screen and (max-width: 1024px) {
	.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 17px; line-height: 25px; font-family: 'GeneralFont', Arial, Verdana;}
}
/* /WYSIWYG CONTENT */

/* FORM */
label.error {display: block; margin-top: 2px; font-size: 12px; line-height: 21px; color: #f21a1a; font-family: 'LightFont'; margin-bottom: 8px;}
.gen-form {}
.gen-form .req {color: #f55151;}
.gen-form-row {width: 100%; float: left; margin-bottom: 20px; position: relative;}
.gen-form-row.half {width: 47%; margin-right: 6%;}
.gen-form-row.half.no-mr {margin-right: 0;}
.gen-form-row.no-mb {margin-bottom: 0 !important;}
.gen-form-row.third {width: 32%; margin-right: 4%;}
.gen-form-row.twothird {width: 64%; margin-right: 4%;}
.gen-form-row.twothird.no-mr {margin-right: 0;}
.gen-form label.form-label{color: #231f20; display: block; font-family: 'BoldFont', Arial, Verdana; font-size: 15px; line-height: 23px; margin-bottom: 10px;}
.gen-form label.form-label span {color: #b3b3b3;}
.gen-form label.form-label.inline {display: inline; margin: 0;}
.gen-form input[type="text"], .gen-form input[type="email"], .gen-form input[type="password"], .gen-form textarea, ul#sc-content-list .prod-detail input[type="text"] {background: #ffffff; border: none; border-bottom: 1px solid #c6c8c6; font-family: 'GeneralFont', Arial, Verdana; color: #231f20; width: 100%; font-size: 15px; line-height: 15px; padding: 5px 15px; box-sizing: border-box;
transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
.gen-form textarea {border: 1px solid #c6c8c6;}
.gen-form input[type="text"]:hover, .gen-form input[type="text"]:focus, .gen-form input[type="email"]:hover, .gen-form input[type="email"]:focus, .gen-form input[type="password"]:hover, .gen-form input[type="password"]:focus, .gen-form textarea:hover, .gen-form textarea:focus {outline: 0;}
.gen-form input[type="text"].readonly, .gen-form input[type="email"].readonly, .gen-form input[type="password"].readonly, .gen-form textarea.readonly {background: #f5f5f5; padding-top: 12px; padding-bottom: 10px; border-bottom: none;}
.gen-btn.na, .gen-btn.na :hover {background: #383838; color: #fff; cursor: default;}
.gen-form input[type="submit"], .gen-form input[type="button"], a.gen-btn {text-align: center; font-size: 14px; line-height: 14px; font-family: 'RegularFont', Arial, Verdana; cursor: pointer; padding: 15px 20px 10px 20px; min-width: 110px; color: #fff; background: #231f20; border: 1px solid #231f20;
transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.gen-form input[type="submit"]:hover, .gen-form input[type="button"]:hover, a.gen-btn:hover, 
.gen-form input[type="submit"]:focus, .gen-form input[type="button"]:focus, a.gen-btn:focus {color: #fff; background: #555; border: 1px solid #555; text-decoration: none; outline: 0;}
.gen-form input[type="submit"].wide, a.gen-btn.wide {min-width: 250px;}
.gen-form input[type="submit"].half-wide, a.gen-btn.half-wide, .gen-form input[type="button"].half-wide {min-width: 150px;}
.gen-form input[type="button"].gray {background: #b5b5b5;}
.gen-form input[type="submit"].full-width {width: 100%;}
input[type="submit"].calendar-submit {width: 50%; padding-top: 15px; padding-bottom: 15px;}
.gen-form span.help-block {display: block; font-size: 14px; line-height: 18px; color: #231f20; margin-top: 3px;}

a.gen-btn {display: inline-block;}
a.gen-btn.full-width {display: block;}
a.gen-btn.small {font-size: 14px; line-height: 14px; padding: 12px 15px 10px 15px;}
a.gen-btn.block {display: block; font-size: 14px;}
a.gen-btn.hollow {border: 1px solid #c6c8c6; background: none; color: #231f20;}
a.gen-btn.hollow:hover {background: #231f20; color: #fff;}
a.gen-btn.hollow-white {border: 1px solid #fff; background: none; color: #fff;}
a.gen-btn.hollow-white:hover {background: #fff; color: #231f20;}
a.gen-btn.oos {background: #afafaf; border: 1px solid #afafaf; cursor: default;}

.checkbox-container {}
.checkbox-container input[type="checkbox"] {display: none;}
.checkbox-container label {font-family: 'RegularFont'; font-size: 18px; line-height: 26px; padding-top: 3px; color: #231f20; display: inline-block; padding-left: 35px; background: url(../images/icon/checkbox.png) no-repeat left top; background-size: 25px auto;}
.checkbox-container label.small {font-size: 15px; line-height: 23px;}
.checkbox-container label:hover {cursor: pointer;}
.checkbox-container label.no-mr {margin-right: 0;}
.checkbox-container label a {color: #ed1c24; font-size: 16px; line-height: 24px;}
.checkbox-container label.small a {font-size: 15px; line-height: 23px;}
.checkbox-container label a:hover {text-decoration: underline;}
.checkbox-container .chb-section {float: left; width: 30%; margin-right: 5%; margin-bottom: 5px;}
.checkbox-container .chb-section:nth-child(3n) {margin-right: 0;}
.checkbox-container .chb-section:nth-child(3n + 1) {clear: both;}

.checkbox-container input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left top; background-size: 25px auto;}
::-webkit-input-placeholder { color: #c6c8c6; font-family: 'GeneralFont';}
::-moz-placeholder { color: #c6c8c6; opacity: 1.0; font-family: 'GeneralFont';}
:-ms-input-placeholder { color: #c6c8c6; font-family: 'GeneralFont';}

.gen-form-row span.req {color: #ff231f203;}

.gen-form select {font-size: 15px; line-height: 15px; font-family: 'RegularFont', Arial, Verdana; color: #231f20; background: white; padding: 5px 15px; box-sizing: border-box; border: none;}
.gen-form select.gen-ft {font-family: 'GeneralFont', Arial, Verdana;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #c6c8c6; background: url(../images/icon/arrow-down.png) no-repeat 96% center; background-size: auto 8px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; box-sizing: border-box; padding: 7px 15px;}
.styled-select-wrapper select option {background: none;}
textarea.no-resize {resize: none !important;}
select:hover, select:focus {outline: 0;
box-shadow: 0px 0px 8px #afafaf; -webkit-box-shadow: 0px 0px 8px #afafaf; -moz-box-shadow: 0px 0px 8px #afafaf; -o-box-shadow: 0px 0px 8px #afafaf;}

.radio-toolbar {margin-top: 11px;}
.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 23px; font-family: 'RegularFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 0px; cursor: pointer;}
.radio-toolbar label.inline.with-mr {margin-right: 40px;}
.radio-toolbar label.type2 {color: #ed1c24;}
.radio-toolbar input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 0;}

.input-file-wrap {cursor: pointer; font-size: 15px; line-height: 20px; color: #231f20; font-family: 'RegularFont'; box-sizing: border-box; padding: 10px 20px 5px 20px; z-index: 1000; width: 150px; text-align: center; border: 2px solid #231f20;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.input-file-wrap:hover {color: #fff; background: #231f20;}
.input-file-wrap input[type="file"] {display: none;}
.input-file-wrap span {font-size: 14px; line-height: 18px;}
.input-file-wrap-info {font-size: 15px; line-height: 20px; padding-left: 20px; color: #c6c8c6; margin-top: 6px; margin-bottom: 5px; font-family: 'RegularFont', Arial, Verdana;}
.help-note {margin-top: 20px; font-size: 15px; line-height: 20px; color: #c6c8c6;}

/* INLINE STYLE */
.gen-form.inline .label-cont {float: left; width: 25%;}
.gen-form.inline .sep-cont {float: left; width: 5%;}
.gen-form.inline .form-cont {float: left; width: 70%;}
.gen-form.inline .form-cont .fl-section {float: left; margin-right: 100px;}
.gen-form.inline .form-cont .fl-section.last {margin-right: 0;}
.gen-form.inline .gen-form-row {margin-bottom: 20px;}
.gen-form.inline label.form-label {font-size: 18px; line-height: 26px; display: block; padding-top: 8px;}
.gen-form.inline label.form-label.label-big {font-size: 16px; line-height: 40px;}
.gen-form.inline label.error {margin-bottom: 8px; margin-top: 5px;}
.gen-form.inline select {min-width: 70%;}
.gen-form.inline input[type="text"], .gen-form.inline input[type="password"], .gen-form.inline textarea {width: 70%;}
.gen-form.inline input.small {width: 30%;}

.gen-form.inline input[type="text"], .gen-form.inline input[type="email"], .gen-form.inline input[type="password"] {border: none; border-bottom: 1px solid #c6c8c6; background: none; margin-top: 3px;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;}
.gen-form.inline input[type="text"]:hover, .gen-form.inline input[type="text"]:focus, .gen-form.inline input[type="email"]:hover, .gen-form.inline input[type="email"]:focus,
.gen-form.inline input[type="password"]:hover, .gen-form.inline input[type="password"]:focus {
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
/* /INLINE STYLE */

@media only screen and (max-width: 500px) {
	.gen-form-row.half {width: 100%; margin-right: 0;}
}

/* /FORM */


/* HEADER */
#header-sfw {position: fixed; top: 0; z-index: 1000;
transition: box-shadow 0.25s linear; -webkit-transition: box-shadow 0.25s linear; -moz-transition: box-shadow 0.25s linear; -o-transition: box-shadow 0.25s linear;}
#header-sfw.active, #header-sfw.shadowed {
box-shadow: 0px 0px 15px #bfbfbf; -webkit-box-shadow: 0px 0px 15px #bfbfbf; -moz-box-shadow: 0px 0px 15px #bfbfbf; -o-box-shadow: 0px 0px 15px #bfbfbf;}

#header-top-ct, #header-top-resp-ct {padding: 15px 0; background: #231f20;}
img#header-top-btn, img#header-top-resp-btn {position: absolute; right: 2.5%; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; opacity: 0.75; cursor: pointer; z-index: 1002;
-webkit-backface-visibility: hidden;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
img#header-top-btn:hover, img#header-top-resp-btn:hover {opacity: 1.0;}
#header-top-ct p, #header-top-resp-ct p {text-align: center; color: #fff;}
#header-top-ct.inactive, #header-top-resp-ct {display: none;}

#header-bottom-ct {background: #fff;}

#header-nav-ct {float: left; width: 32%; box-sizing: border-box;}
ul#header-nav-list {float: left; width: 100%; position: relative;}
ul#header-nav-list > li {float: left; padding: 43px 18px;}
ul#header-nav-list > li.active {background: url(../images/icon/tri-up.png) no-repeat bottom center; background-size: 27px auto;}
ul#header-nav-list > li > a {font-family: 'BoldFont', Arial, Verdana; font-size: 15px; line-height: 20px; color: #231f20; cursor: pointer;}
ul#header-nav-list > li > a:hover {color: #555; text-decoration: none;}
ul#header-nav-list > li.resp-show {display: none;}


#header-logo-ct {float: left; width: 36%; box-sizing: border-box; text-align: center; padding: 12px 0;}
#header-logo-ct.full-width {float: none; width: 100%;}
img#logo {height: 80px; display: block; margin: 0 auto;}


#header-account-ct {float: left; width: 32%; box-sizing: border-box;}
ul#header-account-list {float: right; position: relative; margin-top: 35px;}
ul#header-account-list > li {float: left; margin-right: 35px; position: relative;}
ul#header-account-list > li:last-child {margin-right: 0;}
ul#header-account-list > li > a {font-family: 'BoldFont', Arial, Verdana; font-size: 15px; line-height: 23px; display: inline-block; padding-top: 7px; color: #231f20; cursor: pointer;}
ul#header-account-list > li > a.has-sub {padding-right: 22px; background: url(../images/icon/tri-down.png) no-repeat right 15px; background-size: 10px auto;}
ul#header-account-list > li > a:hover {color: #555; text-decoration: none;}
ul#header-account-list > li.brd-right {padding-right: 18px; margin-right: 17px; border-right: 1px dotted #231f20;}
ul#header-account-list > li img {height: 27px; cursor: pointer;}
ul#header-account-list > li .dmbcart-shcart-num {position: absolute; top: -10px; right: 7px; font-family: 'BoldFont', Arial, Verdana; font-size: 12px; line-height: 12px; color: #231f20;}
.header-account-subnav-ct {position: absolute; left: -30px; top: 70px; background: #fff; z-index: 1005; padding: 15px; display: none;}
ul.header-account-subnav-list {}
ul.header-account-subnav-list > li {margin-bottom: 10px;}
ul.header-account-subnav-list > li:last-child {margin-bottom: 0;}
ul.header-account-subnav-list > li > a {display: inline-block; text-align: center; width: 100px; font-size: 14px; line-height: 14px; border: 1px solid #231f20; color: #231f20; font-family: 'RegularFont', Arial, Verdana; padding: 20px 15px;}
ul.header-account-subnav-list > li > a:hover {background: #231f20; color: #fff; text-decoration: none;}
#header-shcart-icon, #header-search-icon {cursor: pointer;}

#header-shcart-content-ct {position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
#header-shcart-close-btn {position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; z-index: 1003; background: url(../images/icon/close-round.png) no-repeat center; background-size: 30px 30px; cursor: pointer;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-shcart-close-btn:hover {opacity: 0.75;}
#header-shcart-content-ct .inner {position: fixed; z-index: 1002; top: 0; right: -450px; width: 450px; height: 100vh; box-sizing: border-box; padding: 30px 50px; background: #c6c8c6;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-shcart-content-ct .inner.active {right: 0;}
#header-shcart-content-ct .inner h5 {font-size: 14px; line-height: 22px; font-family: 'RegularFont', Arial, Verdana; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #231f20;}
.gen-scb .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #9f9f9f !important;}
.gen-scb .mCSB_scrollTools .mCSB_draggerRail {background-color: #efefef !important;}
ul#header-shcart-content-list {float: left; width: 100%; position: relative; margin-top: 15px;}
ul#header-shcart-content-list  > li {float: left; width: 100%; position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #8f8f8f;}
ul#header-shcart-content-list  > li:last-child {margin-bottom: 0;}
ul#header-shcart-content-list  > li .img-wrap {float: left; width: 28%; margin-right: 7%; background: #fff; box-sizing: border-box; padding: 5px;}
ul#header-shcart-content-list  > li .img-wrap img {width: 100%; display: block;}
ul#header-shcart-content-list  > li .desc-wrap {float: left; width: 34%; margin-right: 7%;}
ul#header-shcart-content-list  > li  p {font-size: 13px; line-height: 18px; font-family: 'RegularFont', Arial, Verdana; margin-bottom: 5px;}
ul#header-shcart-content-list  > li  p b {font-family: 'BoldFont', Arial, Verdana; font-size: 14px; line-height: 20px;}
ul#header-shcart-content-list  > li  p:last-child {margin-bottom: 0;}
ul#header-shcart-content-list  > li .qty-wrap {float: left; width: 24%;}
ul#header-shcart-content-list  > li .qty-wrap .styled-select-wrapper {background-position: 85% center; border: 1px solid #8f8f8f;}
ul#header-shcart-content-list  > li .qty-wrap .styled-select-wrapper select {font-size: 14px; line-height: 14px; padding: 5px 10px;}
ul#header-shcart-content-list  > li a.gen-btn {margin-top: 50px; font-size: 14px; line-height: 14px; font-family: 'RegularFont', Arial, Verdana; border: 1px solid #8f8f8f; min-width: 75px; padding: 10px 12px 8px 12px;}

#header-search-content-ct {position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
#header-search-close-btn {position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; z-index: 1003; background: url(../images/icon/close-round.png) no-repeat center; background-size: 30px 30px; cursor: pointer;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-search-close-btn:hover {opacity: 0.75;}
#header-search-content-ct .inner {position: fixed; z-index: 1002; top: 0; right: -400px; width: 400px; height: 100vh; box-sizing: border-box; padding: 60px 40px 30px 40px; background: #c6c8c6;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-search-content-ct .inner.active {right: 0;}
#header-search-content-ct input[type="text"] {background: url(../images/icon/lup.png) no-repeat left center; background-color: none; background-size: 20px 20px; border-bottom: 1px solid #8f8f8f; font-size: 14px; line-height: 14px; font-family: 'RegularFont', Arial, Verdana; padding: 15px 20px 15px 35px;}
#header-search-content-ct input[type="text"]::-webkit-input-placeholder {font-family: 'RegularFont', Arial, Verdana; color: #231f20;}
#header-search-content-ct input[type="text"]::-moz-placeholder {font-family: 'RegularFont', Arial, Verdana; color: #231f20;}
#header-search-content-ct input[type="text"]:-ms-input-placeholder {font-family: 'RegularFont', Arial, Verdana; color: #231f20;}
ul#search-result-list {float: left; width: 100%; position: relative; margin-top: 30px;}
ul#search-result-list > li {float: left; width: 45%; margin-right: 10%; margin-bottom: 30px;}
ul#search-result-list > li:nth-child(2n) {margin-right: 0;}
ul#search-result-list > li:nth-child(2n + 1) {clear: both;}
ul#search-result-list > li.full-width {width: 100%; margin-right: 0;}
/* ul#search-result-list > li .prd-wrap .img-wrap {height: 150px; background: #fff; margin-bottom: 20px;} */
ul#search-result-list > li .prd-wrap .img-wrap.hovered {margin-top: 0;
transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0);}
ul#search-result-list > li .prd-wrap .det-wrap p {font-size: 12px; line-height: 17px;}
ul#search-result-list > li .prd-wrap .det-wrap h4, ul#search-result-list > li .prd-wrap .det-wrap h4 a {font-size: 12px; line-height: 17px;}
ul#search-result-list > li .prd-wrap .det-wrap p.caption {font-size: 16px; line-height: 22px; font-family: 'BoldFont', Arial, Verdana;}

#header-nav-content-ct {position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
#header-nav-close-btn {position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; z-index: 1003; background: url(../images/icon/close-round.png) no-repeat center; background-size: 30px 30px; cursor: pointer;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-nav-close-btn:hover {opacity: 0.75;}
#header-nav-content-ct .inner {position: fixed; z-index: 1002; top: 0; right: -400px; width: 400px; min-height: 100vh; max-height: 100vh; box-sizing: border-box; padding: 60px 50px 30px 50px; background: #c6c8c6;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-nav-content-ct .inner.active {right: 0;}

#header-subnav-content-ct {border-top: 1px solid #f5f5f5; background: #fff; padding: 30px 0; display: none;}
#hsc-gen-ct {}


@media only screen and (max-width: 1024px) {
	ul#header-nav-list > li {padding: 40px 10px;}
	ul#header-nav-list > li > a {font-size: 13px;}
	
	ul#header-account-list > li {margin-right: 16px;}
	ul#header-account-list > li > a {font-size: 13px;}
	ul#header-account-list > li > a.has-sub {padding-right: 17px;}
	ul#header-account-list > li.brd-right {padding-right: 10px; margin-right: 10px;}
	ul#header-account-list > li img {height: 23px;}
}

@media only screen and (max-width: 768px) {
	#header-sfw {
	box-shadow: 0px 0px 15px #bfbfbf; -webkit-box-shadow: 0px 0px 15px #bfbfbf; -moz-box-shadow: 0px 0px 15px #bfbfbf; -o-box-shadow: 0px 0px 15px #bfbfbf;}
	#header-top-ct {display: none;}
	#header-top-resp-ct {padding: 12px 0; display: block;}
	#header-top-resp-ct.inactive {display: none;}
	#header-top-resp-ct p {font-size: 13px; line-height: 18px;}
	
	img#header-top-btn, img#header-top-resp-btn {width: 16px; height: 16px;}
	
	#header-nav-ct {width: 25%; margin-top: 0;}
	ul#header-nav-list > li.resp-hide {display: none;}
	ul#header-nav-list > li.resp-show {display: block; padding: 0;}
	ul#header-nav-list {margin-top: 28px;}
	ul#header-nav-list > li img {height: 21px; cursor: pointer;}
	
	#header-logo-ct {padding: 12px 0; width: 50%;}
	#header-logo-ct img {margin: 0 auto;}
	img#logo {height: 70px;}
	
	#header-account-ct {float: right; width: 25%;}
	ul#header-account-list {margin-top: 28px;}
	ul#header-account-list > li.resp-hide {display: none;}
	ul#header-account-list > li.resp-show {display: block;}
	ul#header-account-list > li {margin-right: 15px;}
	ul#header-account-list > li.brd-right {border-right: none; padding-right: 0; margin-right: 15px;}	
	
	#header-shcart-content-ct .inner, #header-search-content-ct .inner, #header-nav-content-ct .inner {padding: 30px 40px; background: #fff;}
	#header-nav-content-ct .inner {padding-top: 80px;}
	
	ul#header-nav-resp-list {}
	ul#header-nav-resp-list > li {margin-bottom: 10px;}
	ul#header-nav-resp-list > li:last-child {margin-bottom: 0;}
	ul#header-nav-resp-list > li > a {color: #231f20; display: block; background: #fafafa; border: 1px solid transparent; font-size: 13px; line-height: 18px; padding: 15px 22px 13px 22px; cursor: pointer; font-family: 'RegularFont', Arial, Verdana;}
	ul#header-nav-resp-list > li > a:hover {background: #fbfbfb; text-decoration: none;}
	
	.header-subnav-resp-container {padding: 20px 40px; display: none;}
	ul.header-subnav-resp-list > li {margin-bottom: 5px;}
	ul.header-subnav-resp-list > li:last-child {margin-bottom: 0;}
	ul.header-subnav-resp-list > li > a {display: block; color: #231f20; font-size: 12px; line-height: 17px;}
	ul.header-subnav-resp-list > li > a:hover {color: #ed1c24; text-decoration: none;}
	
	ul#header-account-list > li .dmbcart-shcart-num {right: 0; top: -14px;}
}

@media only screen and (max-width: 500px) {
	#header-shcart-content-ct .inner, #header-search-content-ct .inner, #header-nav-content-ct .inner {width: 100%; padding: 25px;}
	ul#search-result-list > li {width: 47.5%; margin-right: 5%}
	ul#search-result-list > li .prd-wrap .det-wrap p.caption {font-size: 14px; line-height: 22px;}
}

@media only screen and (max-width: 360px) {
	ul#search-result-list > li .prd-wrap .det-wrap h4, ul#search-result-list > li .prd-wrap .det-wrap h4 a {font-size: 13px; line-height: 18px;}
	ul#search-result-list > li .prd-wrap .det-wrap p {font-size: 12px; line-height: 16px;}
	ul#search-result-list > li .prd-wrap .det-wrap p.caption {font-size: 13px; line-height: 20px;}
}

.hsc-linked-content {display: none;}
.hsc-left-ct {float: left; width: 22%;}
.hsc-left-ct h5 {font-size: 15px; line-height: 23px; padding-bottom: 10px; border-bottom: 1px solid #c6c8c6;}
ul.hsc-left-nav-list {margin-top: 30px;}
ul.hsc-left-nav-list > li {margin-bottom: 15px; position: relative;}
ul.hsc-left-nav-list > li > a {display: inline-block; font-size: 15px; line-height: 23px; font-family: 'RegularFont', Arial, Verdana;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.hsc-left-nav-list > li > a:hover {text-decoration: none; color: #231f20;}
ul.hsc-left-nav-list > li > a.active {padding-left: 18px; background: url(../images/icon/tri-right.png) no-repeat left 2px; background-size: auto 15px;}

.hsc-right-ct {float: right; width: 73%;}
.hsc-right-ct .hsc-right-content {display: none;}
.hsc-right-ct .hsc-right-content:first-child {display: block;}
.hsc-img-wrap {float: left; width: 63%;}
.hsc-img-wrap img {width: 100%; display: block;}
.hsc-desc-wrap {float: right; width: 32%;}
.hsc-desc-wrap.full-width {width: 100%;}
.hsc-desc-wrap h5.with-und {font-size: 15px; line-height: 23px; padding-bottom: 10px; border-bottom: 1px solid #c6c8c6; display: inline-block;}
.hsc-desc-wrap a.allp {font-family: 'BoldFont', Arial, Verdana; font-size: 15px; line-height: 23px; color: #231f20; display: inline-block; float: right; padding-right: 50px; background: url(../images/icon/arrow-right.png) no-repeat right center; background-size: auto 23px;}
.hsc-desc-wrap a.allp:hover {color: #555; text-decoration: none;}

ul.prd-small-list {float: left; width: 100%; position: relative; margin-top: 20px;}
ul.prd-small-list > li {float: left; width: 30%; margin-right: 5%; margin-bottom: 30px; position: relative;}
ul.prd-small-list > li:nth-child(3n) {margin-right: 0;}
ul.prd-small-list > li:nth-child(3n + 1) {clear: both;}
ul.prd-small-list > li .img-wrap {float: left; width: 40%;}
ul.prd-small-list > li .img-wrap img {width: 100%; display: block;}
ul.prd-small-list > li .desc-wrap {position: absolute; width: 57%; top: 50%; right: 0; transform: translateY(-50%);}
ul.prd-small-list > li .desc-wrap p, ul.prd-small-list > li .desc-wrap p a {font-size: 14px; line-height: 20px; color: #231f20;}
ul.prd-small-list > li .desc-wrap p span, ul.prd-small-list > li .desc-wrap p a span {color: #ed1c24;}

ul.blog-small-list {float: left; width: 100%; position: relative; margin-top: 20px;}
ul.blog-small-list > li {float: left; width: 30%; margin-right: 5%;}
ul.blog-small-list > li:nth-child(3n) {margin-right: 0;}
ul.blog-small-list > li:nth-child(3n + 1) {clear: both;}
ul.blog-small-list > li h5, ul.blog-small-list > li h5 a {font-size: 20px; line-height: 25px; color: #231f20;}
ul.blog-small-list > li .img-wrap {position: relative; margin-bottom: 45px;}
ul.blog-small-list > li .img-wrap img {width: 100%; display: block;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul.blog-small-list > li .img-wrap img:hover {opacity: 0.75;}
ul.blog-small-list > li .img-wrap .btn-wrap {position: absolute; bottom: -20px; left: 0;}
ul.blog-small-list > li .img-wrap .btn-wrap a {font-size: 24px; line-height: 24px; display: inline-block; padding: 15px 30px 10px 30px; background: #c7c8c6; color: #fff;}
ul.blog-small-list > li .img-wrap .btn-wrap a:hover {background: #231f20; text-decoration: none;}
/* /HEADER */


/* HOME */
#pnl-left-ct {float: left; width: 49%; box-sizing: border-box; padding: 40px;}
#pnl-left-ct.full-width {float: none; width: 100%;}
#pnl-left-ct h2 {font-size: 50px; line-height: 58px; padding-bottom: 15px; border-bottom: 1px solid #c6c8c6;}
#pnl-left-ct h5 {font-family: 'RegularFont', Arial, Verdana;}
#pnl-right-ct {float: right; width: 49%; box-sizing: border-box;}
#pnl-right-ct img {width: 100%; display: block;}
#popup-pages-ct {padding: 40px; background: #fff; box-sizing: border-box; width: 1024px;}

@media only screen and (min-width: 1300px) {
	#popup-pages-ct.prd-zoom {width: 1200px;}
}
#popup-pages-ct.prd-zoom {padding: 0;}

.fancybox-close {width: 40px !important; height: 40px !important; background: url(../images/icon/close-round.png) !important; background-size: 40px 40px !important; top: -20px !important; right: -20px !important;}
#popup-newsletter-btn, #popup-add-to-cart-btn {display: none;}
#popup-newsletter-form input[type="email"] {border: 1px solid #c6c8c6; text-align: center; font-size: 16px; line-height: 24px; padding-top: 15px; padding-bottom: 15px; font-family: 'BoldFont', Arial, Verdana;}
#popup-newsletter-form input[type="submit"] {display: block; font-family: 'BoldFont', Arial, Verdana; font-size: 16px; line-height: 16px; width: 100%; padding: 20px;}

h2.big {font-size: 48px; line-height: 56px;}
.mt-resp {margin-top: 165px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.mt-resp.mt-small {margin-top: 100px;}


#home-slideshow-sfw {}
#home-slideshow-sfw-resp {display: none;}
#slideshow-list-ct, #slideshow-list-ct-resp {}
.slideshow-item {width: 100%; position: relative;}
.slideshow-item img {width: 100%; display: none;}
.slideshow-caption {position: absolute; top: 50%; transform: translateY(-50%); margin-left: 7%; width: 35%; padding: 30px; box-sizing: border-box; text-align: center;}
.slideshow-caption h2 {font-size: 48px; line-height: 56px;}
.slideshow-caption h2 .light {font-family: 'GeneralFont', Arial, Verdana;}
.slideshow-caption a.gen-btn {font-size: 14px; line-height: 14px; border: 1px solid #231f20; margin-top: 30px;}
#slideshow-list-ct .slick-dots, #slideshow-list-ct-resp .slick-dots {bottom: 20px;}
#slideshow-list-ct .slick-dots li, #slideshow-list-ct-resp .slick-dots li {width: 30px; margin: 0 5px;}
#slideshow-list-ct .slick-dots li button, #slideshow-list-ct-resp .slick-dots li button {width: 30px; height: 3px; background: url(../images/icon/bullet.png) no-repeat center;}
#slideshow-list-ct .slick-dots li.slick-active button, #slideshow-list-ct-resp .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}

#home-prfeat-sfw {margin-top: 100px;}
#home-prfeat-left-ct {float: left; width: 28%; box-sizing: border-box; position: relative; min-height: 400px; border-right: 1px solid #c6c8c6; text-align: center;} 
#home-prfeat-left-ct .inner {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.prev-btn, .next-btn  {width: 50px; height: 50px; cursor: pointer;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.prev-btn:hover, .next-btn:hover {opacity: 0.75;}
.prev-btn {background: url(../images/icon/arrow-left-round.png) no-repeat center; background-size: 50px 50px;}
.next-btn {background: url(../images/icon/arrow-right-round.png) no-repeat center; background-size: 50px 50px;}
.prev-next-btn-ct {width: 100%; position: relative; height: 50px;}
.prev-next-btn-ct .prev-btn {position: absolute; left: 30%; transform: translateX(-25%);}
.prev-next-btn-ct .next-btn {position: absolute; left: 70%; transform: translateX(-75%);}

#home-prfeat-right-ct {float: right; width: 72%; box-sizing: border-box; padding-left: 30px; padding-right: 30px;}
.prd-item {}
.prd-wrap {text-align: center; padding-left: 15px; padding-right: 15px; overflow: hidden;}
.prd-wrap .img-wrap {width: 100%; position: relative; margin-bottom: 30px;
transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
.prd-wrap .img-wrap.hovered {
transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
.prd-wrap .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.prd-wrap .det-wrap {text-align: center; margin-bottom: 20px;}
.prd-wrap .det-wrap h4, .prd-wrap .det-wrap h4 a {color: #231f20; font-size: 15px; line-height: 21px; font-family: 'GeneralFont', Arial, Verdana;}
.prd-wrap .det-wrap h4 {margin-bottom: 5px;}
.prd-wrap .det-wrap h4 a:hover {color: #555; text-decoration: none;}
.prd-wrap .det-wrap p span {text-decoration: line-through; display: inline-block; margin-right: 7px; font-size: 11px; color: #7f7f7f;}
.prd-wrap .det-wrap p.caption {font-size: 20px; line-height: 28px; font-family: 'BoldFont', Arial, Verdana;}
.prd-wrap a.gen-btn {display: none;
transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none;
transition: background 0.25s linear; -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; -o-transition: background 0.25s linear;}
.prd-wrap a.gen-btn.oos {background: #afafaf; cursor: default; border: 1px solid #afafaf;}

#home-banner-sfw {margin-top: 100px;}
#home-banner-list {}
.home-banner-item {padding: 0 15px;}
.home-banner-item .img-wrap {position: relative;}
.home-banner-item .img-wrap img {width: 100%; display: block;}
.home-banner-item .img-wrap .caption {position: absolute; left: 15%; bottom: 75px; width: 85%;}
.home-banner-item .img-wrap .caption h4 {font-family: 'GeneralFont', Arial, Verdana; color: #fff;}
#home-banner-list .slick-prev {content: ''; width: 60px; height: 60px; background: url(../images/icon/arrow-left-round.png) no-repeat center !important; left: -20px; top: 50%; transform: translateY(-50%); opacity: 0.7; background-size: 60px 60px !important;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#home-banner-list .slick-next {content: ''; width: 60px; height: 60px; background: url(../images/icon/arrow-right-round.png) no-repeat center !important; right: -20px; top: 50%; transform: translateY(-50%); opacity: 0.7; background-size: 60px 60px !important;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#home-banner-list .slick-prev:hover {opacity: 1.0;}
#home-banner-list .slick-next:hover {opacity: 1.0;}
#home-banner-list .slick-prev.slick-disabled, #home-banner-list .slick-prev.slick-disabled:hover, #home-banner-list .slick-prev.slick-disabled:focus {opacity: 0.2;}
#home-banner-list .slick-next.slick-disabled, #home-banner-list .slick-next.slick-disabled:hover, #home-banner-list .slick-next.slick-disabled:focus {opacity: 0.2;}

#home-badge-sfw {margin-top: 100px;}
ul#home-badge-list {float: left; width: 100%; position: relative;}
ul#home-badge-list > li {float: left; width: 33.333%;}
ul#home-badge-list > li:nth-child(3n) {width: 33.333%;}
ul#home-badge-list > li:nth-child(3n + 1) {clear: both;}
ul#home-badge-list > li .img-wrap {width: 100%; position: relative;}
ul#home-badge-list > li .img-wrap img.main-img {width: 100%; display: block;}
ul#home-badge-list > li .img-wrap .cover {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
ul#home-badge-list > li .img-wrap .cover .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 80%;}
ul#home-badge-list > li .img-wrap .cover .inner img {width: 55px; height: 55px; display: block; margin: 0 auto; margin-bottom: 30px;}
ul#home-badge-list > li .img-wrap .cover .inner h4, ul#home-badge-list > li .img-wrap .cover .inner h4 a {margin-bottom: 0; color: #fff; font-family: 'GeneralFont', Arial, Verdana; font-size: 25px; line-height: 33px;}

@media only screen and (max-width: 1200px) {
	#popup-pages-ct {width: 900px;}
}
@media only screen and (max-width: 1024px) {
	#popup-pages-ct {width: 768px;}
	#pnl-left-ct {padding: 0;}
	#pnl-left-ct, #pnl-right-ct {width: 45%;}
	#pnl-left-ct h2 {font-size: 36px; line-height: 44px;}
	#pnl-left-ct h5 {font-size: 20px; line-height: 28px;}
}
@media only screen and (max-width: 900px) {
	#popup-pages-ct {width: 600px;}
	#pnl-left-ct, #pnl-right-ct {width: 100%;}
	#pnl-right-ct {display: none;}
}
@media only screen and (max-width: 768px) {
	#popup-pages-ct {width: 480px;}
}
@media only screen and (max-width: 520px) {
	#popup-pages-ct {width: 360px; overflow-x: scroll;}
}
@media only screen and (max-width: 360px) {
	#popup-pages-ct {width: 300px; padding: 25px;}
}

@media only screen and (max-width: 1024px) {
	h2.big, h2.big-title {font-size: 36px !important; line-height: 44px !important;}
	.prev-btn, .next-btn  {width: 40px; height: 40px; background-size: 40px 40px;}
	.prev-next-btn-ct {height: 40px;}
	.prev-next-btn-ct .prev-btn {position: absolute; left: 35%; transform: translateX(-35%);}
	.prev-next-btn-ct .next-btn {position: absolute; left: 65%; transform: translateX(-65%);}
	
	/* .prd-wrap .img-wrap {height: 180px;} */
	ul#home-badge-list > li .img-wrap .cover .inner img {width: 45px; height: 45px; margin-bottom: 20px;}
	ul#home-badge-list > li .img-wrap .cover .inner h4, ul#home-badge-list > li .img-wrap .cover .inner h4 a {font-size: 20px; line-height: 28px;}
}

@media only screen and (max-width: 768px) {
	.mt-resp {margin-top: 135px;}
	.mt-resp.mt-small {margin-top: 85px;}
	
	#home-slideshow-sfw {display: none;}
	#home-slideshow-sfw-resp {display: block;}
	.slideshow-caption h2 {font-size: 36px; line-height: 44px;}
	.slideshow-caption p {display: none;}
	.slideshow-caption a.gen-btn {margin-top: 0; font-size: 12px; line-height: 15px; padding: 10px 15px 8px 15px; min-width: 75px;}
	
	#home-prfeat-left-ct, #home-prfeat-right-ct  {float: none; width: 100%; min-height: 0;}
	#home-prfeat-left-ct {border-right: none; margin-bottom: 30px;}
	#home-prfeat-left-ct .inner {position: relative; transform: none; top: 0;}
	.prev-next-btn-ct {display: none;}
	#home-prfeat-list-ct .slick-prev {content: ''; width: 40px; height: 40px; background: url(../images/icon/arrow-left-round.png) no-repeat center !important; left: -20px; top: 50%; transform: translateY(-50%); opacity: 0.5; background-size: 40px 40px !important;
	transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
	#home-prfeat-list-ct .slick-next {content: ''; width: 40px; height: 40px; background: url(../images/icon/arrow-right-round.png) no-repeat center !important; right: -20px; top: 50%; transform: translateY(-50%); opacity: 0.5; background-size: 40px 40px !important;
	transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
	#home-prfeat-list-ct .slick-prev:hover {opacity: 1.0;}
	#home-prfeat-list-ct .slick-next:hover {opacity: 1.0;}
	#home-prfeat-list-ct .slick-prev.slick-disabled, #home-prfeat-list-ct .slick-prev.slick-disabled:hover, #home-prfeat-list-ct .slick-prev.slick-disabled:focus {opacity: 0.2;}
	#home-prfeat-list-ct .slick-next.slick-disabled, #home-prfeat-list-ct .slick-next.slick-disabled:hover, #home-prfeat-list-ct .slick-next.slick-disabled:focus {opacity: 0.2;}
	
	/* .prd-wrap .img-wrap {height: 160px;} */
	.prd-wrap .img-wrap.hovered {margin-top: 0;
	transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0);}
	.prd-wrap a.gen-btn {display: inline-block !important; }
	
	#home-banner-list .slick-prev, #home-banner-list .slick-next {width: 50px; height: 50px; background-size: 50px 50px !important;}
	#home-banner-list .slick-prev {left: 5px;}
	#home-banner-list .slick-next {right: 5px;}
	
	ul#home-badge-list > li .img-wrap .cover .inner img {width: 35px; height: 35px; margin-bottom: 15px;}
	ul#home-badge-list > li .img-wrap .cover .inner h4, ul#home-badge-list > li .img-wrap .cover .inner h4 a {font-size: 18px; line-height: 26px;}
	ul#home-badge-list > li .img-wrap .cover .inner img {display: none;}
}

@media only screen and (max-width: 500px) {
	.slideshow-caption {margin-left: 2.5%; text-align: left;}
	.slideshow-caption h2 {font-size: 24px; line-height: 32px;}
	.slideshow-caption p {display: none;}
	.slideshow-caption a.gen-btn {font-size: 11px; min-width: 50px;}
	#slideshow-list-ct .slick-dots, #slideshow-list-ct-resp .slick-dots {bottom: 10px;}
	#slideshow-list-ct .slick-dots li, #slideshow-list-ct-resp .slick-dots li {width: 25px; margin: 0 4px;}
	#slideshow-list-ct .slick-dots li button, #slideshow-list-ct-resp .slick-dots li button {width: 25px; height: 3px; background: url(../images/icon/bullet.png) no-repeat center;}
	#slideshow-list-ct .slick-dots li.slick-active button, #slideshow-list-ct-resp .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}

	.prd-item {padding-left: 10px; padding-right: 10px;}
	/* .prd-wrap .img-wrap {height: 140px;} */
	.prd-wrap .det-wrap h4, .prd-wrap .det-wrap h4 a {font-size: 15px; line-height: 21px;}
	.prd-wrap .det-wrap p.caption {font-size: 20px; line-height: 28px;}
	.prd-wrap .det-wrap p {font-size: 14px; line-height: 20px;}
	
	#home-badge-sfw {margin-top: 80px;}
	ul#home-badge-list > li {display: none;}
	ul#home-badge-list > li.full-h {display: block; float: none; width: 100%;}
	ul#home-badge-list > li .img-wrap .cover .inner img {width: 50px; height: 50px; margin-bottom: 20px; display: block;}
	ul#home-badge-list > li .img-wrap .cover .inner h4, ul#home-badge-list > li .img-wrap .cover .inner h4 a {font-size: 24px; line-height: 32px;}
	ul#home-badge-list > li .img-wrap .cover {display: block;}
	
	/* #home-prfeat-list-ct .prd-wrap .img-wrap {height: 250px;} */
	#home-prfeat-list-ct .prd-wrap .det-wrap h4, #home-prfeat-list-ct .prd-wrap .det-wrap h4 a {font-size: 15px; line-height: 21px;}
	#home-prfeat-list-ct .prd-wrap .det-wrap p.caption {font-size: 20px; line-height: 28px;}
	#home-prfeat-list-ct .prd-wrap .det-wrap p {font-size: 14px; line-height: 20px;}
}
@media only screen and (max-width: 360px) {
	#pnl-left-ct h2 {font-size: 32px; line-height: 40px;}
	#pnl-left-ct h5 {font-size: 20px; line-height: 26px;}
	
	.slideshow-caption h2 {font-size: 18px; line-height: 24px;}
	.slideshow-caption a.gen-btn {font-size: 9px; min-width: 50px; padding: 5px 10px;}	
	
	.prd-wrap .det-wrap h4, .prd-wrap .det-wrap h4 a {font-size: 12px; line-height: 16px;}
	.prd-wrap .det-wrap p {font-size: 12px; line-height: 16px;}
	.prd-wrap .det-wrap p.caption {font-size: 17px; line-height: 22px;}
	.prd-wrap a.gen-btn {font-size: 11px; line-height: 11px; min-width: 50px; padding: 10px 15px;}

	#home-prfeat-list-ct .slick-prev {width: 30px; height: 30px; left: -15px; background-size: 30px 30px !important;}
	#home-prfeat-list-ct .slick-next {width: 30px; height: 30px; right: -15px; background-size: 30px 30px !important;}
}
/* /HOME */


/* SHOP IG */
.top-image-sfw {}
.top-image-sfw.with-mt {margin-top: 80px;}
.top-image-sfw .img-wrap {position: relative;}
.top-image-sfw .img-wrap img {display: block; width: 100%;}
.top-image-sfw .img-wrap img.mobile {display: none;}
.top-image-sfw .img-wrap .caption {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 60%; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 30px 30px 25px 30px;}
.top-image-sfw .img-wrap .caption h2 {font-size: 48px; line-height: 56px; color: #fff; letter-spacing: 5px; margin-bottom: 0;}
.top-image-sfw .img-wrap .caption p {color: #fff; letter-spacing: 8px;}
.top-image-sfw .img-wrap .caption a {display: inline-block; color: #fff; font-family: 'RegularFont', Arial, Verdana; padding-bottom: 5px; border-bottom: 1px solid #fff;}
.top-image-sfw .img-wrap .caption a:hover {text-decoration: none; color: #ed1c24;}

#top-cat-sfw {padding: 10px 0; background: #231f20;}
#top-cat-list-resp {display: none;}
ul#top-cat-list {text-align: center;}
ul#top-cat-list.right {text-align: right;}
ul#top-cat-list > li {display: inline-block; position: relative;}
ul#top-cat-list > li > a {font-size: 15px; line-height: 23px; padding: 10px 50px; display: inline-block; border-right: 1px solid #8f8f8f; color: #fff; font-family: 'BoldFont', Arial, Verdana; cursor: pointer;}
ul#top-cat-list > li > a:hover {color: #ed1c24; text-decoration: none;}
ul#top-cat-list > li > a.active {background: url(../images/icon/short-und.png) no-repeat center 90%; background-size: 30px 3px;}
ul#top-cat-list > li > a.active:hover {color: #fff;}
ul#top-cat-list > li:first-child > a {border-left: 1px solid #8f8f8f;}
ul#top-cat-list.no-efc > li > a, ul#top-cat-list.no-efc:first-child > li > a {border: none;}
ul#top-cat-list.no-efc > li > a:hover {color: #fff;}
ul#top-cat-list > li > a.has-sub {background: url(../images/icon/arrow-down-white.png) no-repeat right 45%; background-size: 15px auto;}
.top-cat-subnav-ct {position: absolute; top: 125%; left: -40px; right: auto; z-index: 100; display: none;}
ul.top-cat-subnav-list {}
ul.top-cat-subnav-list > li {}
ul.top-cat-subnav-list > li > a {display: block; padding: 15px 30px; width: 175px; background: url(../images/icon/long-und-gray.png) no-repeat bottom center #c6c8c6; background-size: 80% 2px; text-align: center; font-family: 'RegularFont', Arial, Verdana; font-size: 15px; line-height: 20px; color: #231f20;}
ul.top-cat-subnav-list > li:last-child > a {background: #c6c8c6;}
ul.top-cat-subnav-list > li > a:hover {background: #231f20; color: #fff; text-decoration: none;}

#shop-ig-sfw {margin-top: 80px;}
/* ul.shop-ig-list {float: left; width: 100%; position: relative;}
ul.shop-ig-list > li {float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;}
ul.shop-ig-list > li:nth-child(2n) {margin-right: 0;}
ul.shop-ig-list > li:nth-child(2n + 1) {clear: both;}
ul.shop-ig-list > li .img-wrap {position: relative;}
ul.shop-ig-list > li .img-wrap img {display: block; width: 100%;}
ul.shop-ig-list > li .img-wrap .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none;}
ul.shop-ig-list > li .img-wrap .cover a {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */
#shop-ig-list-ct {}
#shop-ig-list-ct-resp {display: none;}
.shop-ig-list-row {clear: both;}
.sig-left {float: left; width: 49%;}
.sig-right {float: right; width: 49%;}
#shop-ig-list-ct .shop-ig-list-row:nth-child(2n) .sig-left {float: right;}
#shop-ig-list-ct .shop-ig-list-row:nth-child(2n) .sig-right {float: left;}
.sig-img-wrap {position: relative;}
.sig-img-wrap img {display: block; width: 100%;}
.sig-img-wrap .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none;}
.sig-img-wrap .cover a {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sig-right .sig-img-wrap {float: left; width: 48%; margin-bottom: 24px;}
.sig-right .sig-img-wrap:nth-child(2n) {float: right;}

.shop-ig-popup-content > .img-wrap {float: left; width: 45%;}
.shop-ig-popup-content > .img-wrap img {display: block; width: 100%;}
.shop-ig-popup-content .desc-wrap {float: right; width: 50%; text-align: center;}
.shop-ig-popup-content .desc-wrap.full-width {float: none; width: 100%; text-align: left;}
ul.shop-ig-prd-list {float: left; width: 100%; position: relative;}
ul.shop-ig-prd-list > li {float: left; width: 47%; margin-right: 6%; margin-bottom: 40px;}
ul.shop-ig-prd-list > li.full-width {width: 100%; margin-right: 0;}
ul.shop-ig-prd-list > li:nth-child(2n) {margin-right: 0;}
ul.shop-ig-prd-list > li .img-wrap {height: 110px;}
ul.shop-ig-prd-list > li a.gen-btn {display: inline-block;}
ul.shop-ig-prd-list > li .det-wrap p {font-size: 13px; line-height: 20px;}
ul.shop-ig-prd-list > li .det-wrap h4, .shop-ig-popup-content .desc-wrap .det-wrap h4 a {font-size: 20px; line-height: 28px;}
.shop-ig-det-wrap {text-align: center;}
.shop-ig-det-wrap p {font-size: 12px; line-height: 16px; font-family: 'RegularFont', Arial, Verdana;}
.shop-ig-det-wrap p span {color: #c6c8c6;}
.shop-ig-det-wrap p img {display: inline-block;}
ul.shop-ig-socmed-wrap {text-align: center; margin-top: 30px;}
ul.shop-ig-socmed-wrap > li {display: inline-block; margin-right: 25px;}
ul.shop-ig-socmed-wrap > li:last-child {margin-right: 0;}
ul.shop-ig-socmed-wrap > li img {height: 20px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul.shop-ig-socmed-wrap > li img:hover {opacity: 0.75;}

#header-top-cat-content-ct {position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
#header-top-cat-close-btn {position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; z-index: 1003; background: url(../images/icon/close-round.png) no-repeat center; background-size: 30px 30px; cursor: pointer;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-top-cat-close-btn:hover {opacity: 0.75;}
#header-top-cat-content-ct .inner {position: fixed; z-index: 1002; top: 0; right: -400px; width: 400px; min-height: 100vh; max-height: 100vh; box-sizing: border-box; padding: 60px 50px 30px 50px; background: #c6c8c6;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#header-top-cat-content-ct .inner.active {right: 0;}

@media only screen and (max-width: 1200px) {
	.sig-left, .sig-right {width: 48.5%;}
	.sig-right .sig-img-wrap {width: 47%;}
	
	.top-cat-subnav-ct {left: auto; right: 0;}
}

@media only screen and (max-width: 1024px) {
	.top-image-sfw .img-wrap .caption h2 {font-size: 36px; line-height: 44px;}
	.top-image-sfw .img-wrap .caption p {letter-spacing: 1px; font-size: 15px; line-height: 23px;}
	
	ul#top-cat-list > li > a {padding: 10px 25px;}
}

@media only screen and (max-width: 900px) {
	.shop-ig-popup-content > .img-wrap, .shop-ig-popup-content > .desc-wrap {float: none; width: 100%; margin: 0;}
	.shop-ig-popup-content > .img-wrap {margin-bottom: 30px;}
	.shop-ig-popup-content.type2 > .img-wrap {float: left; width: 45%;}
	.shop-ig-popup-content.type2 > .desc-wrap {float: right; width: 50%;}
}

@media only screen and (max-width: 768px) {
	/* .top-image-sfw .img-wrap {} */
	.top-image-sfw .img-wrap img {display: none;}
	.top-image-sfw .img-wrap img.mobile {display: block; width: 100%;}
	
	ul#top-cat-list > li > a {font-size: 13px; line-height: 20px;}
	
	ul.shop-ig-list > li {width: 100%; margin-bottom: 15px; margin-right: 0;}
	
	ul.shop-ig-prd-list > li {float: none; width: 100%; margin-right: 0; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #dfdfdf;}	
	
	ul#top-cat-list {display: none;}
	#top-cat-list-resp {display: block; font-size: 15px; line-height: 23px; padding: 5px; color: #fff; text-align: center; font-family: 'BoldFont', Arial, Verdana; cursor: pointer;
	transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
	#top-cat-list-resp:hover {color: #ed1c24; text-decoration: none;}	

	#header-top-cat-content-ct .inner {background: #fff; width: 100%;}
	
	ul#header-top-cat-resp-list {}
	ul#header-top-cat-resp-list > li {margin-bottom: 10px;}
	ul#header-top-cat-resp-list > li:last-child {margin-bottom: 0;}
	ul#header-top-cat-resp-list > li > a {color: #231f20; display: block; background: #fafafa; border: 1px solid transparent; font-size: 13px; line-height: 18px; padding: 15px 22px 13px 22px; cursor: pointer; font-family: 'RegularFont', Arial, Verdana;}
	ul#header-top-cat-resp-list > li > a:hover {background: #fbfbfb; text-decoration: none;}
	
	.header-top-cat-resp-container {padding: 20px 40px; display: none;}
	ul.header-top-cat-resp-list > li {margin-bottom: 5px;}
	ul.header-top-cat-resp-list > li:last-child {margin-bottom: 0;}
	ul.header-top-cat-resp-list > li > a {display: block; color: #231f20; font-size: 12px; line-height: 17px;}
	ul.header-top-cat-resp-list > li > a:hover {color: #ed1c24; text-decoration: none;}
	
	#shop-ig-list-ct {display: none;}
	#shop-ig-list-ct-resp {display: block;}
	ul.shop-ig-list {float: left; width: 100%; position: relative;}
	ul.shop-ig-list > li {float: left; width: 48%; margin-right: 4%; margin-bottom: 25px;}
	ul.shop-ig-list > li:nth-child(2n) {margin-right: 0;}
	ul.shop-ig-list > li:nth-child(2n + 1) {clear: both;}	
	
	.shop-ig-popup-content.type2 > .img-wrap {float: none; width: 100%; margin-bottom: 30px;}
	.shop-ig-popup-content.type2 > .desc-wrap {float: none; width: 100%;}
	.shop-ig-popup-content.type2 > .desc-wrap ul.shop-ig-prd-list > li  {float: left; width: 48%; margin-right: 4%; border-bottom: 0;}
	.shop-ig-popup-content.type2 > .desc-wrap ul.shop-ig-prd-list > li:nth-child(2n) {margin-right: 0;}
	.shop-ig-popup-content.type2 > .desc-wrap ul.shop-ig-prd-list > li:nth-child(2n + 1) {clear: both;}	
}

@media only screen and (max-width: 500px) {
	.top-image-sfw .img-wrap .caption {padding: 20px 20px 15px 20px;}
	/* .top-image-sfw .img-wrap {height: 350px;} */
	.top-image-sfw .img-wrap .caption h2 {font-size: 24px; line-height: 32px; letter-spacing: 2px;}
	ul.shop-ig-list > li {margin-bottom: 20px;}
	
	.sig-img-wrap .cover a {font-size: 13px; line-height: 13px; padding: 12px;}
}
/* /SHOP IG */


/* OUR STORY */
#our-story-sfw {margin-top: 80px;}

ul#our-story-list {}
ul#our-story-list > li {}
ul#our-story-list.bg-white > li {background: #fff;}
ul#our-story-list > li .osl-img-wrap {float: left; width: 50%;}
ul#our-story-list > li .osl-img-wrap img {width: 100%; display: block;}
ul#our-story-list > li .osl-desc-wrap {float: right; width: 50%; box-sizing: border-box; padding: 50px;}
ul#our-story-list > li .osl-desc-wrap.full-width {float: none; width: 100%; padding: 0;}
ul#our-story-list > li .osl-desc-wrap h4.title {font-size: 30px; line-height: 38px; text-align: center; margin-bottom: 30px;}
ul#our-story-list > li:nth-child(even) .osl-img-wrap {float: right;}
ul#our-story-list > li:nth-child(even) .osl-desc-wrap {float: left;}
ul#our-story-list > li .prd-wrap .img-wrap {width: 100%;}
ul#our-story-list > li .prd-wrap .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto;}
ul#our-story-list > li .prd-wrap a.gen-btn {display: inline-block;}

#our-story-follow-ct {margin-top: 80px; text-align: center; }
#our-story-follow-ct h4 {font-size: 30px; line-height: 38px; letter-spacing: 10px; font-family: 'GeneralFont', Arial, Verdana; color: #c6c8c6; margin-bottom: 60px;}
ul#our-story-socmed-list {float: left; width: 100%; position: relative;}
ul#our-story-socmed-list > li {float: left; width: 50%;}
ul#our-story-socmed-list > li img {display: block; margin: 0 auto; height: 30px; margin-bottom: 30px;}
ul#our-story-socmed-list > li a {color: #231f20; font-size: 15px; line-height: 20px; letter-spacing: 5px;}

@media only screen and (max-width: 1024px) {
	ul#our-story-list > li {margin-bottom: 100px;}
	ul#our-story-list > li .osl-img-wrap {width: 40%;}
	ul#our-story-list > li .osl-desc-wrap {width: 60%; padding: 0; padding-left: 40px; padding-right: 0;}
	ul#our-story-list > li .osl-desc-wrap.full-width {float: none; width: 100%; padding: 0;}
	ul#our-story-list > li .osl-desc-wrap h4.title {text-align: left;}
	ul#our-story-list > li:nth-child(even) .desc-wrap {padding-left: 0; padding-right: 40px;}
}
@media only screen and (max-width: 500px) {
	ul#our-story-list > li {margin-bottom: 60px;}
	ul#our-story-list.bg-white > li {margin-bottom: 100px;}
	
	ul#our-story-list > li .osl-img-wrap, ul#our-story-list > li .osl-desc-wrap {float: none; width: 100%; padding: 0; margin: 0;}
	ul#our-story-list > li .osl-img-wrap {margin-bottom: 30px;}
	
	#our-story-follow-ct h4  {font-size: 24px; line-height: 32px; letter-spacing: 5px;}
	ul#our-story-socmed-list > li a {letter-spacing: 1px;}
}
/* /OUR STORY */


/* STORE LOCATOR */
#store-locator-sfw {margin-top: 80px;}

#stloc-left-ct {float: left; width: 30%;}
@media only screen and (min-width: 769px) {
	#stloc-left-ct {max-height: 550px;}
}

ul#stloc-list {}
ul#stloc-list > li {margin-bottom: 20px; padding: 20px 30px; border: 1px solid #c6c8c6; box-sizing: border-box; cursor: pointer;
transition: background-color 0.25s linear; -webkit-transition: background-color 0.25s linear; -moz-transition: background-color 0.25s linear; -o-transition: background-color 0.25s linear;}
ul#stloc-list > li:last-child {margin-bottom: 0;}
ul#stloc-list > li:hover {background: #efefef;}
ul#stloc-list > li h5 {font-family: 'RegularFont', Arial, Verdana; margin-bottom: 0; font-size: 22px; line-height: 28px;}
ul#stloc-list > li .det {margin-top: 15px; display: none;}
ul#stloc-list > li .det.displayed {display: block;}
ul#stloc-list > li .gmap-content {display: none;}
ul#stloc-list > li p, ul#stloc-list > li p a {font-size: 16px; line-height: 22px; color: #231f20;}
ul#stloc-list > li p a {cursor: pointer;}
ul#stloc-list > li.active, ul#stloc-list > li.active:hover {background: #231f20; border: 1px solid #231f20;}
ul#stloc-list > li.active h5, ul#stloc-list > li.active p, ul#stloc-list > li.active p a {color: #fff;}

#stloc-right-ct {float: right; width: 65%;}
#stloc-gmap-frame {height: 500px; border: 1px solid #bfbfbf;}
#map {height: 100%;}
#stloc-gmap-frame iframe {width: 100%; height: 475px !important;}

@media only screen and (max-width: 768px) {
	#stloc-gmap-frame {height: 400px;}
	#stloc-left-ct, #stloc-right-ct {float: none; width: 100%; margin: 0;}
	#stloc-right-ct {margin-bottom: 30px;}
	ul#stloc-list > li {float: left; width: 48%; margin-right: 4%;}
	ul#stloc-list > li.allloc {width: 100%; margin-right: 0;}
	ul#stloc-list > li:nth-child(2n) {clear: both;}
	ul#stloc-list > li:nth-child(2n + 1) {margin-right: 0;}
	ul#stloc-list > li .det {display: block !important;}
}
@media only screen and (max-width: 500px) {
	#stloc-gmap-frame iframe {width: 100%; height: 350px !important;}
	ul#stloc-list > li {float: none; width: 100%; margin-right: 0;}
}
/* /STORE LOCATOR */


/* FAQ & CONTACT */
#faq-sfw {margin-top: 80px;}

.main-title-ct {text-align: center;}
h2.big-title {font-size: 48px; line-height: 56px; text-align: center;}
ul#faq-ct-list {float: left; width: 100%; position: relative; margin-top: 60px; padding-top: 80px; background: url(../images/icon/long-und-gray.png) no-repeat top center; background-size: 250px 3px;}
ul#faq-ct-list > li {float: left; width: 47%; margin-right: 6%; margin-bottom: 80px;}
ul#faq-ct-list > li.full-width {width: 100%; margin-right: 0;}
ul#faq-ct-list > li:nth-child(2n) {margin-right: 0;}
ul#faq-ct-list > li:nth-child(2n + 1) {clear: both;}
ul#faq-ct-list > li:last-child {margin-bottom: 0;}
ul#faq-ct-list > li h5.title {font-size: 20px; line-height: 28px; margin-bottom: 40px;}
ul.faq-list > li {padding-bottom: 30px; margin-bottom: 50px; border-bottom: 1px solid #c6c8c6; cursor: pointer;}
ul.faq-list > li h5 {font-size: 15px; line-height: 23px; padding-right: 35px; background: url(../images/icon/plus.png) no-repeat right top; background-size: 20px 20px;}
ul.faq-list > li.opened h5 {background: url(../images/icon/minus.png) no-repeat right 9px; background-size: 20px 2px;}
ul.faq-list > li .answer {margin-top: 30px; display: none; margin-bottom: 15px;}
ul#faq-ct-list > li.full-width ul.faq-list > li h5 {font-size: 20px; line-height: 28px; background-position: right 2px;}
ul#faq-ct-list > li.full-width ul.faq-list > li.opened h5 {background-position: right 11px;}

#contact-form-ct, #warranty-online-form-ct, #warranty-offline-form-ct {margin-top: 60px; padding-top: 80px; background: url(../images/icon/long-und-gray.png) no-repeat top center; background-size: 250px 3px;}
#contact-form-ct h5, #warranty-online-form-ct h5, #warranty-offline-form-ct h5 {font-size: 20px; line-height: 28px;}
#warranty-online-form-ct, #warranty-offline-form-ct {display: none;}
#warranty-online-form-ct.displayed, #warranty-offline-form-ct.displayed {display: block;}
#warranty-form-selection-ct {margin: 0 auto; width: 580px;}
#warranty-form-selection-ct label {margin-right: 60px; font-size: 16px; line-height: 24px;}
#warranty-form-selection-ct label.no-mr {margin-right: 0;}
#contact-form-left-ct {float: left; width: 47%;}
#contact-form-right-ct {float: right; width: 47%;}
#contact-form .gen-form-row {margin-bottom: 50px;}
#contact-form .gen-form-row.mb-small {margin-bottom: 25px;}
#contact-form .gen-form-row.no-mb {margin-bottom: 0;}
.gen-form-row.fl-right {width: auto; float: right;}
#contact-form .help-note  {border-bottom: 1px solid #c6c8c6; padding-bottom: 15px;}
#contact-form textarea {padding: 15px; margin-top: 22px;}

#warranty-online-form select, #warranty-offline-form select {padding: 5px 10px;}

@media only screen and (max-width: 1024px) {
	ul#faq-ct-list > li {float: none; width: 100%; margin-right: 0;}
	
	ul#faq-ct-list > li.full-width ul.faq-list > li h5 {font-size: 15px; line-height: 23px;}
}

@media only screen and (max-width: 768px) {
	#contact-form-left-ct, #contact-form-right-ct {float: none; width: 100%; margin: 0;}
	#contact-form .gen-form-row.mb-small {margin-bottom: 50px;}
	#contact-form .gen-form-row.fl-right {float: none;}
	
	#warranty-form-selection-ct {width: 100%;}
	#warranty-form-selection-ct label {display: block; margin-right: 0; margin-bottom: 5px;}
}
/* /FAQ & CONTACT */


/* PRODUCT */
#product-sfw {margin-top: 40px;}

#prd-detail-middle-ct {margin-top: 80px;}
#prd-detail-bottom-ct {margin-top: 80px;}

ul#product-list {float: left; width: 100%; position: relative;}
ul#product-list  > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 60px;}
ul#product-list  > li:nth-child(4n) {margin-right: 0;}
ul#product-list  > li:nth-child(4n + 1) {clear: both;}

#prd-detail-top-ct {}
#prd-detail-img-ct {float: left; width: 55%; position: relative;}
#prd-detail-img-ct .pz-parent {position: absolute; width: 100%; height: 100%; background: #fff; z-index: 101; display: none;}
a#pz-close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/icon/close-round.png) no-repeat center; background-size: 40px 40px; z-index: 10; cursor: pointer;}
a#pz-close:hover {opacity: 0.75;}
#prd-detail-img-ct .pz img {}
#prd-detail-img-list-ct {float: left; width: 17%; margin-bottom: 30px;}

#prd-img-item-list-ct .slick-prev {content: ''; width: 25px; height: 13px; background: url(../images/icon/arrow-up.png) no-repeat center !important; left: 50%; top: -20px; transform: translateX(-50%); opacity: 0.3; background-size: 25px 13px !important;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#prd-img-item-list-ct .slick-next {content: ''; width: 25px; height: 13px; background: url(../images/icon/arrow-down.png) no-repeat center !important; left: 50%; bottom: -28px; transform: translateX(-50%); opacity: 0.3; background-size: 25px 13px !important;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#prd-img-item-list-ct .slick-prev:hover {opacity: 1.0;}
#prd-img-item-list-ct .slick-next:hover {opacity: 1.0;}
#prd-img-item-list-ct .slick-prev.slick-disabled, #prd-img-item-list-ct .slick-prev.slick-disabled:hover, #prd-img-item-list-ct .slick-prev.slick-disabled:focus {opacity: 0.2;}
#prd-img-item-list-ct .slick-next.slick-disabled, #prd-img-item-list-ct .slick-next.slick-disabled:hover, #prd-img-item-list-ct .slick-next.slick-disabled:focus {opacity: 0.2;}

.prd-img-item {box-sizing: border-box; width: 100%; padding: 5px 10px;}
.prd-img-item .inner {border: 1px solid #c6c8c6 !important; position: relative; cursor: pointer; box-sizing: border-box;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
transition: border 0.25s linear; -webkit-transition: border 0.25s linear; -moz-transition: border 0.25s linear; -o-transition: border 0.25s linear;}
.prd-img-item .inner:hover {border: 1px solid #231f20 !important;}
.prd-img-item.active .inner, .prd-img-item.active .inner:hover {border: 2px solid #231f20 !important;}
.prd-img-item img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 85%; max-height: 85%;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#prd-detail-img-active-ct {float: right; width: 70%; text-align: center; box-sizing: border-box; padding-left: 25px; padding-right: 25px;}
#prd-detail-img-active-ct a.vtitle {display: inline-block; margin-top: 15px; font-size: 25px; line-height: 33px; font-family: 'BoldFont', Arial, Verdana; color: #000;}
#prd-detail-img-active-ct a.vtitle:hover {color: #ed1c24; text-decoration: none;}
#prd-detail-img-active-ct div {background-image: none;}
#prd-detail-img-active-ct img {display: block; margin: 0 auto; width: 100%; cursor: zoom-in;
transition: opacity 0.25s linear; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear;}
#prd-detail-img-active-ct img.faded {opacity: 0;}
#prd-detail-title-ct {float: right; width: 35%;}

.undline-ct {float: left; width: 100%; position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #c6c8c6;}
.undline-ct h4 {margin-bottom: 0;}
.undline-ct .left {float: left; width: 30%; margin-right: 5%;}
.undline-ct .middle {float: left; width: 25%; margin-right: 5%;}
.undline-ct .right {float: left; width: 35%;}
ul.rating-list {}
ul.rating-list > li {float: left; margin-right: 3px; width: 14px; height: 13px; background: url(../images/icon/star-full.png) no-repeat center; background-size: 14px 13px;}
ul.rating-list > li:last-child {margin-right: 0;}
.undline-ct ul.rating-list {margin-top: 2px;}

#prd-apply-list-ct {}
.prd-apply-item {padding: 0 12px;}
.prd-apply-item img {width: 100%; display: block;}
#prd-apply-list-ct .slick-prev {content: ''; width: 60px; height: 60px; background: url(../images/icon/arrow-left-round.png) no-repeat center !important; left: -20px; top: 50%; transform: translateY(-50%); opacity: 0.7; background-size: 60px 60px !important;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#prd-apply-list-ct .slick-next {content: ''; width: 60px; height: 60px; background: url(../images/icon/arrow-right-round.png) no-repeat center !important; right: -20px; top: 50%; transform: translateY(-50%); opacity: 0.7; background-size: 60px 60px !important;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#prd-apply-list-ct .slick-prev:hover {opacity: 1.0;}
#prd-apply-list-ct .slick-next:hover {opacity: 1.0;}
#prd-apply-list-ct .slick-prev.slick-disabled, #prd-apply-list-ct .slick-prev.slick-disabled:hover, #prd-apply-list-ct .slick-prev.slick-disabled:focus {opacity: 0.2;}
#prd-apply-list-ct .slick-next.slick-disabled, #prd-apply-list-ct .slick-next.slick-disabled:hover, #prd-apply-list-ct .slick-next.slick-disabled:focus {opacity: 0.2;}

ul#prd-spec-list {}
ul#prd-spec-list > li {float: left; margin-right: 40px;}
ul#prd-spec-list > li:last-child {margin-right: 0;}
ul#prd-spec-list > li > a {display: block; padding: 15px; font-size: 20px; line-height: 26px; font-family: 'BoldFont', Arial, Verdana; color: #231f20; border-bottom: 2px solid transparent; cursor: pointer;}
ul#prd-spec-list > li > a:hover {color: #555; text-decoration: none;}
ul#prd-spec-list > li > a.active, ul#prd-spec-list > li > a.active:hover {border-bottom: 2px solid #231f20;}
.prd-spec-content {display: none; margin-top: 80px;}
.prd-spec-content.displayed {display: block;}

/*
.prd-spec-content-inner {margin: 0 auto;}
.prd-spec-content .left {float: left;}
.prd-spec-content .right {float: left;}

@media only screen and (min-width: 1921px) {
	.prd-spec-content-inner {width: 1600px;}
	.prd-spec-content .left {width: 37%; margin-right: 3%;}
	.prd-spec-content .right {width: 60%;}	
}

@media only screen and (max-width: 1920px) {
	.prd-spec-content-inner {width: 70%;}
	.prd-spec-content .left {width: 37%; margin-right: 2%;}
	.prd-spec-content .right {width: 40%;}
}
@media only screen and (max-width: 1400px) {
	.prd-spec-content-inner {width: 80%;}
	.prd-spec-content .left {width: 37%; margin-right: 2%;}
	.prd-spec-content .right {width: 50%;}
}
@media only screen and (max-width: 1024px) {
	.prd-spec-content-inner {width: 85%;}
	.prd-spec-content .left {width: 37%; margin-right: 3%;}
	.prd-spec-content .right {width: 60%;}
} */

h4.prd-spec-title {text-align: center; font-size: 30px; line-height: 38px; margin-bottom: 30px;}
h4.prd-spec-title.main {display: none;}
h4.prd-spec-title.second {display: block;}

.prd-spec-content-inner {width: 90%; margin: 0 auto;}
.prd-spec-content .left {float: left; width: 30%; margin-top: 80px;}
.prd-spec-content .right {float: left; width: 40%;}

#prd-review-list-ct {max-height: 450px;}
ul.prd-review-list {}
ul.prd-review-list > li {padding: 20px 0; border-bottom: 1px solid #c6c8c6;}
ul.prd-review-list > li .left {float: left; width: 20%; margin-right: 4%;}
ul.prd-review-list > li .middle {float: left; width: 60%; margin-right: 4%;}
ul.prd-review-list > li .right {float: right; width: 12%; text-align: right;}
ul.prd-review-list > li .middle h4 {margin-bottom: 5px;}
ul.prd-review-list > li .left.full-width, ul.prd-review-list .middle.full-width, ul.prd-review-list .right.full-width {width: 100%; float: none;}
ul.prd-review-list > li ul.rating-list {margin-top: 20px;}

#write-review-ct {margin-top: 80px;}
#prd-review-form textarea {padding: 15px;}

@media only screen and (max-width: 1200px) {
	/* ul#product-list  > li {margin-bottom: 30px; min-height: 375px;}
	ul#product-list  > li .prd-wrap .img-wrap {height: 180px;} */
	ul#product-list  > li .prd-wrap .det-wrap p {font-size: 14px; line-height: 20px;}
	ul#product-list  > li .prd-wrap .det-wrap h4, ul#product-list  > li .prd-wrap .det-wrap h4 a {font-size: 15px; line-height: 22px;}
	ul#product-list  > li .prd-wrap .det-wrap p.caption {font-size: 22px; line-height: 28px;}
	
	#prd-detail-title-ct .undline-ct .left, #prd-detail-title-ct .undline-ct .middle, #prd-detail-title-ct .undline-ct .right {float: none; width: 100%; text-align: left; margin: 0;}
	#prd-detail-title-ct .undline-ct .middle {margin-top: 10px; margin-bottom: 7px;}
}

@media only screen and (max-width: 1024px) {
	ul#product-list  > li {width: 31%; margin-right: 3.5%;}
	ul#product-list  > li:nth-child(4n) {margin-right: 3.5%;}
	ul#product-list  > li:nth-child(4n + 1) {clear: none;}
	ul#product-list  > li:nth-child(3n) {margin-right: 0;}
	ul#product-list  > li:nth-child(3n + 1) {clear: both;}
	/* ul#product-list  > li .prd-wrap .img-wrap {height: 160px;} */
	
	#prd-detail-img-list-ct {width: 22%}
	#prd-detail-img-active-ct {width: 73%;}
	
	ul.prd-review-list > li .left {width: 18%;}
	ul.prd-review-list > li .middle {width: 57%;}
	ul.prd-review-list > li .right {width: 17%;}	
}

@media only screen and (max-width: 768px) {
	#product-sfw {margin-top: 40px;}
	ul#product-list  > li  {min-height: 0; margin-bottom: 80px;}
	ul#product-list  > li {width: 48%; margin-right: 4%;}
	ul#product-list  > li:nth-child(3n) {margin-right: 4%;}
	ul#product-list  > li:nth-child(3n + 1) {clear: none;}
	ul#product-list  > li:nth-child(2n) {margin-right: 0;}
	ul#product-list  > li:nth-child(2n + 1) {clear: both;}
	/* ul#product-list  > li .prd-wrap .img-wrap {height: 140px;} */
	
	#prd-detail-img-ct, #prd-detail-title-ct {float: none; width: 100%; margin: 0;}
	#prd-detail-img-ct {margin-bottom: 50px;}
	
	#prd-detail-img-list-ct {width: 20%}
	#prd-detail-img-active-ct {width: 75%;}
	#prd-detail-img-active-ct img {cursor: default;}
	
	#prd-apply-list-ct .slick-prev, #prd-apply-list-ct .slick-next {width: 40px; height: 40px; background-size: 40px 40px !important;}
	#prd-apply-list-ct .slick-prev {left: -10px;}
	#prd-apply-list-ct .slick-next {right: -10px;}
	
	ul#prd-spec-list > li {margin-right: 25px;}
	ul#prd-spec-list > li > a {padding: 10px; font-size: 16px; line-height: 21px;}
	
	ul.prd-review-list > li .left, ul.prd-review-list > li .middle, ul.prd-review-list > li .right {float: none; width: 100%; margin: 0;}
	ul.prd-review-list > li ul.rating-list {margin-top: 2px;}
	
	ul.prd-review-list > li p {font-size: 13px; line-height: 18px;}
	ul.prd-review-list > li .middle h4 {font-size: 20px; line-height: 26px;}
	ul.prd-review-list > li .left {margin-bottom: 20px; text-align: left;}
	ul.prd-review-list > li .middle {margin-bottom: 5px;}
		
	.prd-spec-content-inner {width: 85%;}
	.prd-spec-content .left, .prd-spec-content .right {float: none; width: 100%; margin: 0;}
	.prd-spec-content .left {margin-bottom: 40px; text-align: center;}
	.prd-spec-content .left img {display: block; margin: 0 auto; max-width: 60%;}
	h4.prd-spec-title.main {display: block;}
	h4.prd-spec-title.second {display: none;}
	
	#prd-review-form label.form-label {font-size: 15px; line-height: 23px;}
	#prd-review-form .radio-toolbar label {font-size: 14px; padding-left: 25px; background-size: 18px 18px;}
	#prd-review-form .radio-toolbar label.with-mr {margin-right: 15px;}
	#prd-review-form .radio-toolbar input[type="radio"]:checked + label {background-size: 18px 18px;}
}
@media only screen and (max-width: 500px) {	
	#prd-detail-img-list-ct {width: 23%}
	#prd-detail-img-active-ct {width: 72%;}	
	
	#prd-review-form label.form-label {font-size: 14px; line-height: 23px;}
	#prd-review-form input[type="text"], #prd-review-form textarea {width: 100%;}
	
	#prd-detail-img-active-ct a {font-size: 17px; line-height: 22px;}
	#prd-detail-img-active-ct a.vtitle {font-size: 20px; line-height: 25px;}
	
	.prd-spec-content-inner {width: 95%;}
}

@media only screen and (max-width: 360px) {	
	ul#product-list > li .prd-wrap .det-wrap h4, ul#product-list  > li .prd-wrap .det-wrap h4 a {font-size: 12px; line-height: 16px;}
	ul#product-list > li .prd-wrap .det-wrap p {font-size: 12px; line-height: 16px;}
	ul#product-list > li .prd-wrap .det-wrap p.caption {font-size: 17px; line-height: 22px;}
	
	#prd-apply-list-ct {margin-bottom: 30px;}
	#prd-apply-list-ct .slick-prev, #prd-apply-list-ct .slick-next {width: 35px; height: 35px; background-size: 35px 35px !important;}
	#prd-apply-list-ct .slick-prev {left: auto; right: 65px; bottom: -45px; top: auto; transform: none;}
	#prd-apply-list-ct .slick-next {right: 15px; bottom: -45px; top: auto; transform: none;}
	
	ul#prd-spec-list > li {margin-right: 20px;}
	ul#prd-spec-list > li > a {padding: 7px; font-size: 14px; line-height: 20px;}	
	
	#prd-review-form .radio-toolbar label {font-size: 14px; line-height: 16px; padding-left: 20px; background-size: 16px 16px;}
	#prd-review-form .radio-toolbar label.with-mr {margin-right: 13px;}
	#prd-review-form .radio-toolbar input[type="radio"]:checked + label {background-size: 16px 16px;}
}
/* /PRODUCT */


/* BLOG */
#blog-sfw {margin-top: 80px;}

.top-socmed-sfw {padding: 15px 0; background: #231f20; display: none;}
ul.top-socmed-list {float: left; width: 100%; position: relative;}
ul.top-socmed-list > li {float: left; margin-right: 30px;}
ul.top-socmed-list > li:last-child {margin-right: 0;}
ul.top-socmed-list > li img {width: 21px; height: 21px; display: block;}

ul.blog-list {float: left; width: 100%; position: relative; margin-top: 50px;}
ul.blog-list > li {float: left; width: 31%; margin-right: 3.5%; margin-bottom: 50px; box-sizing: border-box;}
ul.blog-list > li:nth-child(3n) {margin-right: 0;}
ul.blog-list > li:nth-child(3n + 1) {clear: both;}
ul.blog-list > li.with-brd {border: 1px solid #c6c8c6;}
.blog-item {position: relative;}
.blog-item .img-wrap {}
.blog-item .img-wrap img {width: 100%; display: block;}
.blog-item .desc-wrap {box-sizing: border-box; background: #fff; border: 1px solid #c6c8c6; border-top: none; padding: 0 50px 50px 50px; min-height: 380px; position: relative;}
ul.blog-list > li.with-brd .desc-wrap {border: none;}
.blog-item .desc-wrap.full-lh {}
.blog-item .desc-wrap .cat-title {text-align: center;}
.blog-item .desc-wrap .cat-title span, .blog-item .desc-wrap .cat-title span a {display: inline-block; font-family: 'RegularFont', Arial, Verdana; color: #fff; font-size: 18px; line-height: 23px; padding: 10px 20px 8px 20px; min-width: 150px; background: #231f20;}
.blog-item .desc-wrap .desc-content {margin-top: 50px;}
.blog-item .desc-wrap .desc-content h3, .blog-item .desc-wrap .desc-content h3 a {font-size: 30px; line-height: 38px; color: #231f20;}
.blog-item .desc-wrap .desc-content h3 a:hover {text-decoration: none; color: #ed1c24;}
.blog-item .desc-wrap .desc-content p {min-height: 120px;}
.blog-item .desc-wrap .desc-content a.more {display: inline-block; margin-top: 20px; font-family: 'BoldFont', Arial, Verdana; color: #231f20; padding-right: 25px; background: url(../images/icon/arrow-right.png) no-repeat right 2px; background-size: auto 15px;}
.blog-item .desc-wrap .desc-content a.more:hover {color: #ed1c24; text-decoration: none;}
.blog-item .desc-wrap .title-abs {position: absolute; left: 50%; top: -13%; transform: translateX(-50%); text-align: center; width: 80%;}
.blog-item .desc-wrap .title-abs h3 {font-family: 'GeneralFont', Arial, Verdana;}
.blog-item .desc-wrap .title-abs a {font-family: 'BoldFont', Arial, Verdana; display: inline-block; border-bottom: 1px solid #c6c8c6; color: #231f20;}
.blog-item .desc-wrap .title-abs a:hover {text-decoration: none; color: #ed1c24;}

#blog-featured-ct {margin-bottom: 80px;}
#blog-featured-ct .blog-ft-title {float: left; width: 10%; margin-right: 5%;}
#blog-featured-ct .blog-ft-title h2 {font-size: 100px; line-height: 110px;
transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
#blog-featured-ct .blog-item {float: left; width: 75%;}
#blog-featured-ct .blog-item .desc-wrap {position: absolute; right: 0; bottom: 10%; right: -15%; width: 35%; min-height: 0; padding: 0; background: none; border: none;}
#blog-featured-ct .blog-item .desc-wrap .desc-content {margin-top: 0; box-sizing: border-box; background: #fff; border: 1px solid #c6c8c6; padding: 50px;}
#blog-featured-ct .blog-item .desc-wrap .desc-content p {min-height: 90px;}

#blog-detail-top-sfw {padding: 80px 0;}
#blog-detail-sfw {background: #231f20; padding: 80px 0;}
#blog-item-ct.with-tbrd {margin-top: 60px; padding-top: 80px; background: url(../images/icon/long-und-gray.png) no-repeat top center; background-size: 250px 3px;}

@media only screen and (max-width: 1200px) {
	#blog-featured-ct .blog-ft-title h2 {font-size: 75px; line-height: 85px;}
	#blog-featured-ct .blog-item .desc-wrap {width: 42%; right: -17%;}
}
@media only screen and (max-width: 1024px) {
	#blog-featured-ct .blog-item .desc-wrap {position: relative; right: auto; bottom: auto; width: 100%;}
	#blog-featured-ct .blog-item .desc-wrap .desc-content p {min-height: 50px;}
	#blog-featured-ct .blog-item .desc-wrap .cat-title {display: none;}
	
	.blog-item .desc-wrap .cat-title span {min-width: 100px;}	
		
	ul.blog-list > li {width: 48%; margin-right: 4%;}
	ul.blog-list > li:nth-child(3n) {margin-right: 4%;}
	ul.blog-list > li:nth-child(3n + 1) {clear: none;}
	ul.blog-list > li:nth-child(2n) {margin-right: 0;}
	ul.blog-list > li:nth-child(2n + 1) {clear: both;}
	
	#blog-detail-sfw {background: #fff;}
	#blog-detail-sfw ul#our-story-list > li >.img-wrap, #blog-detail-sfw ul#our-story-list > li > .desc-wrap {width: 50%;}
	/* #blog-detail-sfw .prd-wrap .img-wrap {height: 150px;} */
}

@media only screen and (max-width: 768px) {
	#blog-featured-ct .blog-ft-title h2 {font-size: 50px; line-height: 60px;}
	
	.blog-item .desc-wrap {padding-left: 30px; padding-right: 30px;}
	.blog-item .desc-wrap .desc-content h3, .blog-item .desc-wrap .desc-content h3 a {font-size: 26px; line-height: 34px;}
	.blog-item .desc-wrap .desc-content p {min-height: 75px;}
	.blog-item .desc-wrap {min-height: 350px;}
	
	/* #blog-detail-sfw .prd-wrap .img-wrap {height: 100px;} */
}

@media only screen and (max-width: 500px) {
	#blog-featured-ct .blog-ft-title, #blog-featured-ct .blog-item {float: none; width: 100%; margin: auto;}
	#blog-featured-ct .blog-ft-title {margin-bottom: 30px;}
	#blog-featured-ct .blog-ft-title h2 {font-size: 36px; line-height: 44px;
	transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;}
	
	.blog-item .desc-wrap .cat-title span {font-size: 14px; line-height: 20px;}
	
	#blog-detail-sfw ul#our-story-list > li >.img-wrap, #blog-detail-sfw ul#our-story-list > li > .desc-wrap {width: 100%;}
	/* #blog-detail-sfw .prd-wrap .img-wrap {height: 150px;} */
	
	ul.blog-list > li {width: 100%; margin-right: 0; margin-bottom: 20px;}
	ul.blog-list > li:last-child {margin-bottom: 0;}
	ul.blog-list > li.with-brd .img-wrap {display: none;}
	.blog-item .desc-wrap {min-height: 200px;}
	.blog-item .desc-wrap .title-abs {top: 50%; transform: translate(-50%, -50%);}
}
/* /BLOG */


/* MY ACCOUNT */
.updateable-bg-sfw {background-size: cover !important;}
.updateable-bg-sfw img.bg {display: none;}

#logreg-sfw {padding: 100px 0;}
#logreg-ct {padding: 60px; background: #fff;}
#logreg-ct.no-ptb {padding: 0 60px;}
#logreg-ct h2 {text-align: center; font-size: 48px; line-height: 56px; margin-bottom: 50px;}
#logreg-ct h2.no-mb {margin-bottom: 0;}
a.logreg-href {font-size: 14px; line-height: 18px; display: inline-block; padding: 5px 10px; border-bottom: 1px solid #c6c8c6; color: #231f20; cursor: pointer;}
a.logreg-href:hover {text-decoration: none; color: #ed1c24;}
#fpass-href {float: right;}
form.gen-form.account-form .gen-form-row.with-pd {box-sizing: border-box; padding-left: 20px; padding-right: 20px;}
form.gen-form.account-form .gen-form-row p {font-family: 'RegularFont', Arial, Verdana;}
form.gen-form.account-form input[type="text"], form.gen-form.account-form input[type="email"], form.gen-form.account-form input[type="password"] {border: 1px solid #231f1f; padding: 15px 20px;}
form.gen-form.account-form input[type="submit"] {background: none; color: #231f20;}
form.gen-form.account-form input[type="submit"]:hover {background: #231f20; color: #fff;}
form.gen-form.account-form ::-webkit-input-placeholder { color: #231f1f; font-family: 'GeneralFont';}
form.gen-form.account-form ::-moz-placeholder { color: #231f1f; opacity: 1.0; font-family: 'GeneralFont';}
form.gen-form.account-form :-ms-input-placeholder { color: #231f1f; font-family: 'GeneralFont';}
form.gen-form.account-form .help-block {font-size: 13px; margin-top: 15px;}

#login-ct, #register-ct, #fpass-ct {display: none;}
#login-ct.displayed, #register-ct.displayed, #fpass-ct.displayed {display: block;}
a#reg_otp_code_btn {position: absolute; display: inline-block; font-size: 12px; line-height: 12px; background: #231f20; color: #fff; padding: 10px 15px; cursor: pointer; right: 10px; top: 50%; transform: translateY(-50%);}
a#reg_otp_code_btn:hover {background: #555; text-decoration: none;}

#my-account-sfw {margin-top: 80px;}

#my-account-ct {margin-top: 60px; padding-top: 80px; background: url(../images/icon/long-und-gray.png) no-repeat top center; background-size: 250px 3px;}
#my-account-ct.ptb-small {margin-top: 30px; padding-top: 50px;}
ul#my-account-point-list {}
ul#my-account-point-list > li {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #c6c8c6;}
ul#my-account-point-list > li h5 {font-size: 20px; line-height: 28px; margin-bottom: 50px;}
ul#my-account-point-list > li h5 span {display: inline-block; margin-left: 30px; margin-right: 30px; font-family: 'GeneralFont', Arial, Verdana; color: #c6c8c6;}
ul#my-account-point-list > li h5 a {font-size: 12px; line-height: 16px; display: inline-block; border-bottom: 1px solid #c6c8c6;}
ul#my-account-point-list > li h5 a:hover {color: #ed1c24; text-decoration: none;}
ul#my-account-point-list > li p {font-family: 'RegularFont', Arial, Verdana;}
ul#my-account-point-list > li p.gray {color: #c6c8c6; font-family: 'GeneralFont', Arial, Verdana;}

#my-account-left-ct {float: left; width: 47%;}
#my-account-right-ct {float: right; width: 47%;}
.my-account-form .gen-form-row {margin-bottom: 50px;}

ul.my-address-list {float: left; width: 100%; position: relative;}
ul.my-address-list > li {float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; padding: 30px; border: 1px solid #c6c8c6;}
ul.my-address-list > li h5 {padding-right: 50px;}
ul.my-address-list > li.main h5 {background: url(../images/icon/star-full.png) no-repeat right top; background-size: 25px auto;}
ul.my-address-list > li:nth-child(3n) {margin-right: 0;}
ul.my-address-list > li:nth-child(3n + 1) {clear: both;}
ul.my-address-list.two-cols > li {width: 48.5%; margin-right: 3%;}
ul.my-address-list.two-cols > li:nth-child(3n) {margin-right: 3%;}
ul.my-address-list.two-cols > li:nth-child(3n + 1) {clear: none;}
ul.my-address-list.two-cols > li:nth-child(2n) {margin-right: 0;}
ul.my-address-list.two-cols > li:nth-child(2n + 1) {clear: both;}
ul.my-address-list.clickable > li {
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul.my-address-list.clickable > li:hover {border: 1px solid #555; cursor: pointer;}
ul.my-address-list.clickable > li.active, ul.my-address-list.clickable > li.active:hover {border: 2px solid #555;}

ul.my-address-list > li .btn-ct {margin-top: 20px;}
ul.my-address-list > li .btn-ct a {display: inline-block; margin-bottom: 10px;}
ul.my-address-list > li .btn-ct a:last-child {margin-bottom: 0;}
ul.my-address-list > li .btn-ct a.del {color: #ed1c24; font-family: 'RegularFont', Arial, Verdana; cursor: pointer;}
#my-address-form textarea {margin-top: 1px; padding-top: 14px; padding-bottom: 14px;}

ul.my-order-list {float: left; width: 100%; position: relative;}
ul.my-order-list > li {float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; padding: 30px; border: 1px solid #c6c8c6; min-height: 380px;}
ul.my-order-list > li:nth-child(3n) {margin-right: 0;}
ul.my-order-list > li:nth-child(3n + 1) {clear: both;}
ul.my-order-list > li .det-formatted-ct {margin-top: 30px;}
ul.my-order-list > li .det-formatted-ct .det-item{font-size: 16px; line-height: 22px; margin-bottom: 5px;}
ul.my-order-list > li .det-formatted-ct .det-item:last-child {margin-bottom: 0;}
ul.my-order-list > li .det-formatted-ct .caption {float: left; width: 30%; margin-right: 3%;}
ul.my-order-list > li .det-formatted-ct .sep {float: left; width: 3%; margin-right: 3%;}
ul.my-order-list > li .det-formatted-ct .valpoint {float: left; width: 61%; font-family: 'BoldFont', Arial, Verdana;}
ul.my-order-list > li .btn-ct {margin-top: 30px;}
ul.my-order-list > li .btn-ct a {display: inline-block; margin-bottom: 10px; cursor: pointer;}
ul.my-order-list > li .btn-ct a:last-child {margin-bottom: 0;}

table.gen-table {width: 100%;}
table.gen-table tr td {padding: 10px 15px; font-size: 14px; line-height: 20px; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; vertical-align: middle; position: relative;}
table.gen-table tr:last-child td {border-bottom: 1px solid #dfdfdf;}
table.gen-table tr td:last-child {border-right: 1px solid #dfdfdf;}
table.gen-table tr.theader td {background: #231f20; font-family: 'RegularFont', Arial, Verdana; color: #fff;}
table.gen-table tr td h5 {font-family: 'RegularFont', Arial, Verdana; margin-bottom: 10px; font-size: 18px; line-height: 24px;}
table.gen-table tr td h5.no-mb {margin-bottom: 0;}
table.gen-table tr td img {width: 100%; display: block; margin: 0 auto;}
table.gen-table.small tr td {font-size: 13px; line-height: 18px; padding: 10px;}
table.gen-table.small tr td .reg {font-size: 15px; line-height: 20px;}
table.gen-table.no-brd tr td {border: none; border-bottom: 1px solid #dfdfdf; padding-left: 0; padding-right: 0;}
table.gen-table tr td .table-img-wrap {float: left; width: 18%;}
table.gen-table tr td .table-img-wrap img {width: 100%; display: block;}
table.gen-table tr td .table-desc-wrap {position: absolute; width: 77%; right: 0; top: 50%; transform: translateY(-50%);}

@media only screen and (max-width: 1200px) {
	ul.my-order-list > li {width: 48.5%; margin-right: 3%;}
	ul.my-order-list > li:nth-child(3n) {margin-right: 3%;}
	ul.my-order-list > li:nth-child(3n + 1) {clear: none;}
	ul.my-order-list > li:nth-child(2n) {margin-right: 0;}
	ul.my-order-list > li:nth-child(2n + 1) {clear: both;}
}

@media only screen and (max-width: 768px) {
	ul#my-account-point-list > li h5 span {margin-left: 20px; margin-right: 20px;}
	ul#my-account-point-list > li h5 {font-size: 18px; letter-spacing: 0;}
	
	#my-account-left-ct, #my-account-right-ct {float: none; width: 100%; margin: 0;}
	.my-account-form .gen-form-row.fl-right {float: none;}
	
	ul.my-address-list > li {width: 48%; margin-right: 4%;}
	ul.my-address-list > li:nth-child(3n) {margin-right: 4%;}
	ul.my-address-list > li:nth-child(3n + 1) {clear: none;}
	ul.my-address-list > li:nth-child(2n) {margin-right: 0;}
	ul.my-address-list > li:nth-child(2n + 1) {clear: both;}
	
	ul.my-order-list > li {float: none; width: 100%; margin-right: 0; min-height: 0;}
	
	#logreg-ct {padding: 30px;}
	#logreg-ct.no-ptb {padding-left: 30px; padding-right: 30px;}
	#logreg-content-wrap {width: 95%;}
	#logreg-ct h2 {font-size: 36px; line-height: 44px;}
}
@media only screen and (max-width: 500px) {
	ul#my-account-point-list > li h5 span {margin-left: 15px; margin-right: 15px;}
	ul.my-address-list > li, ul.my-address-list.two-cols > li {width: 100%; margin-right: 0;}
	ul.my-order-list > li .det-formatted-ct .det-item {font-size: 15px; line-height: 20px;}
	
	table.gen-table.small tr td, table.gen-table.small tr td .reg {font-size: 13px; line-height: 17px;}
	table.gen-table tr td .table-img-wrap {width: 25%;}
	table.gen-table tr td .table-desc-wrap {width: 72%;}
	
	a#reg_otp_code_btn {font-size: 11px; line-height: 11px; padding: 10px 12px; right: 7px;}
}
@media only screen and (max-width: 360px) {
	ul.my-order-list > li .det-formatted-ct .caption {float: left; width: 35%; margin-right: 3%;}
	ul.my-order-list > li .det-formatted-ct .sep {float: left; width: 3%; margin-right: 3%;}
	ul.my-order-list > li .det-formatted-ct .valpoint {float: left; width: 56%; font-family: 'BoldFont', Arial, Verdana;}
}
/* /MY ACCOUNT */


/* SHOPPING CART */
#addcart-popup-ct {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1005; background: rgba(0, 0, 0, 0.5); display: none;}
#addcart-popup-ct .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; box-sizing: border-box; padding: 60px; background: #fff;}
#addcart-popup-content {text-align: center;}
#addcart-popup-content h5.with-und {font-size: 24px; line-height: 32px; padding-bottom: 10px; display: inline-block; min-width: 45%; border-bottom: 1px solid #c6c8c6; font-family: 'RegularFont', Arial, Verdana;}
#addcart-popup-content .prd-wrap {margin-top: 20px;}
#addcart-popup-content .prd-wrap p.caption {font-size: 13px; line-height: 18px;}
#addcart-popup-content .img-wrap {height: 150px;}
#addcart-popup-content .img-wrap.hovered {margin-top: 0;
transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0);}
#addcart-popup-content a.gen-btn {display: inline-block !important; width: 300px; margin-bottom: 15px; font-family: 'BoldFont', Arial, Verdana; font-size: 16px; padding: 20px 30px;}
#addcart-popup-content a.gen-btn:last-child {margin-bottom: 0;}

#order-step-sfw {margin-top: 80px;}
#order-step-list-ct {text-align: center;}
ul#order-step-list {}
ul#order-step-list > li {display: inline-block; font-family: 'BoldFont', Arial, Verdana; font-size: 13px; line-height: 16px; margin-right: 15px; padding-right: 95px; background: url(../images/icon/long-und-gray.png) no-repeat right 8px; background-size: 80px 3px;}
ul#order-step-list > li:last-child {margin-right: 0; padding-right: 0; background: none;}
ul#order-step-list > li img {display: block; margin: 0 auto; margin-bottom: 20px;}

#order-step-content-sfw {padding: 80px 0;}

#footer-shcart-sfw {}

.osc-left-ct {float: left; width: 48%;}
.glsc {float: left; width: 100%; position: relative; padding-bottom: 30px; border-bottom: 1px solid #c6c8c6;}
.glsc .left {float: left; width: 48%;}
.glsc .right {float: right; width: 48%;}
.glsc .left.full-width, .glsc .right.full-width {width: 100%;}
.osc-right-ct {float: right; width: 48%;}
.shcart-summary-ct {border: 1px solid #c6c8c6; padding: 20px;}

#ost-prev-next-ct {margin-top: 60px; width: 480px; margin-left: auto; margin-right: auto;}
#ost-prev-ct {float: left;}
#ost-next-ct {float: right;}
#ost-prev-ct a.gen-btn, #ost-prev-ct input[type="submit"], #ost-next-ct a.gen-btn, #ost-next-ct input[type="submit"] {width: 225px; box-sizing: border-box; padding: 0; padding: 15px 20px 10px 20px;}

ul#shipping-list {}
ul#shipping-list > li {margin-bottom: 15px;}
ul#shipping-list > li .title {font-size: 15px; line-height: 23px; padding-bottom: 10px; cursor: pointer; padding-right: 18px; background: url(../images/icon/arrow-down.png) no-repeat right center; border-bottom: 1px solid #c6c8c6; background-size: auto 7px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#shipping-list > li .title:hover {color: #ed1c24; text-decoration: none;}
ul#shipping-list > li .title.opened {background: url(../images/icon/arrow-up.png) no-repeat right center; background-size: auto 7px;}
ul#shipping-list > li .desc {padding-left: 15px; display: none;}
ul#shipping-list > li .radio-toolbar label {display: block; margin-bottom: 7px;}
ul#shipping-list > li .radio-toolbar label span.small {font-size: 14px; line-height: 22px;}

@media only screen and (max-width: 1024px) {
	ul#order-step-list > li {margin-right: 10px; padding-right: 50px; background-size: 35px 3px;}
	
	.osc-left-ct {margin-bottom: 50px;}
	.osc-left-ct, .osc-right-ct {float: none; width: 100%; margin-right: 0;}
}

@media only screen and (max-width: 768px) {
	#header-logo-ct.full-width.centered {text-align: center;}
	#header-logo-ct.full-width.centered img {margin: 0 auto;}
	#order-step-sfw {display: none;}
	
	#addcart-popup-content a.gen-btn {width: 200px; font-size: 15px; line-height: 15px; padding: 15px;}
}

@media only screen and (max-width: 500px) {
	#ost-prev-next-ct {width: 100%;}
	#ost-next-ct, #ost-prev-ct {float: none; width: 100%; margin: 0;}
	#ost-next-ct {margin-bottom: 10px;}
	#ost-next-ct a.gen-btn, #ost-prev-ct a.gen-btn, #ost-next-ct input[type="submit"], #ost-prev-ct input[type="submit"] {display: block; width: 100%; box-sizing: border-box;}
	
	
	#addcart-popup-content a.gen-btn {width: 100%; font-size: 13px; line-height: 13px; padding: 15px; box-sizing: border-box;}
}
/* /SHOPPING CART */


/* FOOTER */
#footer-sfw {padding: 60px 0 20px 0;}

#footer-top-ct {padding: 20px 0; background: #231f20;}
ul#fadv-list {float: left; width: 100%; position: relative;}
ul#fadv-list > li {float: left; width: 33.333%; box-sizing: border-box; padding-left: 50px; padding-right: 50px; height: 60px; position: relative;}
ul#fadv-list > li .img-wrap {float: left; width: 25%; height: 60px;}
ul#fadv-list > li .img-wrap img {width: 60px; height: 60px; display: block; margin: 0 auto;}
ul#fadv-list > li .desc-wrap {position: absolute; right: 0; top: 50%; width: 65%; transform: translateY(-50%); text-align: left;}
ul#fadv-list > li .desc-wrap p {color: #fff; font-size: 12px; line-height: 17px; font-family: 'BoldFont', Arial, Verdana;}

#footer-bottom-ct {margin-top: 60px;}
#footer-bottom-ct p {font-family: 'RegularFont', Arial, Verdana; font-size: 14px; line-height: 22px;}
#footer-bottom-ct p b {font-size: 15px; line-height: 23px;}

#footer-bottom-logo-ct {height: 22px; position: relative;}
img#logo-footer {height: 22px; background: #fff; padding-right: 70px; display: block;}
#footer-bottom-logo-ct .img-wrap {position: absolute; z-index: 100;}
#footer-bottom-logo-ct .back-line {position: absolute; z-index: 50; width: 100%; top: 50%; transform: translateY(-50%); border-top: 1px solid #dfdfdf;}

#footer-bottom-nav-ct {margin-top: 60px;}
#fbn-col-1, #fbn-col-2, #fbn-col-3, #fbn-col-4, #fbn-col-5 {float: left; width: 19%; box-sizing: border-box; padding-right: 30px;}
#fbn-col-1 {width: 21%;}
#fbn-col-4 {width: 22%;}
#fbn-col-5 {padding-right: 0;}
#footer-bottom-nav-ct h5 {font-size: 13px; line-height: 22px;}
#footer-bottom-nav-ct p, #footer-bottom-nav-ct p a {font-size: 14px; line-height: 22px;}

.newsletter-form input[type="email"] {border: none; border-bottom: 1px solid #c6c8c6; padding-left: 0; padding-right: 0; font-size: 14px; line-height: 14px;}
.newsletter-form input[type="submit"] {float: right;}
ul.fbn-nav-list {}
ul.fbn-nav-list > li {}
ul.fbn-nav-list > li > a {font-size: 13px; line-height: 21px; color: #231f20; font-family: 'RegularFont', Arial, Verdana;}
ul.fbn-nav-list > li > a:hover {color: #555; text-decoration: none;}

#fbn-col-6 {float: right;}
#socmed-list-resp-ct {display: none; text-align: center;}
ul.fsocmed-list {}
#fbn-col-5 ul.fsocmed-list {margin-top: 20px;}
ul.fsocmed-list > li {float: left; margin-right: 15px;}
ul.fsocmed-list > li:last-child {margin-right: 0;}
ul.fsocmed-list > li img {width: 18px; -webkit-backface-visibility: hidden;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul.fsocmed-list > li img:hover {opacity: 0.75;}

#footer-nav-resp-ct {display: none;}

#copyright-ct {margin-top: 30px;}
#copyright-ct p, #copyright-ct p a {text-align: center; font-size: 13px; line-height: 18px;}

@media only screen and (max-width: 1200px) {
	#fbn-col-2, #fbn-col-6 {display: none;}
	#fbn-col-1 {width: 30%; padding-right: 60px;}
	#fbn-col-3, #fbn-col-4  {width: 25%;}
	#fbn-col-5 {width: 20%; padding-right: 0;}
	
	#fbn-col-5 ul.fsocmed-list {display: none;}
	#socmed-list-resp-ct {display: block; margin-top: 40px;}
	#socmed-list-resp-ct  ul.fsocmed-list {}
	#socmed-list-resp-ct  ul.fsocmed-list > li {display: inline-block; margin-right: 15px; margin-bottom: 0; float: none;}
	#socmed-list-resp-ct  ul.fsocmed-list > li:last-child {margin-right: 0;}
}

@media only screen and (max-width: 1024px) {
	#footer-top-ct {padding: 30px 0;}
	ul#fadv-list > li {padding-left: 25px; padding-right: 25px; height: 42px;}
	ul#fadv-list > li .img-wrap {width: 22%; margin-right: 3%; margin-bottom: 0;}
	ul#fadv-list > li .img-wrap img {margin: 0; width: 42px; height: 42px; display: block;}
	ul#fadv-list > li .desc-wrap  {text-align: left; width: 72%;}
	
	#footer-bottom-nav-ct h5 {font-size: 15px; line-height: 21px;}
}
@media only screen and (max-width: 768px) {
	ul#fadv-list > li {height: 32px;}
	ul#fadv-list > li .img-wrap {width: 27%; margin-right: 3%;}
	ul#fadv-list > li .img-wrap img {margin: 0; width: 32px; height: 32px;}
	ul#fadv-list > li .desc-wrap  {text-align: left; width: 68%;}
	
	img#logo-footer {height: 18px; padding-right: 50px;}
	#fbn-col-5 {display: none;}
	#fbn-col-1 {width: 35%;}
	#fbn-col-3 {width: 35%;}
	#fbn-col-4 {width: 30%; padding-right: 0;}
}
@media only screen and (max-width: 600px) {
	ul#fadv-list > li {width: 100%; margin-right: 0; height: 40px; margin-bottom: 20px;}
	ul#fadv-list > li:last-child {margin-bottom: 0;}
	ul#fadv-list > li .img-wrap {width: 20%; width: 40px; height: 40px;}
	ul#fadv-list > li .img-wrap img {width: 40px; height: 40px;}
	ul#fadv-list > li .desc-wrap  {width: 80%;}
}

@media only screen and (max-width: 500px) {
	#footer-sfw {padding-bottom: 20px;}
	#footer-bottom-sfw {margin-top: 30px;}
	
	#fbn-col-2 {display: block;}
	#fbn-col-1, #fbn-col-2, #fbn-col-3, #fbn-col-4 {width: 100%; padding-right: 0; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
	#fbn-col-4 {margin-bottom: 0;}
	#socmed-list-resp-ct {margin-top: 20px; text-align: left;}
	.newsletter-form input[type="submit"] {float: left;}
	
	#fbn-col-1 {margin-bottom: 0;}
	#fbn-col-2, #fbn-col-3, #fbn-col-4, #fbn-col-5 {display: none;}
	#footer-nav-resp-ct {display: block;}
	ul#footer-nav-resp-list {}
	ul#footer-nav-resp-list > li {border-bottom: 1px solid #dfdfdf;}
	ul#footer-nav-resp-list > li > a {display: block; font-size: 14px; line-height: 18px; padding: 15px 0 10px 0; cursor: pointer; font-family: 'BoldFont', Arial, Verdana; color: #231f20;}
	ul#footer-nav-resp-list > li > a:hover {text-decoration: none; color: #555;}
	ul#footer-nav-resp-list > li > a.has-sub {padding-right: 15px; background: url(../images/icon/arrow-down.png) no-repeat right center; background-size: auto 6px;}
	ul#footer-nav-resp-list > li > a.has-sub.opened {background: url(../images/icon/arrow-up.png) no-repeat right center; background-size: auto 6px;}
	.footer-subnav-resp-ct {display: none; margin-bottom: 15px;}
	ul.footer-subnav-resp-list > li > a, ul.footer-subnav-resp-list > li > p {display: block; font-size: 13px !important; line-height: 18px !important; padding-left: 25px; color: #6D6460;}
	ul.footer-subnav-resp-list > li > p a {color: #6D6460;}
	ul.footer-subnav-resp-list > li {margin-bottom: 5px;}
	ul.footer-subnav-resp-list > li > a:hover {text-decoration: none; color: #555;}
}
/* /FOOTER */


/* FLOATING WA */
#float-wa-ct {position: fixed; right: 20px; bottom: 30px; z-index: 1000;}
#float-wa-ct .inner {border: 5px solid #fff;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#float-wa-ct .inner-2 {border: 12px solid #c6c8c6; background: #231f20; width: 120px; height: 120px; position: relative;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#float-wa-ct .inner-2 .ct {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%;}
#float-wa-ct .inner-2 .ct a {text-align: center; display: block; font-size: 15px; line-height: 21px; font-family: 'BoldFont', Arial, Verdana; color: #fff;}

@media only screen and (max-width: 1024px) {
	#float-wa-ct .inner-2 {width: 100px; height: 100px;}
	#float-wa-ct .inner-2 .ct a {font-size: 13px; line-height: 18px;}
}
@media only screen and (max-width: 500px) {
	#float-wa-ct {bottom: 20px; right: 15px;}
	#float-wa-ct .inner-2 {width: 75px; height: 75px;}
	#float-wa-ct .inner-2 .ct a {font-size: 9px; line-height: 14px;}
}
/* /FLOATING WA */


/* PAGINATION */
.pagination-container {margin-top: 30px;}
.pagination-list {}
.pagination-list.centered {display: inline-block; margin: 0 auto;}
.pagination-list li {float: left; margin-bottom: 5px; margin-right: 5px;}
.pagination-list li:last-child {margin-right: 0px;}
.pagination-list li a {font-size: 15px; line-height: 15px; color: #231f20; background: none; border: 1px solid #c6c8c6; display: inline-block; font-family: 'GeneralFont'; padding: 12px 15px;
transition: all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.pagination-list li a:hover {text-decoration: none; background: #c6c8c6;}
.pagination-list li a.active, .pagination-list li a.active:hover {background: #231f20; border: 1px solid #231f20; color: #fff; font-family: 'BoldFont';}

@media only screen and (max-width: 500px) {
	.pagination-list li a.edge {display: none;}
	.pagination-container.fl-right, .pagination-container.fl-left {float: none !important;}
	.pagination-container {text-align: center;}
	.pagination-list {display: inline-block; margin: 0 auto;}
	.pagination-list li a {font-size: 12px; line-height: 12px; padding: 10px 12px;}
}
/* /PAGINATION */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 42%; padding: 30px; background: #fff; z-index: 10001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 36px; line-height: 44px; text-transform: uppercase; margin-bottom: 20px; color: #231f20;}
.notification-content p, .notification-content2 p {font-size: 18px; line-height: 24px; margin-bottom: 0px; font-family: 'GeneralFont'; color: #231f20;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #222; font-family: 'GeneralFont';}

.notif-success h3, .notif-success2 h3 {display: inline-block; padding-right: 55px; background: url(../images/icon/success-notification-2.png) no-repeat right 1px; background-size: 35px auto;}
.notification-btn, .notification-btn2 {display: inline-block; margin: 0 auto; margin-top: 20px; padding: 10px 20px; background: #231f20; color: #fff; font-family: 'GeneralFont'; font-size: 16px; line-height: 16px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.notification-btn:hover, .notification-btn2:hover {background: #555; cursor: pointer; text-decoration: none; color: #fff;}

.overlay-bg2, .notification-content2 {display: none;}
.form-control.type2 {display: inline; width: 60%;}

@media only screen and (max-width: 960px) {
	.notification-content, .notification-content2 {width: 70%;}
}

@media only screen and (max-width: 480px) {
	.notification-content h3, .notification-content2 h3  {font-size: 26px; line-height: 34px;}
}

/* ADDITIONAL */
#fp-waiting {background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 2000; display: none;}
#fp-waiting img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.zoom {
  width: auto; 
  overflow: hidden;
}

.zoom img {
  width: 100%;
  height: auto;
}

.jsZoomTouch:after {
  content: 'Pinch to Zoom';
  position: absolute;
  top: 0;
  right: 0;
}<br type="_moz">

#prd-detail-img-active-ct .jsZoomMouse {background-size: 900px 900px !important;}
.jsZoomMouse {z-index: 999 !important;}
/* /ADDITIONAL */


/* ADDITIONAL 2 */
#prd-shop-by-sub-resp-ct {display: none;}

#top-btn-list-resp {display: none;}

@media only screen and (max-width: 768px) {	
	#prd-shop-by-sub-resp-ct {display: block; margin-top: 60px;}
	#prd-shop-by-sub-resp-ct h5.title {padding-left: 10px;}
	.prd-shop-by-sub-item {padding: 0 10px;}
	.prd-shop-by-sub-item .img-wrap {position: relative; margin-bottom: 10px;}
	.prd-shop-by-sub-item .img-wrap img {display: block; margin: 0 auto; max-width: 100%;}
	.prd-shop-by-sub-item .desc-wrap h5, .prd-shop-by-sub-item .desc-wrap h5 a {font-size: 16px; line-height: 24px; text-align: center; color: #231f20;}
	.prd-shop-by-sub-item .desc-wrap h5 a:hover {color: #6D6460; text-decoration: none;}
	#prd-shop-by-sub-resp-list {padding-bottom: 32px;}
	#prd-shop-by-sub-resp-list .slick-prev {content: ''; width: 32px; height: 32px; background: url(../images/icon/arrow-left-round.png) no-repeat center !important; left: auto; bottom: 0; right: 48px; opacity: 0.7; background-size: 32px 32px !important;
	transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
	#prd-shop-by-sub-resp-list .slick-next {content: ''; width: 32px; height: 32px; background: url(../images/icon/arrow-right-round.png) no-repeat center !important; bottom: 0; right: 10px; opacity: 0.7; background-size: 32px 32px !important;
	transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
	#prd-shop-by-sub-resp-list .slick-prev:hover {opacity: 1.0;}
	#prd-shop-by-sub-resp-list .slick-next:hover {opacity: 1.0;}
	#prd-shop-by-sub-resp-list .slick-prev.slick-disabled, #prd-shop-by-sub-resp-list .slick-prev.slick-disabled:hover, #prd-shop-by-sub-resp-list .slick-prev.slick-disabled:focus {opacity: 0.2;}
	#prd-shop-by-sub-resp-list .slick-next.slick-disabled, #prd-shop-by-sub-resp-list .slick-next.slick-disabled:hover, #prd-shop-by-sub-resp-list .slick-next.slick-disabled:focus {opacity: 0.2;}
}
@media only screen and (max-width: 500px) {	
	#prd-shop-by-sub-resp-ct h5.title {font-size: 20px; line-height: 28px;}
	.prd-shop-by-sub-item .desc-wrap h5, .prd-shop-by-sub-item .desc-wrap h5 a {font-size: 14px; line-height: 22px;}
	
	#top-cat-sfw.resp-none {display: none;}
	#top-btn-list-resp {display: block; padding-top: 30px;}
	#top-btn-list-resp a.gen-btn {display: block; margin-bottom: 10px;}
	#top-btn-list-resp a.gen-btn:last-child {margin-bottom: 0;}
}
/* /ADDITIONAL 2 */