/* INITIAL CSS */
body {font-family: 'GeneralFont', Arial, Verdana; color: #181818;}

h1, h2, h3, h4, h5, h6 {font-family: 'TitleFont', 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: 'TitleBoldFont', Arial, Verdana;}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {font-family: 'TitleItalicFont', Arial, Verdana;}
h1 b i, h1 i b, h1 b em, h1 em b, h1 strong i, h1 i strong, h1 strong em, h1 em strong, 
h2 b i, h2 i b, h2 b em, h2 em b, h2 strong i, h2 i strong, h2 strong em, h2 em strong, 
h3 b i, h3 i b, h3 b em, h3 em b, h3 strong i, h3 i strong, h3 strong em, h3 em strong, 
h4 b i, h4 i b, h4 b em, h4 em b, h4 strong i, h4 i strong, h4 strong em, h4 em strong, 
h5 b i, h5 i b, h5 b em, h5 em b, h5 strong i, h5 i strong, h5 strong em, h5 em strong, 
h6 b i, h6 i b, h6 b em, h6 em b, h6 strong i, h6 i strong, h6 strong em, h6 em strong {font-family: 'TitleBoldItalicFont', Arial, Verdana;}

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: 0;}

p, p a {font-size: 15px; line-height: 23px; color: #181818;}
p a:hover {text-decoration: none; color: #9e5f32;}

a {color: #181818; font-size: 15px; line-height: 23px; text-decoration: none;}
a:hover {color: #9e5f32; text-decoration: none;}

b, strong {font-family: 'BoldFont', Arial, Verdana;}
i, em {font-family: 'ItalicFont', Arial, Verdana;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont', Arial, Verdana; font-style: italic;}

.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;}

.cl-secondary {color: #9e5f32;}
p a.cl-secondary:hover {text-decoration: underline;}

img {display: block; max-width: 100%; max-height: 100%; margin: 0;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.sfw {float: left; width: 100%; position: relative;}
.wrap {width: 85%; margin: 0 auto; position: relative;}

@media only screen and (max-width: 1024px) {
	.wrap {width: 95%;}
}
/* /GENERAL LAYOUT CSS */


/* FORM */
input[type=text], input[type=email], input[type=password], textarea {font-family: 'MediumFont', Arial, Verdana; border: 1px solid #181818; box-sizing: border-box; height: 45px; padding: 10px 15px; font-size: 15px; line-height: 20px; color: #181818; width: 100%;}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {outline: 0; border: 1px solid #000;}
input[type=text]:read-only, input[type=email]:read-only, input[type=password]:read-only, textarea:read-only {background: #e5e5e5; cursor: not-allowed;}
textarea {height: auto;}
textarea.no-resize {resize: none;}

select {font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 23px; color: #000; box-sizing: border-box;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #000; color: #181818; height: 45px; background: url(../images/icon/arrow-down.png) no-repeat right 15px center; background-size: auto 6px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 45px; padding: 10px; font-family: 'MediumFont';}
.styled-select-wrapper select option {background: none;}

input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 23px;}
.styled-checkbox-wrapper {}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 15px; line-height: 23px; padding-top: 3px; color: #000; display: inline-block; padding-left: 30px; background: url(../images/icon/checkbox.png) no-repeat left top 3px; background-size: 20px auto;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left top 3px; background-size: 20px auto;}

input[type="radio"] {font-family: 'GeneralFont', Arial, Verdana;font-size: 15px; line-height: 23px;}
.styled-radio-wrapper input[type="radio"] {display:none;}
.styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off-2.png) no-repeat left top 2px; background-size: 20px auto; cursor: pointer;}
.styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on-2.png) no-repeat left top 2px; background-size: 20px auto;}

input[type="file"] {font-family: 'GeneralFont', Arial, Verdana;}
.styled-input-file-wrapper {cursor: pointer; height: 45px; border: 1px solid #000; display: inline-block; min-width: 180px; padding: 10px 15px; font-size: 15px; line-height: 23px; font-family: 'MediumFont'; text-align: center; box-sizing: border-box; color: #000;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.styled-input-file-wrapper:hover {background: #000; color: #fff;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {}

input[type="submit"], input[type="reset"], button, a.btn {display: inline-block; background: #181818; border: none; outline: 0; box-sizing: border-box; cursor: pointer;
font-family: 'SemiBoldFont', Arial, Verdana; color: #fff; font-size: 16px; line-height: 16px; height: 40px; padding: 10px 30px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, button:hover, button:focus, a.btn:hover, a.btn:focus {background: #9e5f32; color: #fff;}
input[type="reset"] {background: none; border: 1px solid #181818; color: #181818;}
input[type="reset"]:hover, input[type="reset"]:focus {background: #181818; color: #fff;}
/* /FORM */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 15px; color: #181818; line-height: 25px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.medium, .wysiwyg-content.medium p, .wysiwyg-content.medium a, .wysiwyg-content.medium ul li, .wysiwyg-content.medium ol li {font-size: 18px; line-height: 24px;}
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 18px; line-height: 26px; 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 img {}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {text-align: left;}
.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: #000;}
.wysiwyg-content a:hover {color: #c30d23; text-decoration: underline;}
.wysiwyg-content p a {color: #000;}
.wysiwyg-content p a:hover {color: #000;}
.wysiwyg-content.white a {color: #fff;}
.wysiwyg-content.white a:hover {color: #fff; text-decoration: underline}
.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 {list-style-type: disc; 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 #eaeaea;}
.wysiwyg-content table tbody tr:last-child {border-bottom: 1px solid #eaeaea;}
.wysiwyg-content table tbody tr td {padding: 15px 20px; font-size: 15px; line-height: 23px; border-left: 1px solid #eaeaea; vertical-align: middle;} 
.wysiwyg-content table tbody tr td:last-child {border-right: 1px solid #eaeaea;}
.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;}

@media only screen and (max-width: 500px) {
	p, p a {font-size: 14px; line-height: 24px;}
	.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 14px; line-height: 24px;}
}
/* /WYSIWYG CONTENT */


/* HEADER */
#header {background-color: #fff; width: 100%; position: fixed; z-index: 100;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#header.sticky {
box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf;}
#header-left {float: left; width: 20%;}
#header-middle {float: left; width: 60%; position: relative; text-align: center;}
#header-right {float: left; width: 20%;}

#logo {margin-top: 20px; margin-bottom: 20px; height: 25px;}
ul#menu {display: inline-block;}
ul#menu > li {float: left; margin-right: 25px; margin-top: 20px; margin-bottom: 20px;}
ul#menu > li > a {font-family: 'SemiBoldFont'; text-align: center; font-size: 15px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#menu > li > a.active {font-family: 'BoldFont'; color: #9e5f32;}

ul#icon {}
ul#icon > li {float: right; margin-left: 20px; height: 25px; margin-top: 20px; cursor: pointer; position: relative;}
.shcart-num {position: absolute; top: -10px; right: -12px; z-index: 10; width: 22px; height: 22px; text-align: center; font-size: 10px; line-height: 22px; color: #fff; font-family: 'SemiBoldFont'; background: #9e5f32;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}

#dropdown-ct-container {padding-top: 25px; position: fixed; left: 0; top: 40px; width: 100%; z-index: 100; display: none;}
#dropdown-ct {background-color: #fff;}
#dropdown-menu {background-color: #fff; height: 300px; padding-top: 50px; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; overflow-y: scroll;
box-shadow: 0px 5px 5px #efefef; -webkit-box-shadow: 0px 5px 5px #efefef; -moz-box-shadow: 0px 5px 5px #efefef; -o-box-shadow: 0px 5px 5px #efefef;}
#dropdown-menu::-webkit-scrollbar {display: none;}

.category-container {width: 20%; float: left; position: relative; margin-top: 10px;}

.heading-category {font-family: 'SemiBoldFont'; font-size: 15px; line-height: 1px; text-align: left; margin-bottom: 20px;}

ul.sub-category {margin-bottom: 40px;}
ul.sub-category li {margin-bottom: 6px; text-align: left; width: 80%;}
ul.sub-category li a {font-family: 'MediumFont'; font-size: 13px; line-height: unset;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.sub-category li a:hover {color: #9e5f32; text-decoration: none;}

#search-ct-container {padding-top: 25px; position: fixed; left: 0; top: 40px; width: 100%; z-index: 100; display: none;
box-shadow: 0px 5px 5px #efefef; -webkit-box-shadow: 0px 5px 5px #efefef; -moz-box-shadow: 0px 5px 5px #efefef; -o-box-shadow: 0px 5px 5px #efefef;}
#search-ct {background-color: #fff; height: 470px;}
#search-icon {background-color: #fff; height: 410px; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; overflow-y: scroll; margin-top: 30px;}
#search-icon::-webkit-scrollbar {display: none;}

form.search-box input[type=text] { font-size: 20px; font-family: 'MediumFont'; border: none; float: left; width: 100%; background-color: #fff; border-bottom: 1.5px solid #adb5aa; padding: auto; padding-left:3px; padding-bottom: 2.5px; height: auto;}
form.search-box button[type=submit] {width: 0; height: 0; padding: 0; margin: 0; border: none;}

#member-top-pic-ct {width: 30px; height: 30px; margin-top: -3px; overflow: hidden;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#member-top-pic-ct img {width: 100%; height: 100%; object-fit: cover;}
#top-account-nav-list-ct {top: 15px; right: -25px; position: absolute; padding-top: 30px; z-index: 99; display: none;}
#top-account-nav-list-ct .inner {width: 230px; box-sizing: border-box; padding: 15px 30px; background: #fff;
box-shadow: 0px 0px 5px #cfcfcf; -webkit-box-shadow: 0px 0px 5px #cfcfcf; -moz-box-shadow: 0px 0px 5px #cfcfcf; -o-box-shadow: 0px 0px 5px #cfcfcf;}
ul#top-account-nav-list {}
ul#top-account-nav-list > li {text-align: right; margin-bottom: 7px;}
ul#top-account-nav-list > li:last-child {margin-bottom: 0;}
ul#top-account-nav-list > li > a {font-size: 14px; line-height: 18px; color: #181818; font-family: 'SemiBoldFont';
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#top-account-nav-list > li > a:hover {color: #9e5f32; text-decoration: none;}
ul#top-account-nav-list > li > a.active, ul#top-account-nav-list > li > a.active:hover {color: #9e5f32;}

#header-resp {display: none;}
#header-nav-resp {display: none;}

@media only screen and (max-width: 1024px) {
	#header-left {width: 25%;}
	#header-middle {width: 50%;}
	#header-right {width: 25%;}
}

@media only screen and (max-width: 768px) {
	#header {display: none;}
	
	#header-resp {display: block; position: fixed; top: 0; z-index: 100; background: #fff; padding: 15px 0; height: 30px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}	
	#header-resp.sticky {
	box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf;}
	#hresp-logo-ct {float: left;}
	#hresp-logo-ct img {height: 30px;}
	#hresp-nav-ct {float: right; margin-top: 2px;}
	ul#hresp-nav-list {}
	ul#hresp-nav-list > li {float: left; margin-right: 12px; position: relative;}
	ul#hresp-nav-list > li img {height: 26px; width: auto; cursor: pointer;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	img#hnav-icon {height: 20px !important; margin-top: 6px;}
	ul#hresp-nav-list > li img:hover {opacity: 0.7;}
	ul#hresp-nav-list > li .shcart-num {}
	
	#header-nav-resp {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 101; background: #fff;}
	#header-nav-resp-close-btn {position: absolute; top: 10px; right: 10px; z-index: 102; width: 20px; height: 20px; cursor: pointer; background: url(../images/icon/close.png) no-repeat center; background-size: 20px 20px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	#header-nav-resp-close-btn:hover {opacity: 0.7;}
	#header-nav-resp-search-ct {width: 100%; height: 25%; box-sizing: border-box; padding: 30px 2.5%; position: relative;}
	#header-nav-resp-search-ct input[type="text"] {border: none; border-bottom: 1px solid #adb5aa; font-family: 'MediumFont'; color: #181818; font-size: 16px; line-height: 16px; background-color: transparent; padding-left: 0; padding-right: 0;}
	#header-nav-resp-search-ct img {margin: 0 auto; max-height: 30px; margin-bottom: 20px;}
	#header-nav-resp-list-ct {width: 100%; height: 75%; box-sizing: border-box; padding: 15px 2.5%; overflow-y: scroll;}
	#header-nav-resp-list-ct::-webkit-scrollbar {display: none;}
	ul#header-nav-resp-list > li {padding: 10px 0; border-bottom: 1px solid #adb5aa;}
	ul#header-nav-resp-list > li a {display: inline-block; color: #181818; font-family: 'SemiBoldFont'; cursor: pointer; font-size: 16px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	ul#header-nav-resp-list > li a:hover {opacity: 0.7; text-decoration: none;}
	ul#header-nav-resp-list > li a.active, ul#header-nav-resp-list > li a.active:hover {opacity: 1.0; font-family: 'BoldFont'; color: #9e5f32;}
	ul#header-nav-resp-list > li a.has-sub, ul#header-nav-resp-list > li a.has-sub-sub {padding-right: 25px; background: url(../images/icon/arrow-down.png) no-repeat right top 9px; background-size: 12px auto;}
	ul#header-nav-resp-list > li a.has-sub.opened, ul#header-nav-resp-list > li a.has-sub-sub.opened {background: url(../images/icon/arrow-up.png) no-repeat right top 9px; background-size: 12px auto;}
	.header-subnav-resp-ct, .header-sub-subnav-resp-ct {padding-left: 30px; padding-right: 30px; display: none;}
	ul.header-subnav-resp-list > li > a {font-family: 'MediumFont' !important; font-size: 15px !important;}
	ul.header-subnav-resp-list > li > a.has-sub-sub {font-family: 'SemiBoldFont' !important;}
	ul.header-sub-subnav-resp-list > li > a {font-family: 'MediumFont' !important; font-size: 14px !important;}
	ul.header-subnav-resp-list > li > a.active, ul.header-subnav-resp-list > li > a.active:hover {font-family: 'SemiBoldFont' !important; color: #9e5f32;}
}
/* /HEADER */


/* INDEX */
.top-mt {margin-top: 65px;}

#slideshow-list-sfw {margin-bottom: 100px;}
.slideshow {width: 100%;}
.slideshow-item img.featured {display: block;}
.slideshow-item img.thumb {display: none;}

#home-product-new-sfw {margin-bottom: 100px;}
.heading-text {font-family: 'SemiBoldFont'; font-size: 125px; line-height: 0.48; color: #dedede; user-select: none; white-space: initial; margin-left: -11px; text-transform: uppercase;}
ul#home-product-new-list {}
ul#home-product-new-list > li {float: left;  width: 22%; margin-right: 4%; box-sizing: border-box; margin-bottom: 60px;}
ul#home-product-new-list > li:nth-child(4n) {margin-right: 0;}
ul#home-product-new-list > li:nth-child(4n + 1) {clear: both;}
ul#home-product-new-list > li:nth-child(2n) {padding-top: 130px;}

#home-banner-1-sfw {margin-bottom: 100px;}

#home-product-catalog-sfw {margin-bottom: 100px;}
.name-product {text-decoration: none; line-height: 0; margin-top:15px;}
.name-product a {font-family: 'SemiBoldFont'; font-size: 15px; line-height: 1;}
.name-product a:hover {color: #181818;}
.price-product {text-decoration: none; line-height: 0; margin-top: 5px;}
.price-product a {font-family: 'SemiBoldFont'; font-size: 13px; line-height: 1; color: #9e5f32;}
.price-product-line-through {line-height: 0; margin-top: 5px; text-decoration: line-through;}
.price-product-line-through a {font-family: 'SemiBoldFont'; font-size: 12px; line-height: 11px; color: #bfbfbf;}
.new-product {text-decoration: none; line-height: 0; margin-top:5px;}
.new-product a {font-family: 'SemiBoldFont'; font-size: 15px; line-height: 1; color: #adb5aa;}
.new-product a:hover {color: #adb5aa;}
.button-middle {margin-left: auto; margin-right: auto;   display: flex; align-items: center; justify-content: center;}
.button-middle a {display: inline-block; padding: 7px 40px; font-family: 'SemiBoldFont'; border: 1.5px solid #181818; transition: 0.3s;}
.button-middle a:hover {background: #181818; color: #fff;}
ul#catalog {}
ul#catalog > li {float: left; width: 50%; box-sizing: border-box; margin-bottom: 60px;}
ul#catalog > li:nth-child(2), ul#catalog li:nth-child(3) {padding: 75px;}
ul#catalog > li:nth-child(2n + 1) {clear: both;}
ul#catalog > li img {width: 100%; margin-bottom: 10px;}
ul#catalog > li h5, ul#catalog > li  h5 a {color: #181818; font-size: 24px; line-height: 32px;}

#home-quote-sfw {margin-bottom: 100px;}
#quote-inner-ct {padding: 0px 100px; text-align: center;}
#quote-inner-ct p {font-size: 24px; line-height: 32px;}
#quote-inner-ct h5 {margin-top: 30px; color: #414141;}

#home-product-sale-sfw {margin-bottom: 100px;}
ul#home-product-sale-list {}
ul#home-product-sale-list > li {float: left; width: 22%; margin-right: 4%; margin-bottom: 80px;}
ul#home-product-sale-list > li:nth-child(4n) {margin-right: 0;}
ul#home-product-sale-list > li:nth-child(4n + 1) {clear: both;}
.product-item {}
.product-item .img-wrap {margin-bottom: 10px; position: relative;}
.product-item .img-wrap img {width: 100%;}
.product-item .img-wrap .add-to-cart-wrap {position: absolute; bottom: 0; width: 100%; z-index: 50; display: none;}
.product-item .img-wrap .add-to-cart-wrap a {display: block; cursor: pointer; padding: 10px; background: rgba(0, 0, 0, 0.5); text-align: center; font-size: 14px; line-height: 20px; color: #fff; font-family: 'SemiBoldFont';}
.product-item .img-wrap .add-to-cart-wrap a:hover {text-decoration: underline;}
.product-item .img-wrap .oos-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 51;}
.product-item .img-wrap .oos-wrap p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); color: #8f8f8f; font-family: 'BoldFont'; font-size: 20px; line-height: 26px; width: 80%; text-align: center; z-index: 52;}
.product-item .det-wrap {}
.product-item .det-wrap h5, .product-item .det-wrap  h5 a {font-size: 15px; line-height: 22px; color: #181818; margin-bottom: 0; font-family: 'SemiBoldFont';}
.product-item .det-wrap  h5 a {
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.product-item .det-wrap h5 a:hover {color: #9e5f32; text-decoration: none;}
.product-item .det-wrap p.price {font-family: 'SemiBoldFont'; color: #9e5f32; font-size: 13px; line-height: 16px;}
.product-item .det-wrap p.price span {font-size: 12px; display: block; color: #bfbfbf; text-decoration: line-through;}
.product-item .det-wrap p.ribbon-new {margin-top: 5px; font-family: 'SemiBoldFont'; font-size: 15px; line-height: 20px; color: #adb5aa;}

#banner-list-sfw {margin-bottom: 100px;}
#banner-list-sfw .slick-dots {bottom: 30px;}
#banner-list-sfw .slick-dots li {width: 14px; height: 14px; margin: 0 5px;}
#banner-list-sfw .slick-dots li button { width: 14px; height: 14px; background: url(../images/icon/bullet.png) no-repeat center; background-size: 14px auto;
transition: background 0.2s linear; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear;}
#banner-list-sfw .slick-dots li button::before {content: "";}
#banner-list-sfw .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center; background-size: 14px auto;}

@media only screen and (max-width: 1024px) {
	.heading-text  {font-size: 100px; line-height: 0.4; margin-left: -10px;}
	#slideshow-list-sfw {margin-bottom: 80px;}
	
	#home-product-new-sfw {margin-bottom: 80px;}
	ul#home-product-new-list > li {width: 23.5%; margin-right: 2%;}
	ul#home-product-new-list > li:nth-child(2n) {padding-top: 100px;}
	
	#home-banner-1-sfw {margin-bottom: 80px;}
	
	#home-product-catalog-sfw {margin-bottom: 80px;}
	ul#catalog > li:nth-child(2), ul#catalog li:nth-child(3) {padding: 50px;}
	ul#catalog > li h5, ul#catalog > li  h5 a {font-size: 22px; line-height: 28px;}
	
	#home-quote-sfw  {margin-bottom: 80px;}
	#quote-inner-ct {padding: 0 60px;}
	#quote-inner-ct p {font-size: 22px; line-height: 30px;}
	#quote-inner-ct h5 {}
	
	#home-product-sale-sfw {margin-bottom: 80px;}
	ul#home-product-sale-list > li {width: 23.5%; margin-right: 2%;}
	
	#banner-list-sfw {margin-bottom: 80px;}
}

@media only screen and (max-width: 768px) {
	#slideshow-list-sfw {margin-bottom: 60px;}
	.slideshow-item img.featured {display: none;}
	.slideshow-item img.thumb {display: block;}
	
	.product-item .img-wrap .add-to-cart-wrap {display: block;}
	
	#home-product-new-sfw {margin-bottom: 60px;}
	.heading-text  {font-size: 80px; line-height: 0.3; margin-left: -8px;}
	ul#home-product-new-list > li {width: 48%; margin-right: 4%;  margin-bottom: 40px;}
	ul#home-product-new-list > li:nth-child(4n) {margin-right: 4%;}
	ul#home-product-new-list > li:nth-child(4n + 1) {clear: none;}
	ul#home-product-new-list > li:nth-child(2n) {margin-right: 0; padding-top: 0;}
	ul#home-product-new-list > li:nth-child(2n + 1) {clear: both;}
	
	#home-banner-1-sfw {margin-bottom: 60px;}
	
	#home-product-catalog-sfw {margin-bottom: 60px;}
	ul#catalog > li {width: 48%; margin-right: 4%; margin-bottom: 40px;}
	ul#catalog > li:nth-child(2n) {margin-right: 0;}
	ul#catalog > li:nth-child(2n + 1) {clear: both;}
	ul#catalog > li:nth-child(2), ul#catalog li:nth-child(3) {padding: 0;}
	
	#home-product-sale-sfw {margin-bottom: 60px;}
	
	#home-quote-sfw  {margin-bottom: 60px;}
	#quote-inner-ct {padding: 0 30px;}
	#quote-inner-ct p {font-size: 18px; line-height: 24px;}
	#quote-inner-ct h5 {font-size: 22px; line-height: 28px;}
	
	ul#home-product-sale-list > li {width: 48%; margin-right: 4%; margin-bottom: 40px;}
	ul#home-product-sale-list > li:nth-child(4n) {margin-right: 4%;}
	ul#home-product-sale-list > li:nth-child(4n + 1) {clear: none;}
	ul#home-product-sale-list > li:nth-child(2n) {margin-right: 0;}
	ul#home-product-sale-list > li:nth-child(2n + 1) {clear: both;}
	
	#banner-list-sfw {margin-bottom: 60px;}
}

@media only screen and (max-width: 500px) {
	.heading-text {font-size: 60px; line-height: 0.2; margin-left: -5px;}
	
	.product-item .img-wrap .add-to-cart-wrap a {padding: 7px 10px; font-size: 13px;}
	ul#catalog > li h5, ul#catalog > li  h5 a {font-size: 20px; line-height: 25px;}
	
	#quote-inner-ct {padding: 0;}
	
	#banner-list-sfw .slick-dots {bottom: 15px;}
	#banner-list-sfw .slick-dots li {width: 10px; height: 10px; margin: 0 3px;}
	#banner-list-sfw .slick-dots li button, #banner-list-sfw .slick-dots li.slick-active button {width: 10px; height: 10px; background-size: 10px auto;}
	
	h2 {font-size: 32px; line-height: 40px;}
}
/* /INDEX */


/* ABOUT */
#pages-top-bg-sfw {position: relative; margin-bottom: 100px;}
#pages-top-bg-sfw.no-mb {margin-bottom: 0;}
#pages-top-bg-sfw img {width: 100%;}
#pages-top-caption-ct {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; text-align: center;}
#pages-top-caption-ct h2 {font-family: 'BoldFont'; color: #fff; font-size: 50px; line-height: 56px;}
#pages-top-caption-ct p {font-family: 'SemiBoldFont'; color: #fff; font-size: 20px; line-height: 26px;}

#about-content-sfw {margin-bottom: 100px;}
ul#about-content-list {}
ul#about-content-list > li {margin-bottom: 100px;}
ul#about-content-list > li:last-child {margin-bottom: 0;}
ul#about-content-list > li .img-wrap {float: left; width: 40%;}
ul#about-content-list > li .img-wrap img {width: 100%;}
ul#about-content-list > li .desc-wrap {float: right; width: 55%; margin-top: 150px;}
ul#about-content-list > li:nth-child(even) .img-wrap {float: right;}
ul#about-content-list > li:nth-child(even) h2 {text-align: right;}
ul#about-content-list > li:nth-child(even) .desc-wrap {float: left;}
ul#about-content-list > li .desc-wrap.full-width, ul#about-content-list > li:nth-child(even) .desc-wrap.full-width {float: none; width: 100%; margin-top: 0;}

#about-video-sfw {margin-bottom: 100px;}
#about-video-sfw iframe {width: 100% !important; height: 450px !important;}

@media only screen and (max-width: 1024px) {
	#pages-top-bg-sfw {height: 350px; margin-bottom: 80px;}
	#pages-top-bg-sfw img {width: 100%; height: 100%; object-fit: cover;}
	
	#about-content-sfw {margin-bottom: 80px;}
	ul#about-content-list > li  {margin-bottom: 80px;}
	ul#about-content-list > li .desc-wrap {margin-top: 53px;}
	
	#about-video-sfw {margin-bottom: 80px;}
	#about-video-sfw iframe {height: 400px !important;}
}
@media only screen and (max-width: 768px) {
	#pages-top-bg-sfw {height: 300px; margin-bottom: 60px;}	
	#pages-top-caption-ct {width: 90%}
	#pages-top-caption-ct h2 {font-size: 40px; line-height: 46px;}
	#pages-top-caption-ct p {font-size: 18px; line-height: 24px;}
	
	#about-content-sfw {margin-bottom: 60px;}
	ul#about-content-list > li  {margin-bottom: 60px;}
	ul#about-content-list > li .img-wrap, ul#about-content-list > li .desc-wrap {width: 100%; margin: 0;}
	ul#about-content-list > li .img-wrap {margin-bottom: 30px; text-align: center;}
	ul#about-content-list > li .img-wrap  img {margin: 0 auto;}
	ul#about-content-list > li:nth-child(even) .img-wrap h2 {text-align: center;}
	
	#about-video-sfw {margin-bottom: 60px;}
	#about-video-sfw iframe {height: 350px !important;}
}
@media only screen and (max-width: 500px) {
	#pages-top-bg-sfw {height: 250px;}	
	#pages-top-caption-ct h2 {font-size: 32px; line-height: 38px;}
	#pages-top-caption-ct p {font-size: 16px; line-height: 22px;}
	
	ul#about-content-list > li {margin-bottom: 50px;}
	#about-video-sfw iframe {height: 300px !important;}
}
/* /ABOUT */


/* PAGES */
#pages-content-sfw {margin-bottom: 100px;}

@media only screen and (max-width: 1024px) {
	#pages-content-sfw {margin-bottom: 80px;}
}
@media only screen and (max-width: 768px) {
	#pages-content-sfw {margin-bottom: 60px;}
}
/* /PAGES */


/* FAQ */
#faq-list-sfw {margin-bottom: 100px;}
h2.big-title {font-family: 'BoldFont'; color: #000; font-size: 40px; line-height: 48px; margin-bottom: 40px;}

ul#faq-list {}
ul#faq-list > li {padding: 25px 0; border-top: 1px solid #ec1e64;}
ul#faq-list > li:last-child {border-bottom: 1px solid #ec1e64;}
ul#faq-list > li .question {}
ul#faq-list > li .question h3 {font-size: 22px; line-height: 28px; color: #000; padding-right: 40px; cursor: pointer; font-family: 'SemiBoldFont'; background: url(../images/icon/plus.png) no-repeat right center; background-size: 20px auto; margin-bottom: 0;
transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear;}
ul#faq-list > li .question h3:hover {color: #181818;}
ul#faq-list > li .question.opened h3 {background: url(../images/icon/minus.png) no-repeat right center; background-size: 20px auto;}
ul#faq-list > li .answer {margin-top: 30px; display: none;}

@media only screen and (max-width: 1024px) {
	#faq-list-sfw {margin-bottom: 80px;}
	h2.big-title {font-size: 35px; line-height: 42px; margin-bottom: 32px;}
	
	ul#faq-list > li .question h3 {font-size: 20px; line-height: 26px;}
}
@media only screen and (max-width: 768px) {
	#faq-list-sfw {margin-bottom: 60px;}
	h2.big-title {font-size: 32px; line-height: 38px; margin-bottom: 25px;}
	
	ul#faq-list > li {padding: 20px 0;}
	ul#faq-list > li .question h3 {font-size: 18px; line-height: 24px; background-size: 16px auto;}
	ul#faq-list > li .question.opened h3 {background-size: 16px auto;}
}
/* /FAQ */


/* CONTACT */
#contact-form-sfw {margin-bottom: 100px;}

#contact-form-ct {float: left; width: 60%; box-sizing: border-box; padding: 100px 7.5%; background: #fff;}
#contact-form {margin-top: 30px;}
.gen-form-row {margin-bottom: 40px; position: relative;}
.gen-form-row .gfr-half {float: left; width: 48%; margin-right: 4%; position: relative;}
.gen-form-row .gfr-half:nth-child(2n) {margin-right: 0;}
.gen-form-row .gfr-full {width: 100%; position: relative;}
label.form-label {font-size: 16px; line-height: 21px; font-family: 'SemiBoldFont'; display: block; margin-bottom: 10px;}

#contact-detail-ct {float: right; width: 40%; box-sizing: border-box; padding: 100px 5%; min-height: 750px; background: #474747;}
#contact-detail-ct .contact-detail {margin-bottom: 50px;}
#contact-detail-ct .contact-detail:last-child {margin-bottom: 0;}
#contact-detail-ct h3 {font-size: 22px; line-height: 30px; color: #eaeaea; font-family: 'BoldFont'; margin-bottom: 10px;}
#contact-detail-ct p.big {font-size: 32px; line-height: 40px; color: #fff; font-family: 'BoldFont';}
#contact-detail-ct p, #contact-detail-ct p a {font-size: 18px; line-height: 28px; color: #eaeaea;}

#contact-map-sfw {margin-bottom: 100px;}
#gmap-frame iframe {width: 100% !important; height: 450px !important;}

@media only screen and (max-width: 1200px) {
	#contact-form-ct {width: 55%;}
	#contact-detail-ct {width: 45%;}
	#contact-detail-ct h3 {font-size: 20px; line-height: 28px;}
	#contact-detail-ct p.big {font-size: 28px; line-height: 34px;}
	#contact-detail-ct p, #contact-detail-ct p a {font-size: 16px; line-height: 24px;}
}

@media only screen and (max-width: 1024px) {
	#contact-form-sfw {margin-bottom: 80px;}
	#contact-form-ct, #contact-detail-ct {padding: 80px 5%; width: 50%;}
	#contact-form .gen-form-row {margin-bottom: 0;}
	#contact-form .gfr-half, #contact-form .gfr-full {width: 100%; margin-right: 0; margin-bottom: 30px;}
	
	#contact-map-sfw {margin-bottom: 80px;}
	#gmap-frame iframe {height: 400px !important;}
}

@media only screen and (max-width: 768px) {
	#contact-form-sfw {margin-bottom: 60px;}
	
	#contact-form-ct, #contact-detail-ct {width: 100%; margin: 0; padding: 60px 2.5%;}
	#contact-detail-ct {min-height: 0;}
	#contact-form .gen-form-row {margin-bottom: 30px;}
	#contact-form .gfr-half {width: 48%; margin-right: 4%; margin-bottom: 0;}
	#contact-form .gfr-half:nth-child(2n) {margin-right: 0;}
	#contact-form .gfr-full {margin-bottom: 0;}
	
	#contact-map-sfw {margin-bottom: 60px;}
	#gmap-frame iframe {height: 350px !important;}
}

@media only screen and (max-width: 500px) {
	#contact-form .gen-form-row {margin-bottom: 0;}
	#contact-form .gfr-half, #contact-form .gfr-full {width: 100%; margin-right: 0; margin-bottom: 30px;}
	#gmap-frame iframe {height: 300px !important;}
}
/* /CONTACT */


/* SIGN UP & SIGN IN */
#gen-popup-bg-ct {position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; z-index: 1000; display: none;}

.popup-ct {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; width: 800px; height: 550px; overflow-y: scroll; overflow-x: visible; background: #fff; display: none;}
.popup-ct::-webkit-scrollbar {display: none;}
.popup-ct h2 {font-size: 30px; line-height: 36px;}
.popup-form {margin-top: 20px;}
.popup-form ::-webkit-input-placeholder, .popup-form ::-ms-input-placeholder, .popup-form ::placeholder {color: .adb5aa;}
.popup-form .gen-form-row {margin-bottom: 15px;}
.popup-img-ct {float: left; width: 40%; height: 100%; box-sizing: border-box; position: relative;}
.popup-img-ct img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.popup-form-ct {float: right; width: 60%; height: 100%; box-sizing: border-box; padding: 40px 50px; position: relative;}
.popup-close-btn {width: 20px; height: 20px; position: absolute; top: 15px; right: 15px; background: url(../images/icon/close.png) no-repeat center; background-size: 20px 20px; cursor: pointer;
transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;}
.popup-close-btn:hover {opacity: 0.75;}
.popup-caption-ct {position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; box-sizing: border-box; padding: 0 50px;}
.popup-caption-ct p, .popup-caption-ct p a {font-family: 'MediumFont';}
.popup-caption-ct p a  {cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.popup-caption-ct p a:hover {color: #9e5f32; text-decoration: none;}
.form-note {font-family: 'MediumFont'; color: #adb5aa; font-size: 18px; line-height: 18px;}
a.form-note {cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}

@media only screen and (max-width: 1024px) {
	.popup-ct {width: 600px;}
	.popup-img-ct {display: none;}
	.popup-form-ct {float: none; width: 100%;}
}

@media only screen and (max-width: 768px) {	
	.popup-ct {width: 95%;}
}

@media only screen and (max-width: 500px) {
	.popup-form-ct {padding: 30px;}
	.popup-caption-ct {padding: 0 30px;}
	.popup-caption-ct p, .popup-caption-ct p a  {font-size: 13px; line-height: 18px;}
}
/* /SIGN UP & SIGN IN */


/* PRODUCT */
#product-filter-sfw {margin-bottom: 30px;}
.product-filter-btn {display: inline-block; padding: 10px 40px 10px 20px; background: url(../images/icon/arrow-down.png) no-repeat right 20px center #f5f5f5; background-size: 12px auto; font-family: 'SemiBoldFont'; color: #474747; font-size: 16px; line-height: 24px; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.product-filter-btn:hover {background-color: #f1e7de;}

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

#product-featured-list-sfw {margin-bottom: 50px;}
ul#product-featured-list > li {float: left; width: 49%; margin-right: 2%; margin-bottom: 40px;}
ul#product-featured-list > li:nth-child(2n) {margin-right: 0;}
ul#product-featured-list > li:nth-child(2n + 1) {clear: both;}

#product-list-sfw {margin-bottom: 100px;}
ul#product-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 40px;}
ul#product-list > li:nth-child(4n) {margin-right: 0;}
ul#product-list > li:nth-child(4n + 1) {clear: both;}
ul#product-list > li.no-result {float: none; width: 100%; margin-right: 0; text-align: center;}
.load-more-container {text-align: center;}
.load-more-container a.gen-btn {background: #f5f5f5; color: #181818; font-family: 'SemiBoldFont'; padding: 12px 40px; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.load-more-container a.gen-btn:hover {background: #f1e7de;}

#product-filter-ct {padding: 60px; width: 600px;}
#product-filter-ct h3 {font-size: 30px; line-height: 36px; font-family: 'SemiBoldFont'; color: #474747; margin-bottom: 10px;}
#filter-category-ct {float: left; width: 47.5%;}
/* #filter-sort-ct {float: right; width: 47.5%;} */
#filter-sort-ct {float: none; width: 100%;}
#product-filter-form input[type="text"] {width: 130px; height: 40px; padding: 10px; font-size: 15px; line-height: 15px; border: 1px solid #bfbfbf; font-family: 'GeneralFont';}
#product-filter-form .styled-select-wrapper {border: 1px solid #bfbfbf; height: 40px}
#product-filter-form .styled-select-wrapper select {height: 40px; padding: 5px 10px; box-sizing: border-box; font-size: 15px; line-height: 15px; font-family: 'GeneralFont';}
#product-filter-form input[type="submit"] {background: none; border: 1px solid #181818; width: 150px; color: #181818;}
#product-filter-form input[type="submit"]:hover, #product-filter-form input[type="submit"]:focus {background: #181818; color: #fff;}

#breadcrumb-sfw {padding: 30px 0; margin-bottom: 30px;}
ul#breadcrumb-list {}
ul#breadcrumb-list > li {float: left; margin-right: 10px;}
ul#breadcrumb-list > li:last-child {margin-right: 0;}
ul#breadcrumb-list > li > a {font-family: 'SemiBoldFont'; font-size: 16px; line-height: 22px; color: #adb5aa;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#breadcrumb-list > li > a:hover {color: #181818; text-decoration: none;}
ul#breadcrumb-list > li > a.sep, ul#breadcrumb-list > li > a.sep:hover {color: #adb5aa; text-decoration: none;}
ul#breadcrumb-list > li > a.active, ul#breadcrumb-list > li > a.active:hover {color: #181818; font-family: 'BoldFont';}

#product-detail-sfw {margin-bottom: 100px;}
#prddet-img-list-ct {float: left; width: 10%; margin-right: 3%;}
ul#prddet-img-list {}
ul#prddet-img-list > li {box-sizing: border-box;}
ul#prddet-img-list > li img {width: 100%; opacity: 0.6; cursor: pointer; -webkit-backface-visibility: hidden;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#prddet-img-list > li img:hover {opacity: 1.0;}
ul#prddet-img-list > li.active {border: 1px solid #9e5f32;}
ul#prddet-img-list > li.active img, ul#prddet-img-list > li.active img:hover {opacity: 1.0;}
#prddet-img-active-ct {float: left; width: 40%; margin-right: 5%;}
#prddet-img-active-ct img {width: 100%;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#prddet-img-active-ct img.faded {opacity: 0;}
#prddet-desc-ct {float: right; width: 42%;}
h5#prddet-code {font-size: 16px; line-height: 24px; color: #b4bbb1; font-family: 'SemiBoldFont';}
h2#prddet-title {font-size: 30px; line-height: 36px; margin-bottom: 10px; color: #141414; font-family: 'SemiBoldFont';}
p#prddet-price {font-size: 24px; line-height: 30px; color: #9e5f32; font-family: 'SemiBoldFont'; margin-bottom: 30px;}
p#prddet-price span {font-size: 16px; color: #181818; text-decoration: line-through; font-family: 'GeneralFont';}
#prddet-desc-ct .wysiwyg-content {margin-bottom: 50px;}
#prddet-desc-ct a.add-to-cart-btn {color: #474747; background: none; border: 2px solid #adb5aa; font-family: 'SemiBoldFont'; padding: 12px 30px; font-size: 15px; line-height: 15px; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#prddet-desc-ct a.add-to-cart-btn:hover {background: #adb5aa; color: #fff;}
#prddet-desc-ct a.oos-btn {background: #e5e5e5; color: #fff; font-family: 'SemiBoldFont'; padding: 12px 30px; font-size: 15px; line-height: 15px;}

#product-related-sfw {margin-bottom: 60px;}
h2.section-title {font-family: 'SemiBoldFont'; color: #474747; text-align: center; margin-bottom: 60px;}

@media only screen and (max-width: 1024px) {
	#product-filter-ct h3 {font-size: 26px; line-height: 32px;}
	/* #filter-category-ct {width: 40%;}
	#filter-sort-ct {width: 55%;} */
	#product-filter-form input[type="text"] {width: 120px; font-size: 14px;}
	#product-filter-form .styled-select-wrapper select {font-size: 14px;}
	
	#product-list-sfw {margin-bottom: 80px;}	
	#product-related-sfw {margin-bottom: 40px;}
}
@media only screen and (max-width: 768px) {	
	#product-filter-ct {padding: 40px; width: 450px;}
	#product-filter-ct h3 {font-size: 22px; line-height: 28px;}
	
	#product-popular-list-sfw, #product-featured-list-sfw {display: none;}
	
	#product-list-sfw {margin-bottom: 60px;}	
	ul#product-list > li {width: 48%; margin-right: 4%;}
	ul#product-list > li:nth-child(4n) {margin-right: 4%;}
	ul#product-list > li:nth-child(4n + 1) {clear: none;}
	ul#product-list > li:nth-child(2n) {margin-right: 0;}
	ul#product-list > li:nth-child(2n + 1) {clear: both;}
	
	#breadcrumb-sfw {margin-bottom: 0;}
	ul#breadcrumb-list > li > a {font-size: 15px; line-height: 21px;}
	
	#prddet-img-list-ct {width: 17%; margin-right: 5%;}
	#prddet-img-active-ct {width: 78%; margin-right: 0;}
	#prddet-desc-ct {width: 100%; margin: 0; margin-top: 40px;}
	
	#product-related-sfw {margin-bottom: 20px;}
}

@media only screen and (max-width: 500px) {
	#product-filter-ct {padding: 30px; width: 95%;}
	#filter-category-ct, #filter-sort-ct {width: 100%; margin: 0;}
	#filter-category-ct {margin-bottom: 30px;}
	#product-filter-form input[type="text"] {width: 110px;}
	
	ul#breadcrumb-list > li > a {font-size: 14px; line-height: 20px;}
	#product-detail-sfw {margin-bottom: 60px;}	
	#prddet-img-list-ct {width: 19%; margin-right: 5%;}
	#prddet-img-active-ct {width: 76%; margin-right: 0;}
	
	h2#prddet-title {font-size: 28px; line-height: 34px;}
	h2.section-title {font-size: 28px; line-height: 34px; margin-bottom: 40px;}
}

@media only screen and (max-width: 500px) {
	
}
/* /PRODUCT */


/* SHOPPING CART */
#shcart-content-sfw {padding: 60px 0; background: #f5f5f5;}

#shcart-step-sfw {margin-bottom: 60px;}
ul#shcart-step-list {}
ul#shcart-step-list > li {float: left; box-sizing: border-box; position: relative; text-align: center; width: 15%; height: 50px;}
ul#shcart-step-list > li:first-child, ul#shcart-step-list > li:last-child {width: 20%;}
ul#shcart-step-list > li a {font-size: 16px; line-height: 24px; color: #181818; font-family: 'SemiBoldFont'; 
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#shcart-step-list > li a:hover {color: #9e5f32;}
ul#shcart-step-list > li a.disabled, ul#shcart-step-list > li a.disabled:hover {color: #bfbfbf;}
ul#shcart-step-list > li a.static, ul#shcart-step-list > li a.static:hover {color: #181818;}
ul#shcart-step-list > li img {position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 32px; height: auto; z-index: 50;}
ul#shcart-step-list > li .lline, ul#shcart-step-list > li .rline  {width: 50%; height: 1px; background: #adb5aa; box-sizing: border-box; position: absolute; bottom: 0; z-index: 49;}
ul#shcart-step-list > li .lline {left: 0;}
ul#shcart-step-list > li .rline {right: 0;}
ul#shcart-step-list > li .lline.active, ul#shcart-step-list > li .rline.active {height: 3px; background: #9e5f32;}

#shcart-step-1-sfw {margin-bottom: 60px;}
h3.with-icon {font-family: 'SemiBoldFont'; font-size: 18px; line-height: 24px; color: #181818;}
h3#protect-icon {padding-left: 40px; background: url(../images/icon/protect.png) no-repeat left center; background-size: 25px auto;}
.shcart-bg-ct {background: #fff; box-sizing: border-box; padding: 30px; position: relative;}
.shcart-bg-ct .inner-pd {padding-right: 60px;}
.shcart-bg-ct h4 {font-family: 'SemiBoldFont'; font-size: 18px; line-height: 24px;}
.shcart-bg-ct a.float-href {display: inline-block; position: absolute; top: 30px; right: 30px; color: #9e5f32; font-family: 'SemiBoldFont';}
.shcart-bg-ct a.float-href:hover {text-decoration: underline;}
table.shcart-table {width: 100%;}
table.shcart-table tr td {vertical-align: middle; padding: 10px 15px; font-size: 14px; line-height: 19px; color: #181818; font-family: 'MediumFont'; position: relative; z-index: 50;}
table.shcart-table tr td:first-child, table.shcart-table tr td:last-child {padding-left: 0; padding-right: 0;}
table.shcart-table tr td span.cl-caption {display: block; margin-top: 10px; color: #9e5f32; font-size: 13px; line-height: 18px;}
table.shcart-table tr.thead td, table.shcart-table tr.tfoot td {font-family: 'SemiBoldFont'; font-size: 14px; line-height: 19px; color: #181818; border-bottom: 1px solid #adb5aa; padding-top: 0;}
table.shcart-table tr.tfoot td {padding-top: 10px; border-bottom: none; border-top: 1px solid #adb5aa;}
table.shcart-table tr.tfoot.no-brd td {border-top: none;}
table.shcart-table tr td img.prd-img {
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
table.shcart-table tr td .qty-float {position: absolute; top: 5px; right: -8px; width: 24px; height: 24px; border: 2px solid #fff; text-align: center; font-family: 'SemiBoldFont'; color: #fff; font-size: 10px; line-height: 24px; background: #9e5f32;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
table.shcart-table tr td .remove {position: absolute; top: 5px; right: -10px; width: 20px; height: 20px; background: url(../images/icon/remove.png) no-repeat center; background-size: 20px auto; cursor: pointer; z-index: 51;}
table.shcart-table tr td .minus {display: inline-block; margin-right: 5px; width: 16px; height: 16px; background: url(../images/icon/minus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
table.shcart-table tr td .plus {display: inline-block; margin-left: 5px; width: 16px; height: 16px; background: url(../images/icon/plus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
table.shcart-table tr td .qty-input {border: none; width: 50px; text-align: center; border-bottom: 1px solid #adb5aa; height: 40px;}
#shcart-step-1-table tr td span.prd-code {display: none;}
#shcart-step-1-table-resp {display: none;}

#shcart-table-content {}
#shcart-table-header {padding-bottom: 10px; border-bottom: 1px solid #adb5aa;}
#shcart-table-footer {margin-top: 20px; padding-top: 10px; border-top: 1px solid #adb5aa;}
.shtable-col {float: left; font-size: 14px; line-height: 19px; color: 181818; font-family: 'MediumFont'; box-sizing: border-box; position: relative;}
#shcart-table-header .shtable-col, #shcart-table-footer .shtable-col {font-family: 'SemiBoldFont';}
.shtable-col.prd-img-col {width: 7%; margin-right: 3%;}
.shtable-col.prd-name-col {width: 36%; margin-right: 3%;}
#shcart-table-header .shtable-col.prd-name-col span, #shcart-table-footer .shtable-col.prd-name-col span {display: none;}
.shtable-col.prd-name-col .prd-code {display: none;}
.shtable-col.prd-code-col {text-align: center; width: 14%; margin-right: 3%;}
.shtable-col.prd-qty-col {text-align: center; width: 15%; margin-right: 3%;}
.shtable-col.prd-subtotal-col {text-align: right; width: 16%;}
ul#shcart-content-list {}
ul#shcart-content-list > li {float: left; width: 100%; position: relative; margin-top: 15px; display: flex; align-items: center;}
.shtable-col .remove {position: absolute; top: -5px; right: -10px; width: 20px; height: 20px; background: url(../images/icon/remove.png) no-repeat center; background-size: 20px auto; cursor: pointer; z-index: 51;}
.shtable-col .remove-resp {display: none;}
.shtable-col .minus {display: inline-block; margin-right: 5px; width: 16px; height: 16px; background: url(../images/icon/minus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
.shtable-col .plus {display: inline-block; margin-left: 5px; width: 16px; height: 16px; background: url(../images/icon/plus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
.shtable-col .qty-input {border: none; width: 60px; text-align: center; border-bottom: 1px solid #adb5aa; height: 40px; text-align: center;}
.shtable-col .qty-input:hover, .shtable-col .qty-input:focus {border: none; border-bottom: 1px solid #adb5aa;}

#shcart-step-2-sfw {margin-bottom: 60px;}
#shcart-step-2-billing-ct {float: left; width: 48.5%;}
#shcart-step-2-cart-ct {float: right; width: 48.5%;}
.shcart-form label.form-label {color: #adb5aa;}
.shcart-form input[type="text"], .shcart-form input[type="email"], .shcart-form textarea {border: 1px solid #adb5aa; color: #474747;}
.shcart-form .styled-select-wrapper {border: 1px solid #adb5aa;}
.shcart-form .styled-select-wrapper select {color: #474747;}
p.small-note {color: #adb5aa; font-family: 'MediumFont';}

#shcart-step-3-sfw {margin-bottom: 60px;}
#shcart-step-3-summary-ct {float: left; width: 48.5%;}
#shcart-step-3-cart-ct {float: right; width: 48.5%;}
#shcart-step-3-sfw .styled-radio-wrapper label {margin-bottom: 10px; font-family: 'MediumFont';}

#shcart-step-4-sfw {margin-bottom: 60px;}

#shcart-prev-next-sfw {}
#shcart-prev-step {float: left;}
#shcart-next-step {float: right;}
#shcart-prev-next-sfw a.gen-btn, #shcart-prev-next-sfw input[type="submit"] {background: #9e5f32; font-size: 16px; line-height: 16px; font-family: 'SemiBoldFont'; color: #fff; padding: 12px 30px; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#shcart-prev-next-sfw input[type="submit"] {margin-top: -15px; height: 45px;}
#shcart-prev-next-sfw a.gen-btn:hover, #shcart-prev-next-sfw input[type="submit"]:hover {background: #d18955; color: #fff;}

@media only screen and (max-width: 1024px) {	
	ul#shcart-step-list > li {width: 25%;}
	ul#shcart-step-list > li:first-child, ul#shcart-step-list > li:last-child {display: none;}
	
	#shcart-step-1-table td:nth-child(3) {display: none;}
	#shcart-step-1-table tr td span.prd-code {display: block; margin-top: 5px;}
	table.shcart-table tr td, table.shcart-table tr.thead td, table.shcart-table tr.tfoot td, table.shcart-table tr td .qty-input {font-size: 13px; line-height: 18px;}
	
	.shtable-col {font-size: 13px; line-height: 18px;}
	.shtable-col .qty-input {width: 50px; font-size: 13px;}
	
	#order-step-3-form .gen-form-row {margin-bottom: 0;}
	#order-step-3-form .gfr-half, #order-step-3-form .gfr-full {width: 100%; margin: 0; margin-bottom: 30px;}
	.shcart-form label.form-label {font-size: 14px;}
	.shcart-form input[type="text"], .shcart-form input[type="email"], .shcart-form input[type="password"], .shcart-form textarea, .shcart-form .styled-select-wrapper select {font-size: 14px;}
}
@media only screen and (max-width: 768px) {	
	#shcart-step-sfw {display: none;}
	table.shcart-table tr td .minus, table.shcart-table tr td .plus {display: none;}
	table.shcart-table tr td, table.shcart-table tr.thead td, table.shcart-table tr.tfoot td, table.shcart-table tr td .qty-input {font-size: 12px; line-height: 17px;}
	
	.shtable-col.prd-img-col {width: 12%; margin-right: 3%;}
	.shtable-col.prd-name-col {width: 40%; margin-right: 3%;}
	.shtable-col.prd-name-col .prd-code {display: block; margin-top: 5px;}
	.shtable-col.prd-code-col {display: none;}
	.shtable-col.prd-qty-col {width: 17%; margin-right: 3%;}
	.shtable-col .minus, .shtable-col .plus {display: none;}	
	.shtable-col .qty-input {width: 60px;}
	.shtable-col.prd-subtotal-col {width: 22%;}
	
	#shcart-step-2-billing-ct, #shcart-step-2-cart-ct {width: 100%; margin: 0;}
	#shcart-step-2-billing-ct {margin-bottom: 50px;}
	#order-step-3-form .gen-form-row {margin-bottom: 30px;}
	#order-step-3-form .gfr-half {width: 48%; margin-right: 4%; margin-bottom: 0;}
	#order-step-3-form .gfr-half:nth-child(2) {margin-right: 0;}
	#order-step-3-form .gfr-full {width: 100%; margin-bottom: 0;}
	
	#shcart-step-3-summary-ct, #shcart-step-3-cart-ct {width: 100%; margin: 0;}
	#shcart-step-3-summary-ct {margin-bottom: 50px;}
	
	.shcart-form label.form-label {font-size: 13px;}
	.shcart-form input[type="text"], .shcart-form input[type="email"], .shcart-form input[type="password"], .shcart-form textarea, .shcart-form .styled-select-wrapper select {font-size: 13px;}
}
@media only screen and (max-width: 600px) {	
	.shtable-col.prd-img-col {display: none;}
	#shcart-table-header .shtable-col.prd-name-col span, #shcart-table-footer .shtable-col.prd-name-col span {display: inline;}
	.shtable-col .remove-resp {display: inline-block; margin-top: 8px; margin-bottom: 20px; font-size: 12px; line-height: 12px; color: #fff; padding: 10px 15px; background: #9e5f32; cursor: pointer;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	.shtable-col .remove-resp:hover {background: #d18955;}
	
	.shtable-col.prd-name-col {width: 40%; margin-right: 5%;}
	.shtable-col.prd-qty-col {width: 20%; margin-right: 5%;}
	.shtable-col.prd-subtotal-col {width: 30%;}
}
@media only screen and (max-width: 500px) {	
	table.shcart-table tr td, table.shcart-table tr.thead td, table.shcart-table tr.tfoot td, table.shcart-table tr td .qty-input {font-size: 11px; line-height: 16px;}
	#shcart-step-2-table tr td, #shcart-step-2-table tr.thead td, #shcart-step-2-table tr.tfoot td, #shcart-step-2-table tr td .qty-input,
	#shcart-step-3-table tr td, #shcart-step-3-table tr.thead td, #shcart-step-3-table tr.tfoot td, #shcart-step-3-table tr td .qty-input	{font-size: 12px; line-height: 17px;}
	
	.shcart-form label.form-label {font-size: 12px;}
	.shcart-form input[type="text"], .shcart-form input[type="email"], .shcart-form input[type="password"], .shcart-form textarea, .shcart-form .styled-select-wrapper select {font-size: 12px;}
		
	#order-step-3-form .gen-form-row {margin-bottom: 0;}
	#order-step-3-form .gfr-half, #order-step-3-form .gfr-full {width: 100%; margin: 0; margin-bottom: 30px;}
	
	#shcart-next-step, #shcart-prev-step {float: none; width: 100%;}
	#shcart-next-step a, #shcart-prev-step a {display: block; text-align: center;}
	#shcart-next-step a {margin-bottom: 10px;}
	#shcart-next-step input[type="submit"] {margin-top: 0; margin-bottom: 10px; width: 100%;}
}

@media only screen and (max-width: 360px) {
	.shcart-bg-ct {padding: 20px;}
	#shcart-step-1-table {display: none;}
	#shcart-step-1-table-resp {display: block;}
	#shcart-step-1-table-resp tr td {vertical-align: middle;}
	#shcart-step-1-table-resp tr td span.prd-code {display: block; margin-top: 5px;}
	#shcart-step-1-table-resp tr td .remove {position: absolute; top: 5px; right: 0;}
	
	.shcart-bg-ct a.float-href {position: relative; top: auto; right: auto; margin-top: 30px; background: #9e5f32; color: #fff; padding: 7px 25px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	.shcart-bg-ct a.float-href:hover {background: #d18955; color: #fff;}
}
/* /SHOPPING CART */


/* ACCOUNT */
#account-content-sfw {padding: 60px 0; background: #f5f5f5;}

#account-sidebar-ct {float: left; width: 30%;}

.account-section-ct {box-sizing: border-box; background: #fff; padding: 40px;}
#my-pic-outer-ct {margin-bottom: 30px;}
#my-pic-ct {margin: 0 auto; margin-bottom: 15px; width: 150px; height: 150px; overflow: hidden; position: relative;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#my-pic-ct .cover {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#my-pic-ct .cover img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 30px; cursor: pointer;}
img#my-pic {width: 100%; height: 100%; object-fit: cover;}
#my-pic-outer-ct h3 {text-align: center; font-size: 16px; line-height: 22px; color: #181818; font-family: 'BoldFont';}
#my-pic-form input[type="reset"], #my-pic-form input[type="submit"], #my-pic-form a.btn {font-size: 14px; line-height: 14px; min-width: 90px; height: 35px; padding: 7px 20px;}
#my-pic-form a.btn {height: 38px; padding-top: 12px; padding-bottom: 12px;}
#my-pic-form input[type="file"] {width: 0; height: 0;}

ul#account-sidebar-nav-list {}
ul#account-sidebar-nav-list > li {margin-bottom: 10px;}
ul#account-sidebar-nav-list > li:last-child {margin-bottom: 0;}
ul#account-sidebar-nav-list > li > a {display: block; background: #fff; padding: 15px 20px; font-family: 'SemiBoldFont'; font-size: 16px; line-height: 22px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#account-sidebar-nav-list > li > a:hover {color: #9e5f32;}
ul#account-sidebar-nav-list > li > a.active, ul#account-sidebar-nav-list > li > a.active:hover {color: #9e5f32; font-family: 'BoldFont';}
#my-pic-form input[type="reset"] {margin-right: 5px;}

#account-content-ct {float: right; width: 67%;}
.account-section-title {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #adb5aa;}
.account-section-title h3{font-family: 'SemiBoldFont'; color: #000; font-size: 26px; line-height: 32px; margin-bottom: 10px;}
.account-section-title p {color: #000; font-size: 16px; line-height: 22px; margin-bottom: 5px;}

.my-account-form label.form-label {font-family: 'MediumFont';}

ul#my-order-list {}
ul#my-order-list > li {margin-bottom: 20px;
box-shadow: 0px 0px 10px #efefef; -webkit-box-shadow: 0px 0px 10px #efefef; -moz-box-shadow: 0px 0px 10px #efefef; -o-box-shadow: 0px 0px 10px #efefef;}
ul#my-order-list > li:last-child {margin-bottom: 0;}
ul#my-order-list > li h3.title {padding: 25px; background: #fff; font-size: 20px; line-height: 26px; color: #181818; padding-right: 50px; background: url(../images/icon/plus-2.png) no-repeat right 25px center #fff; background-size: 20px auto; cursor: pointer; margin-bottom: 0;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#my-order-list > li h3.title:hover {color: #9e5f32; background: url(../images/icon/plus-2-hover.png) no-repeat right 25px center #fff; background-size: 20px auto;}
ul#my-order-list > li h3.title.opened {background: url(../images/icon/minus-2-hover.png) no-repeat right 25px center #fff; background-size: 20px auto; color: #9e5f32;}
.order-detail-list-ct {padding: 25px; background: #f2e7df; display: none;}
ul.my-order-detail-list {}
ul.my-order-detail-list > li {padding: 20px; background: #fff; font-size: 15px; line-height: 23px; color: #181818; font-family: 'SemiBoldFont'; margin-bottom: 30px;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
ul.my-order-detail-list > li:last-child {margin-bottom: 0;}
.order-detail-header {font-family: 'SemiBoldFont'; font-size: 14px;}
.order-detail-header .no {float: left; width: 30%; margin-right: 3%; color: #9e5f32;}
.order-detail-header .date {float: left; width: 20%; margin-right: 3%; text-align: center; color: #adb5aa;}
.order-detail-header .status {float: right; width: 44%; text-align: right; color: #adb5aa;}
.sep-line {height: 1px; background: #adb5aa; margin-top: 15px; margin-bottom: 15px;}
.order-detail-product {margin-bottom: 20px; display: flex; align-items: center;}
.order-detail-product.no-mb {margin-bottom: 0;}
.order-detail-product .prd {float: left; width: 15%; margin-right: 3%; position: relative;}
.order-detail-product .prd img {width: 100%;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.order-detail-product .prd .qty {position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; text-align: center; background: #9e5f32; color: #fff; font-size: 10px; line-height: 20px; font-family: 'SemiBoldFont'; border: 2px solid #fff;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.order-detail-product .prd-name {float: left; width: 55%; margin-right: 3%;}
.order-detail-product .prd-name span {display: block; font-size: 13px; line-height: 18px; color: #9e5f32; font-family: 'SemiBoldFont';}
.order-detail-product .prd-subtotal {float: right; width: 24%; text-align: right;}
.order-detail-footer {font-size: 15px; line-height: 23px; color: #181818; font-family: 'SemiBoldFont';}
.order-detail-footer .caption {float: left; width: 50%;}
.order-detail-footer .caption.full-width {width: 100%;}
.order-detail-footer .caption p {font-size: 14px; line-height: 20px; color: #181818; font-family: 'GeneralFont';}
.order-detail-footer .caption p b {font-size: 15px; line-height: 23px;}
.order-detail-footer .value {float: right; width: 50%; text-align: right;}

#payment-confirmation-form #example1 > div {margin: 0 auto;}
.upload-file-info {font-size: 15px; line-height: 23px; color: #adb5aa; font-family: 'MediumFont';}

@media only screen and (max-width: 1200px) {
	#account-sidebar-ct {width: 35%;}
	#account-content-ct {width: 62%;}
	
	ul#my-order-list > li h3.title {padding: 20px 25px;}
	ul.my-order-detail-list > li {font-size: 14px; line-height: 20px;}
	.order-detail-header .no, .order-detail-header .date {width: 50%; margin: 0;}
	.order-detail-header .date {text-align: right; color: #9e5f32;}
	.order-detail-header .status {float: none; width: 100%; margin: 0; text-align: left;}
	.order-detail-product .prd-name {margin-top: 0; width: 45%;}
	.order-detail-product .prd-name span {margin-top: 3px;}
	.order-detail-product .prd-subtotal {width: 34%; margin-top: 0;}
	.order-detail-footer {font-size: 14px; line-height: 20px;}
	.order-detail-footer .caption p {font-size: 13px; line-height: 18px;}
	.order-detail-footer .caption p b {font-size: 14px; line-height: 20px;}
}
@media only screen and (max-width: 1024px) {
	#account-sidebar-ct {width: 37%;}
	#account-content-ct {width: 60%;}
	
	.account-section-ct  {padding: 30px;}
	.order-detail-product .prd {display: none;}
	.order-detail-product .prd-name {width: 55%; margin-right: 5%}
	.order-detail-product .prd-subtotal {width: 40%;}
}
@media only screen and (max-width: 768px) {
	.account-section-ct {padding: 20px;}
	
	#account-sidebar-ct, #account-content-ct {width: 100%; margin: 0;}
	#account-content-ct {margin-bottom: 30px;}
	#account-sidebar-nav-ct {display: none;}
}

@media only screen and (max-width: 500px) {
	.account-section-title h3 {font-size: 22px; line-height: 30px;}
	.account-section-title p {font-size: 15px; line-height: 21px;}
	
	.my-account-form .gen-form-row {margin-bottom: 0;}
	.my-account-form .gfr-half, .my-account-form .gfr-full {width: 100%; margin: 0; margin-bottom: 30px;}
	.my-account-form label.form-label, .upload-file-info, .my-account-form input[type="text"], .my-account-form input[type="email"], .my-account-form input[type="password"], .my-account-form textarea, .my-account-form .styled-select-wrapper select, .my-account-form .styled-input-file-wrapper   {font-size: 14px; line-height: 20px;}
	.my-account-form .styled-input-file-wrapper {line-height: 23px;}
	
	ul#my-order-list > li h3.title {font-size: 18px; line-height: 24px; padding: 15px 20px;}
	.order-detail-list-ct {padding: 20px;}
	ul.my-order-detail-list > li {padding: 18px;}
	ul.my-order-detail-list > li, .order-detail-footer {font-size: 13px; line-height: 18px;}
}

@media only screen and (max-width: 360px) {
	ul#my-order-list > li h3.title {font-size: 16px; line-height: 22px; padding: 15px 20px;}
	.order-detail-header {font-size: 13px;}
	.order-detail-header .no, .order-detail-header .date  {width: 100%; margin: 0;}
	.order-detail-header .date {color: #adb5aa; text-align: left;}
	ul.my-order-detail-list > li, .order-detail-footer {font-size: 12px; line-height: 17px;}
	
	.upload-file-info {font-size: 12px; line-height: 16px;}
	
}
/* /ACCOUNT */


/* FOOTER */
#footer {padding: 40px 0 20px 0; background: #f1e7de;}

#footer-top-sfw {}
#footer-top-sfw h4 {font-family: 'SemiBoldFont'; color: #000000; font-size: 18px; line-height: 24px; margin-bottom: 20px;}
#footer-top-col-1 {float: left; width: 17%; margin-right: 5%;}
#footer-top-col-2 {float: left; width: 17%; margin-right: 5%;}
#footer-socmed-col {float: right;}
#footer-socmed-col h4 {text-align: right;}
ul.footer-nav-list {}
ul.footer-nav-list > li {margin-bottom: 7px;}
ul.footer-nav-list > li:last-child {margin-bottom: 0;}
ul.footer-nav-list > li > a {font-size: 14px; line-height: 20px; color: #000; font-family: 'MediumFont';
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.footer-nav-list > li > a:hover {text-decoration: none; color: #9e5f32;}

ul.socmed-list {float: right;}
ul.socmed-list > li {float: left; margin-right: 12px;}
ul.socmed-list > li:last-child {margin-right: 0;}
ul.socmed-list > li img {height: 18px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.socmed-list > li img:hover {opacity: 0.8;}

#footer-bottom-sfw {margin-top: 40px;}
#footer-bottom-inner {border-top: 1px solid #000; padding-top: 15px;}
#footer-bottom-left-ct {float: left;}
#footer-bottom-left-ct p, #footer-bottom-left-ct p a {font-size: 12px; line-height: 18px; color: #640d0d; font-family: 'MediumFont';}
#footer-bottom-left-ct p a:hover {text-decoration: underline;}
#footer-bottom-right-ct {float: right;}
ul#footer-bottom-nav-list {}
ul#footer-bottom-nav-list > li {float: left; margin-right: 40px;}
ul#footer-bottom-nav-list > li:last-child {margin-right: 0;}
ul#footer-bottom-nav-list > li > a {font-size: 12px; line-height: 16px; color: #000; font-family: 'MediumFont';
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#footer-bottom-nav-list > li > a:hover {color: #640d0d;}

@media only screen and (max-width: 768px) {
	#footer-top-col-1, #footer-top-col-2 {width: 27.5%; margin-right: 5%;}
	#footer-socmed-col {margin-right: 0;}
	
	#footer-bottom-left-ct, #footer-bottom-right-ct {float: none; width: 100%; text-align: center;}
	#footer-bottom-left-ct {margin-bottom: 10px;}
	ul#footer-bottom-nav-list {display: inline-block;}
	ul#footer-bottom-nav-list > li {margin-right: 25px;}
}

@media only screen and (max-width: 500px) {
	#footer-top-sfw h4  {margin-bottom: 12px;}
	#footer-top-col-1, #footer-top-col-2, #footer-socmed-col {width: 100%; margin-right: 0; margin-bottom: 40px;}
	#footer-socmed-col {margin-bottom: 0;}
	#footer-socmed-col h4 {text-align: left;}
	
	#footer-bottom-left-ct, #footer-bottom-right-ct {text-align: left;}
	ul#footer-bottom-nav-list {display: block;}
}
/* /FOOTER */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: #7f7f7f; opacity: 0.5; z-index: 9000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 40%; box-sizing: border-box; padding: 40px; background: #ffffff; z-index: 10000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 30px; line-height: 36px; font-family: 'BoldFont', Arial, Verdana; color: #333333; margin-bottom: 20px;}
.notification-content p, .notification-content2 p {font-size: 18px; line-height: 26px; margin-bottom: 0px; font-family: 'GeneralFont', Arial, Verdana; color: #333333;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #222; font-family: 'GeneralFont', Arial, Verdana;}

.notif-success h3, .notif-success2 h3 {padding-top: 100px; background: url(../images/icon/success-notif.png) no-repeat top center; background-size: auto 72px;}
a.notification-close-btn {margin-top: 20px; cursor: pointer; display: inline-block;}
a.notification-close-btn.gen-btn {font-size: 14px; line-height: 14px; padding: 12px 25px; background: #181818; border: none; color: #fff;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a.notification-close-btn.gen-btn:hover {background: #9e5f32; color: #fff; text-decoration: none;}

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

@media only screen and (max-width: 1024px) {
	.notification-content, .notification-content2 {width: 450px;}
	.notification-content h3, .notification-content2 h3 {font-size: 28px;}
	.notification-content p, .notification-content2 p {font-size: 16px; line-height: 22px;}
}

@media only screen and (max-width: 500px) {
	.notification-content, .notification-content2 {width: 280px; padding: 30px;}
	.notification-content h3, .notification-content2 h3 {font-size: 24px; line-height: 32px;}
}
/* /OVERLAY NOTIFICATION */

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

#not-found-sfw {min-height: 200px; padding: 80px 0;}

@media only screen and (max-width: 768px) {
	#not-found-sfw {padding: 60px 0;}
}
/* /ADDITIONAL */


/* FLOATING WA */
.sticky-wa {position: fixed; right: 0; bottom: 60px; z-index: 2000; height: 70px; width: 100px;}
.sticky-wa img {width: 70px; height: 70px; position: absolute; right: 10px; z-index: 2001;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.sticky-wa img.opened {right: 100px;}
.ste-text {position: absolute; right: 0; margin-top: 15px; z-index: 1000;}
.ste-text a {font-family: 'BoldFont'; display: inline-block; color: #fff; width: 0; font-size: 14px; line-height: 42px; background: #1bd741; text-align: center; padding-left: 0; padding-right: 0;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.ste-text a:hover {text-decoration: underline;}
.ste-text a.opened {padding-left: 40px; padding-right: 30px; width: 60px;}

@media only screen and (max-width: 500px) {
	.sticky-wa {bottom: 40px;}
	.sticky-wa img {width: 50px; height: 50px;}
	.sticky-wa img.opened {right: 75px;}
	.ste-text {margin-top: 8px;}
	.ste-text a {font-size: 12px; line-height: 35px;}
	.ste-text a.opened  {width: 50px; padding-left: 20px; padding-right: 20px;}
}
/* /FLOATING WA */