/* 
Main Stylesheet
Created By: Dimbleweb
*/

/* INITIAL CSS */
body {color: #000000; font-family: 'GeneralFont', Arial, Verdana; font-size: 18px; line-height: 23px; position: relative; background: #fff;}

h1, h2, h3, h4, h5, h6 {font-weight: 100; font-family: 'TitleFont';}
h1 {font-size: 40px; line-height: 46px; margin-bottom: 15px;}
h2 {font-size: 36px; line-height: 42px; margin-bottom: 15px;}
h3 {font-size: 32px; line-height: 38px; margin-bottom: 15px;}
h4 {font-size: 28px; line-height: 34px; margin-bottom: 15px;}
h5 {font-size: 24px; line-height: 30px; margin-bottom: 15px;}
.ft-med-size {font-size: 20px; line-height: 26px; font-weight: 100;}
.ft-regular {font-family: 'GeneralFont', Arial, Verdana;}
.ft-bold-regular2{font-family: 'BoldFont2', Arial, Verdana;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb {margin-bottom: 0px;}
p, p a {font-size: 18px; color: #000000; line-height: 23px;}
p a:hover {text-decoration: underline; color: #808184;}
p.ft-big {font-size: 20px; line-height: 26px;}
a {color: #808184; font-size: 18px; line-height: 22px; text-decoration: none;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a:hover {color: #737373; text-decoration: underline;}
a.pt {cursor: pointer;}
a.no-td:hover {text-decoration: none !important;}
small {font-size: 14px; line-height: 18px;}

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

b, strong {font-family: 'BoldFont';}
i, em {font-family: 'ItalicFont' !important;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont';}
img.full-width {width: 100%;}
.big {font-size: 20px; line-height: 26px;}

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

.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: 'TitleFont', 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;}

img.gen-img {max-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: #808184;}
.cl-ternary {color: #0d4e9f;}

.sec-full-width {float: left; width: 100%; position: relative;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.wrap {width: 1200px; margin: 0 auto; position: relative;}

@media only screen and (max-width: 1200px) {
	.wrap {width: 95%;}
}


.container {width: 100%; float: left;}
.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: 480px) {
	.dmb-col {margin: 1% 0 1% 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;}
}

.cl-brown {color: #5c3d38 !important;}
.cl-white {color: #fff !important;}
.cl-green {color: #177c0a !important;}
/* /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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 480px) {
	.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: 18px; color: #000000; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.type2, .wysiwyg-content.type2 p, .wysiwyg-content.type2 a, .wysiwyg-content.type2 ul li, .wysiwyg-content.type2 ol li {font-family: 'TitleFont'; font-size: 20px; line-height: 27px;}
.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 a {color: #808184;}
.wysiwyg-content a:hover {color: #555; text-decoration: underline;}
.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 {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 img.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg-content img {max-width: 100% !important;}

.wysiwyg-content table tbody tr {border-bottom: 1px solid #ddd;}
.wysiwyg-content table tbody tr:first-child {border-top: 1px solid #ddd;}
.wysiwyg-content table tbody tr td {border-right: 1px solid #ddd; padding: 5px 8px; vertical-align: middle;} 
.wysiwyg-content table tbody tr td:first-child {border-left: 1px solid #ddd;}
.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 */

/* FORM */
label.error, .label-error, label.dmb-error-select {display: block; margin-top: 5px; font-size: 14px; line-height: 18px; color: #df2525; font-family: 'GeneralFont'; 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: 48%; margin-right: 4%;}
.gen-form-row.half.no-mr {margin-right: 0;}
.gen-form-row.no-mb {margin-bottom: 0 !important;}
.gen-form label.form-label{color: #000000; display: block; margin-bottom: 5px; font-family: 'TitleFont'; font-size: 20px; line-height: 25px; margin-bottom: 5px;}
.gen-form label.form-label span {color: #b3b3b3;}
.gen-form span.help-note {display: block; font-size: 14px; line-height: 18px; margin-top: 8px; color: #808184; font-family: 'GeneralFont';}
.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"] {box-sizing: border-box; background: transparent; border: none; border: 1px solid #cfcfcf; font-family: 'GeneralFont', Arial, Verdana; color: #808184; width: 60%; font-size: 18px; line-height: 22px; padding: 8px 15px;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
.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: #dfdfdf;}
.gen-form textarea {width: 90%; border: 1px solid #cfcfcf;}
a.gen-btn {display: inline-block;}
a.gen-btn.block {display: block; font-size: 14px; letter-spacing: 2px;}
.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 {border: 0; background: #000; text-align: center; color: #fff; font-size: 18px; line-height: 22px; font-family: 'TitleFont', Arial, Verdana; cursor: pointer; padding: 12px 20px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s 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: #605e5f; text-decoration: none; outline: 0;}
.gen-form input[type="submit"].wide, a.gen-btn.wide {min-width: 400px;}
.gen-form input[type="submit"].half-wide, a.gen-btn.half-wide, .gen-form input[type="button"].half-wide {min-width: 200px;}
.gen-form input[type="button"].gray {background: #b5b5b5;}
.gen-form input[type="submit"].full-width {width: 100%;}

@media only screen and (max-width: 480px) {
	.gen-form input[type="submit"].wide, a.gen-btn.wide {min-width: auto; width: 100%; box-sizing: border-box;}
}
a.gen-btn.black {background: #000; color: #fff}
a.gen-btn.black:hover {background: #3f3f3f; color: #fff;}
a.gen-btn.gray {background: #808184; color: #fff}
a.gen-btn.gray:hover {background: #9f9f9f; color: #fff;}
a.gen-btn.disabled, a.gen-btn.disabled:hover {background: #dfdfdf; color: #fff; cursor: text;}
a.gen-btn.ft-big {font-size: 17px; line-height: 22px; padding: 20px 30px;}
input[type="submit"].calendar-submit {width: 50%; padding-top: 15px; padding-bottom: 15px;}

.checkbox-container {}
.checkbox-container input[type="checkbox"] {display: none;}
.checkbox-container label {font-family: 'GeneralFont'; font-size: 18px; line-height: 23px; color: #000; display: inline-block; padding-left: 25px; background: url(../images/icon/checkbox.png) no-repeat left center;}
.checkbox-container label.small {color: #000000; font-size: 12px; line-height: 25px; background: url(../images/icon/checkbox.png) no-repeat left center;}
.checkbox-container label:hover {cursor: pointer;}
.checkbox-container label.no-mr {margin-right: 0;}
.checkbox-container label a {color: #737373; font-size: 16px; line-height: 24px;}
.checkbox-container label a:hover {text-decoration: none;}

.checkbox-container input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left center;}
::-webkit-input-placeholder { color: #808184;}
::-moz-placeholder { color: #808184; opacity: 1.0;}
:-ms-input-placeholder { color: #808184;}

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

.gen-form select {padding: 5px 10px; font-size: 18px; line-height: 18px; font-family: 'TitleFont', Arial, Verdana; color: #000000; background: white;}
.styled-select-wrapper {width: 100%; overflow: hidden; border: none; border-bottom: 1px solid #cfcfcf; box-sizing: border-box; background: url(../images/icon/arrow-down-small.png) no-repeat right center #fff;}
.styled-select-wrapper.type2 {border: 1px solid #cfcfcf; background: url(../images/icon/arrow-down-small.png) no-repeat 95% center #fff; padding-top: 4px; padding-bottom: 4px;}
.styled-select-wrapper.type3 {border: 1px solid #afafaf; background: url(../images/icon/arrow-down.png) no-repeat 92% center, url(../images/icon/gray-ver-line.png) no-repeat 75% top; background-size: auto auto, 1px 100%; padding-top: 5px; padding-bottom: 5px;}
.styled-select-wrapper select {display: block; width: 110%; border: none; background: transparent;}
.styled-select-wrapper.type2 select {color: #808184; font-family: 'LightFont';}
.styled-select-wrapper.type3 select {color: #000; font-family: 'TitleFont'; padding: 0; font-size: 16px; padding-left: 7px;}
textarea.no-resize {resize: none !important;}
select:hover, select:focus {outline: 0;}

.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {display:inline-block; padding: 5px 5px 0px 27px; font-size: 18px; line-height: 23px; font-family: 'TitleFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 6px; cursor: pointer;}
.radio-toolbar label.inline.with-mr {margin-right: 50px;}
.radio-toolbar label.with-info {line-height: 20px;}
.radio-toolbar label span {font-size: 16px; color: #808184;}
.radio-toolbar label span.small {font-size: 14px;}
.radio-toolbar label.ft-reg, .radio-toolbar label span.ft-reg {color: #000;}
.radio-toolbar label.type2 {color: #0d4e9f;}
.radio-toolbar label.gray {color: #80818f;}
.radio-toolbar label.type-small {background: url(../images/icon/radio-off.png) no-repeat left top 7px;}
.radio-toolbar label.block {display: block;}
.radio-toolbar input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 6px;}

.gen-form .gf-float {float: left; box-sizing: border-box; padding-right: 25px;}
.gen-form .gf-float.no-pd {padding-right: 0;}
.gen-form .gf-float.gf-80 {width: 80%;}
.gen-form .gf-float.gf-70 {width: 70%;}
.gen-form .gf-float.gf-60 {width: 60%;}
.gen-form .gf-float.gf-30 {width: 33.33%;}
.gen-form .gf-float.gf-20 {width: 20%;}
.gen-form-row.with-inl-info {}

.gen-form .input-file-wrap {cursor: pointer; background: #E6E7E8; font-size: 18px; line-height: 18px; padding: 12px 15px; min-width: 150px; text-align: center; display: inline-block; color: #000; font-family: 'TitleFont'; border: 1px solid #cfcfcf; margin-right: 15px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.gen-form .input-file-wrap:hover {background: #efefef;}
.gen-form .input-file-wrap-info {font-size: 16px; line-height: 18px; color: #808184; font-family: 'TitleFont'; display: inline-block;}

/* INLINE STYLE */
.gen-form.inline .label-cont {float: left; width: 30%;}
.gen-form.inline .sep-cont {float: left; width: 2%;}
.gen-form.inline .form-cont {float: left; width: 68%;}
.gen-form.inline .gen-form-row {margin-bottom: 25px;}
.gen-form.inline label.form-label {font-size: 17px; line-height: 17px; display: block; padding-top: 15px;}
.gen-form.inline label.form-label.label-big {font-size: 17px; line-height: 40px; font-family: 'ItalicTitleFont';}
.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%;}
/* /INLINE STYLE */

@media only screen and (max-width: 768px) {
	.radio-toolbar label.inline.with-mr {margin-right: 30px;}
}

@media only screen and (max-width: 600px) {
	.gen-form-row.half {width: 100%; margin-right: 0;}
	.gen-form.inline .form-cont {width: 100%;}
	.my-account-form .fl-right {width: 100%;}
}

/* /FORM */


/* HEADER */
#top-banner {position: fixed; top: 0; padding: 15px 40px; background: #070808; z-index: 1000; box-sizing: border-box; width: 100%; font-family: 'TitleFont'; z-index: 1001;}
#top-banner p {text-align: center; color: #fff;}
#top-banner a.close {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; display: inline-block; width: 15px; height: 12px; background: url(../images/icon/close-white.png) no-repeat center;}
#top-banner a.close:hover {opacity: 0.75; cursor: pointer;}

#header-main-container {}
#header-nav-resp {display: none;}
#full-cover-resp {display: none;}

#header-logo-container {margin-top: 80px;}
#header-left {float: left; width: 25%; box-sizing: border-box; margin-top: 30px;}
form.gen-form.gen-search-form input[type="text"] {border: 1px solid transparent; border-bottom: 1px solid #808184; width: 100%; padding-right: 40px; box-sizing: border-box; font-size: 20px; line-height: 24px; font-family: 'TitleFont';
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
form.gen-form.gen-search-form input[type="submit"] {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 20px; height: 20px; background: url(../images/icon/lup.png) no-repeat center;}
form.gen-form.gen-search-form input[type="submit"]:hover {opacity: 0.75;}
#nav-resp {display: none;}

#header-center {float: left; width: 50%; box-sizing: border-box; padding-left: 50px; padding-right: 50px; text-align: center;}
img#logo {margin: 0 auto; height: 100px; max-width: 100%;}

#header-right {float: right; width: 25%; box-sizing: border-box; margin-top: 20px;}
ul#header-icon-nav-list {float: right; position: relative;}
ul#header-icon-nav-list > li {float: left; padding-top: 20px; padding-right: 15px;}
ul#header-icon-nav-list > li:last-child {margin-right: 0;}
ul#header-icon-nav-list > li img {display: block; 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;}
ul#header-icon-nav-list > li img:hover {opacity: 0.75;}
ul#header-icon-nav-list > li .tp {position: absolute; top: 0; right: 0; font-size: 12px; line-height: 12px; color: #fff; background: #070808; padding: 4px 7px; font-family: 'TitleFont'; cursor: pointer;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}

#header-nav-container {margin-top: 40px; padding-top: 30px; padding-bottom: 50px; border-top: 1px solid #808184; border-bottom: 1px solid #808184; text-align: center;}
ul#header-nav-list {display: inline-block; margin: 0 auto;}
ul#header-nav-list > li {float: left; margin-right: 75px;}
ul#header-nav-list > li:last-child {margin-right: 0;}
ul#header-nav-list > li > a {font-size: 22px; line-height: 26px; color: #070808; font-family: 'TitleFont'; cursor: pointer;}
ul#header-nav-list > li > a:hover {color: #808184; text-decoration: none;}
.header-subnav-container {padding-top: 24px; display: none; position: absolute; margin-left: -40px; z-index: 1000;}
ul.header-subnav-list {}
ul.header-subnav-list > li {}
ul.header-subnav-list > li > a {display: block; padding-left: 30px; padding-right: 30px; background: #070808; color: #fff; min-width: 225px; max-width: 350px; text-align: left; font-size: 18px; line-height: 24px;}
ul.header-subnav-list > li > a:hover {color: #808184; text-decoration: none;}
ul.header-subnav-list > li > a.title {padding: 40px 30px 15px 30px; font-size: 20px; line-height: 24px; font-family: 'TitleFont';}
ul.header-subnav-list > li > a.title:hover {color: #fff; cursor: text;}
ul.header-subnav-list > li:last-child > a {padding-bottom: 40px;}

#shcart-preview-container {position: absolute; right: 0; background: #000; padding: 30px; z-index: 500; margin-top: 12px; display: none;}
#shcart-shortlist-container {width: 300px; max-height: 250px;}
#shcart-shortlist-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #fff !important;}
#shcart-shortlist-container .mCSB_scrollTools .mCSB_draggerRail {background-color: #fff !important;}
ul.shcart-shortlist {float: left; width: 100%; position: relative;}
ul.shcart-shortlist > li {margin-bottom: 20px;}
ul.shcart-shortlist > li:last-child {margin-bottom: 0;}
ul.shcart-shortlist > li .img-wrap {float: left; width: 30%; box-sizing: border-box; margin-right: 5%;}
ul.shcart-shortlist > li .img-wrap img {width: 100%; display: block;}
ul.shcart-shortlist > li .desc-wrap {float: right; width: 65%;}
ul.shcart-shortlist > li .desc-wrap h5 {color: #fff; margin-bottom: 3px; font-size: 20px; line-height: 24px;}
#shcart-preview-container p {color: #808184; font-size: 14px; line-height: 18px; font-weight: bold;}
#shcart-preview-container p span.big {font-size: 18px;}
#shcart-preview-container p span.price {font-size: 18px; color: #fff; font-weight: bold;}
#shcart-preview-container a.gen-btn {font-size: 12px; line-height: 12px; padding: 12px 0;}
#shcart-preview-container a#to-shcart-href {float: left; width: 46%;}
#shcart-preview-container a#to-payment-href {float: right; width: 46%;}
#shcart-preview-close {position: absolute; top: 12px; right: 12px; width: 15px; height: 12px; background: url(../images/icon/close-white.png) no-repeat center; cursor: pointer; z-index: 500;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#shcart-preview-close:hover {opacity: 0.75;}

@media only screen and (max-width: 1024px) {
	#top-banner {padding: 12px 0 8px 0;}
	#top-banner p {font-size: 16px; line-height: 21px;}
	#header-logo-container {margin-top: 30px;}
	img#logo {max-height: 80px; height: auto;}
	#header-left {margin-top: 10px;}
	#header-right {margin-top: 5px;}
	
	#header-nav-container {padding-top: 15px; padding-bottom: 40px;}
	ul#header-nav-list > li {margin-right: 50px;}
	ul#header-nav-list > li > a {font-size: 18px; line-height: 23px;}
	.header-subnav-container {padding-top: 15px;}
	ul.header-subnav-list > li > a.title {padding-left: 20px; padding-right: 20px;}
	ul.header-subnav-list > li > a {font-size: 16px; line-height: 21px; padding-left: 20px; padding-right: 20px;}
}

@media only screen and (max-width: 768px) {
	#top-banner p {font-size: 15px; line-height: 20px;}
	img#logo {max-height: 60px;}
	#gen-search-form input[type="text"] {font-size: 15px; line-height: 20px;}
	#header-right {margin-top: -5px;}
	
	ul.header-subnav-list > li > a {min-width: 150px; max-width: 250px;}
	ul.shcart-shortlist > li .desc-wrap h5 {font-size: 17px; line-height: 22px;}
	ul.shcart-shortlist > li .desc-wrap p {font-size: 13px; line-height: 18px;}
}

@media only screen and (max-width: 600px) {
	#top-banner {top: auto; bottom: 0;}
	#header {position: fixed; top: 0; z-index: 1000; background: #fff;
	box-shadow: 0px 0px 10px #cfcfcf;}
	#header-logo-container {margin-top: 0;}
	#header-logo-container .container {padding: 10px 0;}
	
	#header-nav-container {display: none;}
	#shcart-preview-container {display: none;}
	
	#header-left {width: 18%; margin-top: 18px;}	
	#header-center {width: 64%; text-align: center;}
	#header-center img {margin: 0 auto;}
	#header-right {width: 18%;}
	
	#gen-search-form {display: none;}
	#nav-resp {display: block; width: 30px; height: 24px; background: url(../images/icon/nav.png) no-repeat center; 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;}
	#nav-resp:hover {opacity: 0.5;}
	ul#header-icon-nav-list > li {margin-right: 0; padding-right: 5px;}
	ul#header-icon-nav-list > li:last-child {padding-right: 15px;}
	ul#header-icon-nav-list > li.my-account-icon {display: none; width: 0;}
	ul#header-icon-nav-list > li.whatsapp-icon img {width: 25px; height: auto;}
	ul#header-icon-nav-list > li.shcart-icon img {width: 30px; height: auto;}
	
	#header-nav-resp {display: block; position: fixed; top: 0; left: -300px; box-sizing: border-box; padding: 30px; padding-top: 40px; background: #000; height: 100%; z-index: 2001; width: 300px;
	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-resp.opened {left: 0;}
	#header-nav-resp a.close {position: absolute; top: 15px; right: 15px; display: inline-block; width: 15px; height: 12px; background: url(../images/icon/close-white.png) no-repeat center;}
	#header-nav-resp a.close:hover {opacity: 0.75; cursor: pointer;}
	#full-cover-resp {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2000;}
	#header-nav-resp h5 {font-size: 16px; line-height: 20px; color: #fff; margin-bottom: 25px;}
	
	#header-nav-resp-list-container {position: relative; max-height: 250px;}
	#header-nav-resp-list-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #fff;}
	#header-nav-resp-list-container .mCSB_scrollTools .mCSB_draggerRail {background-color: #fff;}
	
	ul#header-nav-resp-list {float: left; width: 100%; position: relative;}
	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: #fff; font-size: 14px; line-height: 18px; display: block; cursor: pointer; font-family: 'TitleFont';}
	ul#header-nav-resp-list > li > a:hover {text-decoration: none; color: #cfcfcf;}
	ul#header-nav-resp-list > li > a.has-sub {padding-right: 30px; background: url(../images/icon/arrow-up-small-white.png) no-repeat right center;}
	.header-subnav-resp-container {padding-left: 15px; display: none;}
	ul.header-subnav-resp-list {float: left; width: 100%; position: relative;}
	ul.header-subnav-resp-list > li > a {color: #fff; font-size: 14px; line-height: 18px;}
	ul.header-subnav-resp-list > li > a:hover {text-decoration: none; color: #cfcfcf;}
	
	#gen-search-form-resp input[type="text"] {font-size: 14px; color: #fff; border-bottom: 1px solid #fff; padding: 5px 40px 5px 0; font-family: 'TitleFont';}
	#gen-search-form-resp input[type="text"]::-webkit-input-placeholder {color: #fff;}
	#gen-search-form-resp input[type="text"]::-moz-input-placeholder {color: #fff;}
	#gen-search-form-resp input[type="text"]::-ms-input-placeholder {color: #fff;}
	#gen-search-form-resp input[type="submit"] {width: 15px; height: 15px; background: url(../images/icon/lup-white.png) no-repeat center;}
}

@media only screen and (max-width: 480px) {	
	#header-left {width: 15%; margin-top: 15px;}	
	#header-center {width: 62%;}
	#header-right {width: 23%; margin-top: -10px;}
	
	#nav-resp {width: 22px; height: 18px; background-size: 22px 18px;}
	
	ul#header-icon-nav-list > li.whatsapp-icon img {width: 22px; height: auto;}
	ul#header-icon-nav-list > li.shcart-icon img {width: 27px; height: auto;}
}
/* /HEADER */


/* HOME */
.mt-80 {margin-top: 80px;} .mt-70 {margin-top: 70px;} .mt-60 {margin-top: 60px;} .mt-50 {margin-top: 50px;} .mt-40 {margin-top: 40px;} .mt-30 {margin-top: 30px;} .mt-20 {margin-top: 20px;} .mt-10 {margin-top: 10px;} .mt-5 {margin-top: 5px;}
.mb-80 {margin-bottom: 80px;} .mb-70 {margin-bottom: 70px;} .mb-60 {margin-bottom: 60px;} .mb-50 {margin-bottom: 50px;} .mb-40 {margin-bottom: 40px;} .mb-30 {margin-bottom: 30px;} .mb-20 {margin-bottom: 20px;} .mb-10 {margin-bottom: 10px;} .mb-5 {margin-bottom: 5px;}
.no-mt {margin-top: 0;}
.no-mb {margin-bottom: 0;}

#slideshow-sfw {margin-top: 50px;}
.slideshow-item {display: none;}
.slideshow-item img {width: 100%;}
#slideshow-list-container .slick-dots {bottom: 25px;}
#slideshow-list-container .slick-dots li {margin: 0 3px;}
#slideshow-list-container .slick-dots li button {width: 15px; height: 15px; background: url(../images/icon/bullet.png) no-repeat center;}
#slideshow-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}
#slideshow-list-container .slick-prev {width: 27px; height: 48px; background: url(../images/icon/arrow-left-big.png) no-repeat center center; opacity: 0.7; top: 53%; left: 30px; transform: translateY(-53%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#slideshow-list-container .slick-prev:hover {opacity: 1.0;}
#slideshow-list-container .slick-prev.slick-disabled, #slideshow-list-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#slideshow-list-container .slick-next {width: 27px; height: 48px; background: url(../images/icon/arrow-right-big.png) no-repeat center center; opacity: 0.7; top: 53%; right: 30px; transform: translateY(-53%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#slideshow-list-container .slick-next:hover {opacity: 1.0;}
#slideshow-list-container .slick-next.slick-disabled, #slideshow-list-container .slick-next.slick-disabled:hover {opacity: 0.25;}

#home-product-sfw {margin-top: 50px; margin-bottom: 50px;}

ul.product-list {float: left; width: 100%; position: relative;}
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.tri-cols > li {float: left; width: 32%; margin-right: 2%;}
ul.product-list.tri-cols > li:nth-child(4n) {margin-right: 2%;}
ul.product-list.tri-cols > li:nth-child(4n + 1) {clear: none;}
ul.product-list.tri-cols > li:nth-child(3n) {margin-right: 0;}
ul.product-list.tri-cols > li:nth-child(3n + 1) {clear: both;}
ul.product-list.one-col > li {width: 100%; margin-right: 0;}
ul.product-list > li .img-wrap {position: relative; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #d5d5d5;}
ul.product-list > li .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%;}
ul.product-list > li .title-wrap {margin-bottom: 5px;}
ul.product-list > li .title-wrap .title {float: left; width: 60%;}
ul.product-list > li .title-wrap .title h5, ul.product-list > li .title-wrap .title h5 a {font-size: 20px; line-height: 26px; font-family: 'ItalicFont'; color: #070808; margin-bottom: 0;}
ul.product-list > li .title-wrap .title h5 a:hover {text-decoration: none; color: #808184;}
ul.product-list > li .title-wrap .rating {float: right; width: 35%;}
ul.pr-rating-list {float: right;}
ul.pr-rating-list.left {float: left;}
ul.pr-rating-list > li {float: left; margin-right: 2px;}
ul.pr-rating-list > li:last-child {margin-right: 0;}
ul.pr-rating-list > li img {width: 17px; height: 16px;}
ul.pr-rating-list.clickable > li img {cursor: pointer;}
ul.product-list > li p.price {color: #808184; font-size: 16px; line-height: 20px;}
ul.product-list > li p.price b {font-size: 20px;}

@media only screen and (max-width: 1200px) {	
	ul.product-list > li .title-wrap .title {width: 100%;}
	ul.product-list > li .title-wrap .rating {width: 100%; float: left; margin-bottom: 10px;}
	ul.product-list > li .title-wrap .rating ul.pr-rating-list {float: left;}
}

@media only screen and (max-width: 768px) {	
	ul.product-list > li {float: left; width: 48%; margin-right: 4%;}
	ul.product-list > li:nth-child(4n) {margin-right: 2%;}
	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;}
	
	ul.product-list > li .title-wrap .title {width: 60%;}
	ul.product-list > li .title-wrap .rating {width: 35%; float: right; margin-bottom: 0;}
}

@media only screen and (max-width: 600px) {
	#top-mt-resp {margin-top: 75px;}	
	
	#slideshow-list-container .slick-dots {bottom: 7px;}
	#slideshow-list-container .slick-dots li {margin: 0 1px;}
	#slideshow-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet.png) no-repeat center; background-size: cover !important;}
	#slideshow-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}
	
	ul.product-list > li .title-wrap .title {width: 100%;}
	ul.product-list > li .title-wrap .rating {width: 100%; float: left; margin-bottom: 10px;}
	
	ul.product-list > li p.price, ul.product-list > li p.cat {font-size: 14px; line-height: 18px;}
	ul.product-list > li p.price b {font-size: 16px;}
}
/* /HOME */


/* PAGES */
#pages-sfw {padding: 80px 0;}
/* /PAGES */


/* PRODUCT */
h3.prd-list-main-title {}
h3.prd-list-main-title-resp {display: none;}
#product-sidebar-col {float: left; width: 25%; box-sizing: border-box;}
#product-list-col {float: right; width: 75%; box-sizing: border-box; padding-left: 5%;}
.sidebar-group {margin-bottom: 20px;}
.sidebar-group p.sg-title {cursor: pointer; padding-bottom: 2px; padding-right: 20px; border-bottom: 1px solid #cfcfcf; background: url(../images/icon/arrow-down.png) no-repeat right center; font-size: 22px; line-height: 28px; font-family: 'TitleFont';}
.sidebar-group p.sg-title.opened {border-bottom: 1px solid transparent; background: url(../images/icon/arrow-up.png) no-repeat right center;}
.sg-container {padding-bottom: 20px; padding-top: 15px; border-bottom: 1px solid #cfcfcf; display: none;}
.sg-container.opened {display: block;}
.sg-container .checkbox-container {margin-left: 5px;}
.sg-container .chb-section {margin-bottom: 2px;}

ul.prsize-list {float: left; width: 100%; position: relative;}
ul.prsize-list > li {float: left; margin-right: 10px;}
ul.prsize-list > li:nth-child(4n) {margin-right: 0;}
ul.prsize-list > li:nth-child(4n + 1) {clear: both;}
ul.prsize-list > li div {font-family: 'TitleFont'; text-align: center; color: #000; font-size: 22px; line-height: 28px; width: 45px; padding: 8px 5px 5px 5px; border: 1px solid #808184; margin-bottom: 10px; 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;}
ul.prsize-list > li div:hover {background: #eaeaea;}
ul.prsize-list > li div.active {background: #808184; color: #fff;}

#product-sort-container {float: right; margin-bottom: 40px;}
#product-sort-container label {float: left; font-size: 18px; line-height: 18px; color: #000; font-family: 'TitleFont'; display: inline-block; margin-right: 20px;}
#product-sort-container .styled-select-wrapper {float: left; width: 250px; display: inline-block; padding-top: 0; margin-top: -7px;}
#product-sort-container .styled-select-wrapper select {padding: 0;}

input[type="text"].search-textform {border: 1px solid transparent; border-bottom: 1px solid #cfcfcf; width: 100%; padding-right: 40px; box-sizing: border-box; font-size: 20px; line-height: 24px; background: url(../images/icon/lup.png) no-repeat right center; font-family: 'TitleFont';
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}

#prd-detail-left {float: left; width: 60%; box-sizing: border-box; padding-right: 5%;}
#prd-detail-cur-img-container {float: left; width: 81%; box-sizing: border-box; position: relative; border: 1px solid #d5d5d5 !important;}
#prd-detail-cur-img-container img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%;}
#prd-detail-img-list-container {float: right; width: 14.65%; box-sizing: border-box; position: relative; margin-top: -6px;}

.prd-detail-img-list-item {position: relative; padding: 5px 0;}
.prd-detail-img-list-item .inner {position: relative; border: 1px solid #cfcfcf; cursor: pointer; opacity: 0.75;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.prd-detail-img-list-item .inner:hover {border: 1px solid #afafaf !important; opacity: 1.0;}
.prd-detail-img-list-item .inner.active, .prd-detail-img-list-item .inner.active:hover {border: 1px solid #808184 !important; opacity: 1.0;}
.prd-detail-img-list-item .inner img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%;}


#prd-detail-img-list .slick-prev {width: 17px; height: 10px; background: url(../images/icon/arrow-up-3.png) no-repeat center center; opacity: 0.7; top: -12px; left: 50%; transform: translateX(-50%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#prd-detail-img-list .slick-prev:hover {opacity: 1.0;}
#prd-detail-img-list .slick-prev.slick-disabled, #prd-detail-img-list .slick-prev.slick-disabled:hover {opacity: 0.25;}
#prd-detail-img-list .slick-next {width: 17px; height: 10px; background: url(../images/icon/arrow-down-3.png) no-repeat center center; opacity: 0.7; bottom: -15px; left: 50%; transform: translateX(-50%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#prd-detail-img-list .slick-next:hover {opacity: 1.0;}
#prd-detail-img-list .slick-next.slick-disabled, #prd-detail-img-list .slick-next.slick-disabled:hover {opacity: 0.25;}

#prd-detail-right {float: right; width: 40%; box-sizing: border-box;}
.prd-desc-top-section {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cfcfcf; position: relative;}
.prd-desc-top-section h4 {margin-bottom: 0;}
.prd-desc-top-section ul.pr-rating-list {float: left; margin-bottom: 10px;}
.prd-desc-top-section p span.small {font-size: 13px; color: #808184;}
#prd-size-selection {padding-top: 10px;}

/*
#prd-size-selection .prd-desc-section {display: none;}
#prd-size-selection .prd-desc-section:first-child {display: block;} */

#prd-size-selection .prd-desc-section {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cfcfcf; position: relative;}
#prd-size-selection .prd-desc-section {display: none;}
#prd-size-selection .prd-desc-section.block {display: block;}

.prd-size-row {float: left; width: 100%; position: relative; padding: 7px 0;}
.prd-size-row.no-mb {margin-bottom: 0;}
.sz-col {float: left; width: 30%; margin-right: 10%;}
.qty-col {float: left; width: 30%;}
.lus-col {float: left; width: 10%; margin-top: 10px;}
.price-col {float: right; width: 20%;}
.sz-col p, .qty-col p {font-size: 20px; line-height: 25px; font-family: 'TitleFont';}
.lus-col p, .price-col p {font-family: 'TitleFont'; font-size: 18px; line-height: 23px; color: #808184;}
.price-col p {text-align: right;}
.qty-col .cap {float: left; cursor: pointer; margin-top: -1px; box-sizing: border-box; border: 1px solid #afafaf; color: #000; font-family: 'TitleFont'; font-size: 18px; line-height: 23px; padding: 7px 10px; min-width: 40px; text-align: center;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.qty-col .cap:hover {color: #808184;}
.qty-col .cap.minus, .qty-col .cap.num {border-right: none;}
.qty-col .cap.num {padding: 7px 3px;}
.qty-col .cap.num input[type="text"] {border: none; background: none; font-size: 18px; line-height: 23px; width: 45px; padding: 0; color: #000; font-family: 'TitleFont'; text-align: center;}
.qty-col .cap.num input[type=number]::-webkit-inner-spin-button, .qty-col .cap.num input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; margin: 0; 
}
.qty-col .cap.num input[type="number"]:hover, .qty-col .cap.num input[type="number"]:focus {outline: 0;}
#prd_note {margin-top: 15px;}
#remaining-item-info {margin-top: 20px; margin-bottom: 20px;}
#remaining-item-info .rif-left {float: left; margin-right: 40px;}
#remaining-item-info .rif-left:last-child {margin-right: 0;}
#remaining-item-info, p.small-info {font-size: 14px; line-height: 18px; color: #808184; font-family: 'TitleFont';}

#prd-detail-form textarea {width: 100%; color: #808184; font-size: 14px; line-height: 18px;}

#prd-detail-bottom {margin-top: 40px;}
#prd-bottom-col-1 {float: left; width: 28%;}
#prd-bottom-col-2 {float: left; width: 32%;}
#prd-bottom-col-3 {float: right; width: 40%;}
.prd-bottom-content {border-top: 1px solid #cfcfcf; padding-top: 30px; box-sizing: border-box; }
.prd-bottom-content .inner {min-height: 450px; max-height: 450px; box-sizing: border-box;}

.prd-bottom-content .inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #808184;}
.prd-bottom-content .inner .mCSB_scrollTools .mCSB_draggerRail {background: #cfcfcf;}
ul#prd-review-list {float: left; width: 100%; position: relative;}
ul#prd-review-list > li {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #cfcfcf;}
ul#prd-review-list > li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
ul#prd-review-list > li h5 {font-size: 18px; line-height: 23px; margin-bottom: 0;}
ul#prd-review-list > li ul.pr-rating-list {float: left; margin-bottom: 10px;}
ul#prd-review-list > li p {font-size: 14px; line-height: 18px;}

#prd-submit-review-container {}
#prd-submit-review-container form.gen-form input[type="text"], #prd-submit-review-container form.gen-form input[type="email"], #prd-submit-review-container form.gen-form input[type="password"] {width: 100%;}
#prd-submit-review-container .inner {padding-left: 40px; padding-right: 40px; border-right: 1px solid #cfcfcf;}
#prd-review-form .gen-form-row {margin-bottom: 10px;}
#prd-review-form input[type="text"], #prd-review-form textarea {width: 100%; padding-left: 8px; padding-right: 8px; font-size: 14px; line-height: 18px;}
#prd-review-form input[type="submit"] {font-size: 15px; line-height: 20px;}

#prd-bottom-detail-container .inner {padding-left: 40px;}

#prd-detail-other {margin-top: 60px;}
.prd-detail-other-item {width: 25%; box-sizing: border-box; padding-left: 15px; padding-right: 15px;}
.prd-detail-other-item .img-wrap {position: relative; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #d5d5d5; width: 100%;}
.prd-detail-other-item .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%;}
.prd-detail-other-item .title-wrap {margin-bottom: 5px;}
.prd-detail-other-item .title-wrap .title {float: left; width: 60%;}
.prd-detail-other-item .title-wrap .title h5, .prd-detail-other-item .title-wrap .title h5 a {font-size: 20px; line-height: 26px; font-family: 'ItalicFont'; color: #070808; margin-bottom: 0;}
.prd-detail-other-item .title-wrap .title h5 a:hover {text-decoration: none; color: #808184;}
.prd-detail-other-item .title-wrap .rating {float: right; width: 35%;}
.prd-detail-other-item p.price {color: #808184; font-size: 16px; line-height: 20px;}
.prd-detail-other-item p.price b {font-size: 20px;}
#prd-detail-other-container .slick-prev {width: 27px; height: 48px; background: url(../images/icon/arrow-left-big.png) no-repeat center center; opacity: 0.7; left: -30px; top: 40%; transform: translateY(-40%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#prd-detail-other-container .slick-prev:hover {opacity: 1.0;}
#prd-detail-other-container .slick-prev.slick-disabled, #prd-detail-other-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#prd-detail-other-container .slick-next {width: 27px; height: 48px; background: url(../images/icon/arrow-right-big.png) no-repeat center center; opacity: 0.7; left: auto; right: -30px; top: 40%; transform: translateY(-40%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#prd-detail-other-container .slick-next:hover {opacity: 1.0;}
#prd-detail-other-container .slick-next.slick-disabled, #prd-detail-other-container .slick-next.slick-disabled:hover {opacity: 0.25;}

@media only screen and (max-width: 1200px) {
	ul.prsize-list > li div {width: 35px; font-size: 19px; line-height: 23px;}
	
	#prd-detail-left {width: 55%;}
	#prd-detail-right {width: 45%;}
	
	.prd-detail-other-item .title-wrap .title {width: 100%; margin-bottom: 5px;}
	.prd-detail-other-item .title-wrap .rating {float: left; width: 100%;}
	.prd-detail-other-item .title-wrap .rating ul.pr-rating-list {float: left; margin-bottom: 10px;}
}

@media only screen and (max-width: 1024px) {
	ul.prsize-list > li:nth-child(4n) {margin-right: 10px;}
	ul.prsize-list > li:nth-child(4n + 1) {clear: none;}
	ul.prsize-list > li:nth-child(3n) {margin-right: 0;}
	ul.prsize-list > li:nth-child(3n + 1) {clear: both;}
	
	#product-sidebar-col {width: 35%;}
	#product-list-col {width: 62%;}
	
	ul.product-list.tri-cols > li {float: left; width: 48%; margin-right: 4%;}
	ul.product-list.tri-cols > li:nth-child(3n) {margin-right: 4%;}
	ul.product-list.tri-cols > li:nth-child(3n + 1) {clear: none;}
	ul.product-list.tri-cols > li:nth-child(2n) {margin-right: 0;}
	ul.product-list.tri-cols > li:nth-child(2n + 1) {clear: both;}	
	
	#prd-detail-left {width: 50%;}
	#prd-detail-right {width: 50%;}
	
	.sz-col {width: 35%;}
	.qty-col {width: 35%;}
	.lus-col {width: 20%;}
	
	#prd-submit-review-container .inner {padding-left: 20px; padding-right: 20px;}
	
	.prd-detail-other-item {width: 33.33%;}
	#prd-detail-other-container .slick-prev, #prd-detail-other-container .slick-next {width: 20px; height: 36px; background-size: cover !important;}
	#prd-detail-other-container .slick-prev {left: -12px;}
	#prd-detail-other-container .slick-next {right: -12px;}
}

@media only screen and (max-width: 768px) {	
	#product-sidebar-col, #product-list-col {width: 100%; padding: 0;}
	#product-list-col {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #cfcfcf;}
	#product-sort-container {float: left;}
	
	h3.prd-list-main-title {display: none;}
	h3.prd-list-main-title-resp {display: block;}
	
	ul.prsize-list > li:nth-child(3n) {margin-right: 10px;}
	ul.prsize-list > li:nth-child(3n + 1) {clear: none;}
	
	#prd-detail-left {width: 100%; margin-bottom: 60px; padding-right: 0;}
	#prd-detail-right {width: 100%;}
	
	.sz-col {width: 25%;}
	.qty-col {width: 25%;}
	.lus-col {width: 15%;}
	
	#prd-bottom-col-3 {float: none; width: 100%; margin-bottom: 50px;}
	#prd-bottom-detail-container .inner {padding-left: 0;}
	#prd-bottom-col-1 {float: left; width: 50%;}
	#prd-bottom-col-2 {float: left; width: 50%;}
	.prd-bottom-content .inner {min-height: 150px;}
	
	#prd-submit-review-container .inner {border-right: none; padding-right: 0; padding-left: 40px;}
	
	#prd-detail-other {margin-bottom: 60px;}
	.prd-detail-other-item {width: 50%;}	
	#prd-detail-other-container .slick-prev {left: auto; top: auto; bottom: -75px; right: 40px;}
	#prd-detail-other-container .slick-next {right: auto; top: auto; bottom: -75px; right: 0;}
}

@media only screen and (max-width: 600px) {
	ul.prsize-list > li:nth-child(4n) {margin-right: 0;}
	ul.prsize-list > li:nth-child(4n + 1) {clear: both;}
	
	#product-sort-container label {display: block; width: 100%; float: none; margin-bottom: 15px;}
	
	.sz-col {width: 35%;}
	.qty-col {width: 35%;}
	.lus-col {width: 20%;}
	
	#prd-detail-cur-img-container {float: none; width: 100%; margin-bottom: 30px;}
	#prd-detail-img-list-container {float: none; width: 100%;}
	.prd-detail-img-list-item {width: 25%; padding: 0 7px; box-sizing: border-box; margin-bottom: 10px;}
	
	#prd-detail-img-list .slick-prev {width: 10px; height: 17px; background: url(../images/icon/arrow-left-3.png) no-repeat center; top: auto; left: auto; bottom: -25px; right: 30px;}
	#prd-detail-img-list .slick-next {width: 10px; height: 17px; background: url(../images/icon/arrow-right-3.png) no-repeat center center; bottom: auto; left: auto; bottom: -25px; right: 0;}
		
	#prd-submit-review-container .inner {padding-left: 20px;}
	
	#prd-bottom-col-1 {float: none; width: 100%; margin-bottom: 50px;}
	#prd-bottom-col-2 {float: none; width: 100%;}	
	#prd-bottom-col-2 h4.resp {display: none;}
	#prd-submit-review-container .inner {padding-left: 0;}
	
	.prd-detail-other-item p.price {font-size: 14px; line-height: 18px;}
	.prd-detail-other-item p.price b {font-size: 16px;}	
}

@media only screen and (max-width: 480px) {
	.sz-col {width: 45%;}
	.qty-col {width: 45%;}
	.lus-col {display: none;}
}
/* /PRODUCT */


/* SHOPPING CART */
ul#shcart-detail-list {float: left; width: 100%; position: relative;}
ul#shcart-detail-list > li {position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #d5d5d5;}
ul#shcart-detail-list > li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
ul#shcart-detail-list > li a.remove-item {position: absolute; top: 0; right: 0; font-size: 18px; line-height: 18px; color: #000; font-family: 'TitleFont'; 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;}
ul#shcart-detail-list > li a.remove-item:hover {text-decoration: none; color: #808184;}
ul#shcart-detail-list > li .img-wrap {float: left; width: 27%; box-sizing: border-box; border: 1px solid #d5d5d5;}
ul#shcart-detail-list > li .img-wrap img {width: 100%;}
ul#shcart-detail-list > li .desc-wrap {float: right; width: 69%; box-sizing: border-box;}
ul#shcart-detail-list > li .variant-section {margin-bottom: 25px;}
ul#shcart-detail-list > li .variant-section .qty-col, ul#shcart-detail-list > li .variant-section .lus-col, ul#shcart-detail-list > li .variant-section .price-col {width: auto;}
ul#shcart-detail-list > li .variant-section .qty-col {margin-right: 15px;}
#shcart-detail-summary {margin-top: 40px; border: 1px solid #cfcfcf; padding: 30px;}
#shcart-detail-summary.no-brd {margin-top: 0; padding: 0; border: none;}
#shcart-detail-summary .summary-section {padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #cfcfcf;}
#shcart-detail-summary .summary-section.no-brd {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
#shcart-detail-summary .summary-section .caption {float: left; width: 50%; font-size: 18px; line-height: 23px; color: #000; font-family: 'TitleFont';}
#shcart-detail-summary .summary-section .caption span {display: block; font-size: 14px; line-height: 18px; color: #808184;}
#shcart-detail-summary .summary-section .value {float: right; width: 40%; font-size: 18px; line-height: 23px; color: #000; text-align: right;  font-family: 'TitleFont';}
#shcart-detail-summary .summary-section.big .caption, #shcart-detail-summary .summary-section.big .value {font-size: 24px; line-height: 28px;}
#order-step-1-form textarea {width: 100%; font-size: 16px; line-height: 21px; color: #000;}
.pos-rel {position: relative;}
input[type="text"]#coupon_code {width: 100%; padding-right: 170px; font-size: 16px; line-height: 21px; color: #000; padding-top: 12px; padding-bottom: 12px;}
input[type="button"]#coupon_code_btn {position: absolute; right: 0; top: 0; width: 150px;}
#coupon_info {margin-top: 5px; font-size: 14px; line-height: 20px; font-family: 'BoldFont';}
#coupon_info #cancel_coupon {color: #808184; font-size: 14px; line-height: 18px; cursor: pointer;}

.ost-section {margin-top: 60px; position: relative; float: left; width: 100%;}
.ost-section.no-mt {margin-top: 0;}
.ost-section h4 {color: #808184; margin-bottom: 30px;}
.ost-section-left {float: left; width: 47.5%;}
.ost-section-right {float: right; width: 47.5%;}

table.sc-table {position: relative; width: 100%;}
table.sc-table thead tr th, table.sc-table tbody tr td {font-size: 18px; line-height: 23px; font-family: 'TitleFont'; padding: 8px; vertical-align: middle; border-bottom: 1px solid transparent;}
table.sc-table thead tr th {border-bottom: 1px solid #cfcfcf;}
table.sc-table tbody tr.with-brd td {border-bottom: 1px solid #cfcfcf;}

ul#shipping-list {}
ul#shipping-list > li {padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
ul#shipping-list > li .title {font-family: 'TitleFont'; font-size: 16px; line-height: 20px; padding-bottom: 5px; cursor: pointer; padding-right: 18px; background: url(../images/icon/arrow-down-small.png) no-repeat right center; border-bottom: 1px solid #cfcfcf;
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: #808184; text-decoration: none;}
ul#shipping-list > li .title.opened {background: url(../images/icon/arrow-up-small.png) no-repeat right center;}
ul#shipping-list > li .desc {padding-left: 15px; display: none;}
ul#shipping-list > li .radio-toolbar label span.small {font-size: 15px; line-height: 20px;}

#ost-shipping-detail {padding: 30px 0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; position: relative;}
#ost-shipping-detail p {width: 80%; font-family: 'TitleFont';}
#ost-shipping-detail a {position: absolute; top: 30px; right: 0; font-size: 21px; line-height: 25px;}

@media only screen and (max-width: 1024px) {
	input[type="text"]#coupon_code {padding-right: 130px;}
	input[type="button"]#coupon_code_btn {width: 110px; font-size: 14px !important; line-height: 23px !important;}
	
	.ost-section-left.main-ct, .ost-section-right.main-ct {width: 100%;}
	.ost-section-left.main-ct {margin-bottom: 40px;}
}

@media only screen and (max-width: 768px) {
	table.sc-table thead tr th, table.sc-table tbody tr td {font-size: 16px; line-height: 21px; padding: 4px;}
}

@media only screen and (max-width: 600px) {
	ul#shcart-detail-list > li .img-wrap {width: 20%;}
	ul#shcart-detail-list > li .desc-wrap {width: 77%;}
	
	#shcart-detail-summary .summary-section .caption {width: 55%; font-size: 16px; line-height: 20px;}
	#shcart-detail-summary .summary-section .value {width: 40%; font-size: 15px; line-height: 20px;}
	#shcart-detail-summary .summary-section.big .caption, #shcart-detail-summary .summary-section.big .value {font-size: 17px; line-height: 22px;}
	#shcart-detail-summary .summary-section .caption span {display: none;}
	
	#order-step-1-form .gen-form-row.half {width: 100%; margin-right: 0;}
	
	.ost-section-left, .ost-section-right {width: 100%;}
	.ost-section-left {margin-bottom: 20px;}
	
	#ost-shipping-detail {padding-bottom: 60px;}
	#ost-shipping-detail a {top: auto; bottom: 25px;}
}

@media only screen and (max-width: 480px) {
	table.sc-table thead tr th table.sc-table tbody tr td {font-size: 14px; line-height: 18px;}
}
/* /SHOPPING CART */


/* REGISTER */
#regleft-sfw {float: left; width: 50%; box-sizing: border-box; padding-right: 75px;}
a#fpass-href, a#login-href {cursor: pointer; text-decoration: underline; font-family: 'TitleFont';}
a#fpass-href:hover, a#login-href:hover {color: #000;}
form.gen-form.reg-login-form input[type="text"], form.gen-form.reg-login-form input[type="email"], form.gen-form.reg-login-form input[type="password"] {width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 15px;}
#login-form input[type="submit"], #fpass-form input[type="submit"] {float: right; width: 200px;}
#login-form.type2 input[type="submit"], #fpass-form.type2 input[type="submit"] {float: left;}
#fpass-form-container {display: none;}

#regright-sfw {float: right; width: 50%; box-sizing: border-box; padding-left: 75px; border-left: 1px solid #cfcfcf;}

@media only screen and (max-width: 1024px) {
	#regleft-sfw {padding-right: 40px;}
	#regright-sfw {padding-left: 40px;}
	
	form.gen-form.reg-login-form .gen-form-row.half {width: 100%;}
	#login-form input[type="submit"], #fpass-form input[type="submit"] {float: left; width: 100%;}
	
	#register-form input[type="button"].hollow {width: 225px;}
}

@media only screen and (max-width: 600px) {
	#regleft-sfw, #regright-sfw {width: 100%; padding: 0;}
	#regleft-sfw {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #cfcfcf;}
	#regright-sfw {border-left: none;}
}
/* /REGISTER */


/* MY ACCOUNT */
img#wait-img {position: absolute; display: none;}

#account-sidebar-col {float: left; width: 22%;}
h4.with-und, h5.with-und, p.with-und {font-family: 'TitleFont'; display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #cfcfcf; margin-bottom: 30px;}
h4.with-und.block, h5.with-und.block, p.with-und.block {display: block;}
p.no-mb {margin-bottom: 0;} p.mb-10 {margin-bottom: 10px;}
ul.account-nav-list {float: left; width: 100%; position: relative;}
ul.account-nav-list > li {margin-bottom: 10px;}
ul.account-nav-list > li:last-child {margin-bottom: 0;}
ul.account-nav-list > li > a {font-size: 21px; line-height: 25px; color: #808184;}
ul.account-nav-list > li > a:hover {text-decoration: none; color: #000;}
ul.account-nav-list > li > a.active, ul.account-nav-list > li > a.active:hover {color: #000; font-family: 'BoldFont';}

#account-content-col {float: right; width: 68%;}
.gen-form.my-account-form input[type="text"], .gen-form.my-account-form input[type="email"], .gen-form.my-account-form input[type="password"], .gen-form.my-account-form textarea {width: 100%; padding-left: 15px; padding-right: 15px;}
.gen-form.my-account-form input[type="text"].half, .gen-form.my-account-form input[type="email"].half, .gen-form.my-account-form input[type="password"].half {width: 50%;}
.gen-form.my-account-form input[type="text"].twothird, .gen-form.my-account-form input[type="email"].twothird, .gen-form.my-account-form input[type="password"].twothird {width: 75%;}
.gen-form.my-account-form input[type="button"].hollow {background: none; color: #808184; width: 100%; box-sizing: border-box; border: 2px solid #cfcfcf; height: 40px; font-size: 16px; line-height: 16px;}
.gen-form.my-account-form input[type="button"].hollow:hover {background: #808184; color: #fff;}
.gen-form.my-account-form input[type="submit"], .gen-form.my-account-form input[type="button"] {min-width: 150px;}
.gen-form.my-account-form input[type="submit"].full-width, .gen-form.my-account-form input[type="button"].full-width {width: 100%;}

ul#my-address-list {float: left; width: 100%; position: relative;}
ul#my-address-list > li {padding-bottom: 35px; margin-bottom: 15px; border-bottom: 1px solid #cfcfcf; position: relative;}
ul#my-address-list > li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 1px solid transparent;}
ul#my-address-list.two-cols > li {float: left; width: 49%; margin-right: 2%; margin-bottom: 25px;}
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.two-cols > li, ul#my-address-list.two-cols > li:last-child {border: 1px solid #cfcfcf; box-sizing: border-box; padding: 20px;}
ul#my-address-list.clickable > li {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;}
ul#my-address-list.clickable > li:hover {background: #f5f5f5;}
ul#my-address-list > li .top {margin-bottom: 15px;}
ul#my-address-list > li .top .name {float: left; width: 70%;}
ul#my-address-list > li .top .name p, ul#my-address-list > li .top .name p a {font-size: 21px; line-height: 25px; color: #000;}
ul#my-address-list > li .top .name p a:hover {text-decoration: underline;}
ul#my-address-list > li .top .main-info {float: right; width: 25%;}
ul#my-address-list > li .top .main-info p {font-family: 'LightFont'; color: #808184; font-size: 21px; line-height: 25px; text-align: right;}
ul#my-address-list > li .top .main-info.type2 p {font-family: 'GeneralFont'; color: #000;}
ul#my-address-list > li p.description {font-family: 'LightFont'; color: #808184; font-size: 18px; line-height: 23px; width: 70%;}
ul#my-address-list > li .my-address-btn-container {position: absolute; right: 0;bottom: 30px;}
ul#my-address-list > li a.delete-address {cursor: pointer; background: none; color: #808184; box-sizing: border-box; border: 2px solid #cfcfcf; font-size: 16px; line-height: 16px; padding: 12px 25px;}
ul#my-address-list > li a.delete-address:hover {text-decoration: none; background: #808184; color: #fff;}
ul#my-address-list > li > a:hover, ul#my-address-list > li > a:hover .name p {color: #808184;}
ul#my-address-list.clickable > li.active, ul#my-address-list.clickable > li.active:hover {border: 2px solid #808184; background: #fff;}
ul#my-address-list.clickable > li p.description {width: 100%;}

ul.my-order-list {float: left; width: 100%; position: relative;}
ul.my-order-list > li {margin-bottom: 15px;}
ul.my-order-list > li:last-child {margin-bottom: 0;}
ul.my-order-list > li .title {float: left; width: 100%; position: relative; cursor: pointer; box-sizing: border-box; padding: 12px 0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; color: #000; font-size: 18px; line-height: 23px; background: url(../images/icon/arrow-down-3.png) no-repeat 98% center;
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 .title:hover {color: #555;}
ul.my-order-list > li .title.active {background: url(../images/icon/arrow-up-3.png) no-repeat 98% center;}
ul.my-order-list > li .title .inv-no {float: left; width: 20%; padding-right: 30px; box-sizing: border-box;}
ul.my-order-list > li .title .inv-date {float: left; width: 18%; padding-right: 30px; box-sizing: border-box;}
ul.my-order-list > li .title .inv-status {float: left; width: 60%; padding-right: 30px; box-sizing: border-box;}
ul.my-order-list > li .detail {padding: 20px 0; display: none;}

ul.my-order-detail-list {float: left; width: 100%; position: relative;}
ul.my-order-detail-list > li {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #cfcfcf;}
ul.my-order-detail-list > li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
ul.my-order-detail-list > li .img-wrap {float: left; width: 28%;}
ul.my-order-detail-list > li .img-wrap img {display: block; width: 100%;}
ul.my-order-detail-list > li .desc-wrap {float: right; width: 67%;}
ul.my-order-detail-list > li .desc-wrap h4 {margin-bottom: 0;}
ul.my-order-detail-list > li .desc-wrap .desc-section {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cfcfcf; position: relative;}
ul.my-order-detail-list > li .desc-wrap .desc-section:last-child, ul.my-order-detail-list > li .desc-wrap .desc-section.no-brd {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
ul.my-order-detail-list > li .desc-wrap .desc-section .price-info {font-family: 'BoldFont'; color: #808184; font-size: 18px; line-height: 23px; position: absolute; bottom: 15px; right: 0;}
ul.my-order-detail-list > li .desc-wrap .desc-section p.small-info {font-family: 'TitleFont'; font-size: 14px; line-height: 18px; color: #808184; max-width: 70%;}
ul.my-order-detail-list > li .desc-wrap .desc-section .total-info {float: left; width: 100%; position: relative; font-family: 'TitleFont'; color: #000; font-size: 18px; line-height: 23px;}
ul.my-order-detail-list > li .desc-wrap .desc-section .total-info .caption {float: left; width: 70%; box-sizing: border-box; padding-right: 30px;}
ul.my-order-detail-list > li .desc-wrap .desc-section .total-info .caption p.small-info {padding-left: 10px; font-size: 13px; max-width: 100%; margin-bottom: 3px;}
ul.my-order-detail-list > li .desc-wrap .desc-section .total-info .value {float: right; width: 30%; box-sizing: border-box; text-align: right;}

.gen-form.my-account-form img#wait-img {margin-top: 0; margin-left: 15px;}

@media only screen and (max-width: 1200px) {
	ul.my-order-list > li .title .inv-no, ul.my-order-list > li .title .inv-date, ul.my-order-list > li .title .inv-status {width: 100%;}
}

@media only screen and (max-width: 1024px) {
	#account-sidebar-col {width: 35%;}
	#account-content-col {width: 55%;}
	ul.account-nav-list > li > a {font-size: 18px; line-height: 23px;}
	
	.gen-form.my-account-form .gf-float.gf-80, .gen-form.my-account-form .gf-float.gf-60, .gen-form.my-account-form .gf-float.gf-30, .gen-form.my-account-form .gf-float.gf-20, .gen-form.my-account-form .gen-form-row.half {width: 100%; padding-right: 0;}
	.gen-form.my-account-form .gf-float.gf-spec-btn {margin-top: 7px; width: 225px;}
	.gen-form.my-account-form input[type="text"].half, .gen-form.my-account-form input[type="email"].half, .gen-form.my-account-form input[type="password"].half,
	.gen-form.my-account-form input[type="text"].twothird, .gen-form.my-account-form input[type="email"].twothird, .gen-form.my-account-form input[type="password"].twothird	{width: 100%;}	
	.gen-form-row.with-inl-info {margin-bottom: 0;}
	
	ul#my-address-list > li {padding-bottom: 80px;}
	ul#my-address-list > li .my-address-btn-container {right: auto; left: 0;}
	ul#my-address-list > li a.delete-address {padding: 10px 15px; font-size: 15px;}
	ul#my-address-list > li p.description {width: 100%;}
	
	ul.my-order-detail-list > li .desc-wrap a.gen-btn.wide {min-width: 250px; max-width: 100%;}
	ul.my-order-detail-list > li .desc-wrap .desc-section .total-info .caption {width: 50%;}
	ul.my-order-detail-list > li .desc-wrap .desc-section .total-info .value {width: 50%;}
	
	p#work-hour span {display: block;}
	p#work-hour span.resp {display: none;}
}

@media only screen and (max-width: 768px) {
	ul.my-order-detail-list > li .img-wrap {width: 20%;}
	ul.my-order-detail-list > li .desc-wrap {width: 75%;}
	ul.my-order-detail-list > li .desc-wrap.desc-total {width: 100%;}
	
	ul#my-address-list.two-cols > li {width: 100%; margin-right: 0;}
}

@media only screen and (max-width: 600px) {
	#account-sidebar-col {display: none;}
	#account-content-col {width: 100%;}
	
	form.gen-form.gen-request-form input[type="text"].half, form.gen-form.gen-request-form .styled-select-wrapper.half {width: 100%;}
	form.gen-form.gen-request-form input[type="submit"], .gen-form.my-account-form input[type="submit"], .gen-form.my-account-form input[type="button"] {width: 100%;}
	
	.gen-form.my-account-form img#wait-img {position: absolute; top: 60px; left: 46%; transform: translateX(-46%);}
}
/* /MY ACCOUNT */


/* CAREER */
#career-top {padding: 100px 80px; background-size: cover !important; min-height: 300px; position: relative;}
#career-top img.bg {display: none;}
#career-top .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3);}
#career-top .cover .quote {position: absolute; width: 80%; left: 50%; bottom: 50px; transform: translateX(-50%); box-sizing: border-box; padding: 30px; background: rgba(255, 255, 255, 0.75); font-size: 20px; line-height: 25px; font-family: 'TitleFont'; font-weight: bold; text-align: center;}
#career-top-title {text-align: center; margin-bottom: 120px;}
#career-top-title h2, #career-top-title p {color: #fff; font-family: 'TitleFont';}
#career-top-title h2 {margin-bottom: 0; font-size: 50px; line-height: 56px;}
#career-top-title p {margin-bottom: 0; font-size: 24px; line-height: 28px;}
#search-career-form input[type="text"] {padding-left: 50px; background: url(../images/icon/lup.png) no-repeat 15px center #fff; width: 100%; padding-top: 20px; padding-bottom: 20px; font-family: 'TitleFont';}
#search-career-form .styled-select-wrapper {padding-left: 35px; background: url(../images/icon/location-2.png) no-repeat 15px center, url(../images/icon/arrow-down.png) no-repeat 95% center #fff; padding-top: 12px; padding-bottom: 12px;}
#search-career-form input[type="text"]::-webkit-input-placeholder {color: #000;}
#search-career-form input[type="text"]::-moz-input-placeholder {color: #000;}
#search-career-form input[type="text"]::-ms-input-placeholder {color: #000;}
#search-career-form input[type="submit"] {padding-top: 21px; padding-bottom: 21px;}

#career-search-result {margin-top: 60px;}
ul#career-result-list {float: left; width: 100%; position: relative;}
ul#career-result-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px;}
ul#career-result-list > li:nth-child(4n) {margin-right: 0;}
ul#career-result-list > li:nth-child(4n + 1) {clear: both;}
ul#career-result-list > li .inner {padding: 20px; border: 1px solid #000; min-height: 240px;}
ul#career-result-list > li h5 {font-size: 20px; line-height: 25px;}
ul#career-result-list > li p {font-size: 17px; line-height: 22px; font-family: 'TitleFont';}
ul#career-result-list > li p a {font-size: 15px; line-height: 22px; color: #808184; font-style: italic;}
.c-icon {margin-top: 15px; margin-bottom: 15px;}
.c-icon.no-mt {margin-top: 0;}
.c-icon p {margin-right: 25px; display: inline-block; font-size: 15px !important; line-height: 22px !important; font-family: 'TitleFont' !important;}
.c-icon p:last-child {margin-right: 0;}
.c-icon p.typ {padding-left: 27px; background: url(../images/icon/career-type.png) no-repeat left top;}
.c-icon p.loc {padding-left: 20px; background: url(../images/icon/location-2.png) no-repeat left center; background-size: auto 19px;}
ul#career-result-list > li a.gen-btn {font-size: 15px; line-height: 20px;}

ul#brcrumb-list {float: left; width: 100%; position: relative; margin-bottom: 40px;}
ul#brcrumb-list > li {float: left; margin-right: 7px;}
ul#brcrumb-list > li:last-child {margin-right: 0;}
ul#brcrumb-list > li > a {font-size: 20px; line-height: 25px; color: #808184; font-family: 'TitleFont';}
ul#brcrumb-list > li > a:hover {color: #333; text-decoration: none;}
ul#brcrumb-list > li > a.sep, ul#brcrumb-list > li > a.sep:hover, ul#brcrumb-list > li > a.active, ul#brcrumb-list > li > a.active:hover {color: #000;}

#career-desc-1 {float: left; width: 47%;}
#career-desc-2 {float: right; width: 47%;}

.gen-form.gen-request-form label.form-label {font-size: 20px; line-height: 23px;}
.gen-form.gen-request-form input[type="text"], .gen-form.gen-request-form input[type="email"], .gen-form.gen-request-form textarea {border: 1px solid transparent; border-bottom: 1px solid #cfcfcf; width: 100%; color: #000;}
.gen-form.gen-request-form textarea {border: 1px solid #cfcfcf;}
.gen-form.gen-request-form input[type="text"].half, .gen-form.gen-request-form input[type="email"].half, .gen-form.gen-request-form textarea.half {width: 50%;}
.gen-form.gen-request-form .styled-select-wrapper {width: 100%;}
.gen-form.gen-request-form .styled-select-wrapper.half {width: 50%;}

@media only screen and (max-width: 1024px) {
	#career-top {padding: 60px;}
	#career-top-title {margin-bottom: 80px;}
	
	#search-career-form .gen-form-row {width: 50%;}
	#search-career-form .gen-form-row:nth-child(2) {padding-right: 0;}
	#search-career-form .gen-form-row:nth-child(3) {width: 100%;}
	
	ul#career-result-list > li {float: left; width: 32%; margin-right: 2%;}
	ul#career-result-list > li:nth-child(4n) {margin-right: 2%;}
	ul#career-result-list > li:nth-child(4n + 1) {clear: none;}
	ul#career-result-list > li:nth-child(3n) {margin-right: 0;}
	ul#career-result-list > li:nth-child(3n + 1) {clear: both;}
}

@media only screen and (max-width: 768px) {
	ul#career-result-list > li {float: left; width: 48%; margin-right: 4%;}
	ul#career-result-list > li:nth-child(3n) {margin-right: 4%;}
	ul#career-result-list > li:nth-child(3n + 1) {clear: none;}
	ul#career-result-list > li:nth-child(2n) {margin-right: 0;}
	ul#career-result-list > li:nth-child(2n + 1) {clear: both;}	
	ul#career-result-list > li .inner {min-height: 300px;}
	
	#career-top .cover .quote {font-size: 18px; line-height: 23px;}
	
	.gen-form.gen-request-form input[type="text"].half, .gen-form.gen-request-form input[type="email"].half, .gen-form.gen-request-form .styled-select-wrapper.half {width: 100%;}
}

@media only screen and (max-width: 600px) {	
	#career-top {padding-left: 40px; padding-right: 40px;}
	#search-career-form .gen-form-row {width: 100%; padding-right: 0; margin-bottom: 10px;}
	#search-career-form input[type="text"] {padding-top: 15px; padding-bottom: 15px;}
	#search-career-form .styled-select-wrapper {padding-top: 7px; padding-bottom: 7px;}
	#search-career-form input[type="submit"] {padding-top: 16px; padding-bottom: 16px;}

	ul#career-result-list > li {float: left; width: 100%; margin-right: 0;}	
	ul#career-result-list > li .inner {min-height: 200px;}	
	
	#career-desc-1, #career-desc-2 {width: 100%; float: none;}
	#career-desc-1 {margin-bottom: 40px;}
	
	#career-top .cover .quote {font-size: 16px; line-height: 21px; bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	
	.gen-form.gen-request-form label.form-label {font-size: 18px; line-height: 23px;}
	.gen-form.gen-request-form .label-cont {width: 80%;}
	.gen-form.gen-request-form .sep-cont {width: 10%;}
	
}
/* /CAREER */


/* HELP */
#help-col-1, #help-col-2 {float: left; width: 50%; box-sizing: border-box; padding: 0 40px; min-height: 275px; text-align: center;}
#help-col-2 {border-left: 1px solid #cfcfcf;}
ul.help-list {}
ul.help-list > li > a {color: #000; font-family: 'TitleFont'; font-size: 20px; line-height: 25px;}
ul.help-list > li > a:hover {text-decoration: none; color: #808184;}

@media only screen and (max-width: 1024px) {
	#help-col-1, #help-col-2 {width: 100%; padding: 0; border: none; text-align: left; min-height: auto;}
	#help-col-1 {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #cfcfcf;}
}
/* /HELP */

/* BLOG */
#blog-sfw {padding: 80px 0;}

#blog-sidebar-container {float: left; width: 26%;}
#blog-category-container {}
ul#blog-category-list {float: left; width: 100%; position: relative;}
ul#blog-category-list > li {padding-left: 15px; margin-bottom: 5px;}
ul#blog-category-list > li:last-child {margin-bottom: 0;}
ul#blog-category-list > li > a {font-size: 17px; line-height: 23px; color: #808184;}
ul#blog-category-list > li > a:hover {color: #000; text-decoration: none;}
ul#blog-category-list > li > a.active, ul#blog-category-list > li > a.active:hover {color: #000; font-family: 'BoldFont';}

.sidebar-container {margin-top: 30px; padding-top: 30px; border-top: 1px solid #9f9f9f;}
.sidebar-container.no-mt {margin-top: 0; padding-top: 0;}
.sidebar-container.no-brd {border-top: 0;}
.sidebar-container h5 {margin-bottom: 10px;}
ul#blog-favorite-list {float: left; width: 100%; position: relative; margin-top: 15px;}
ul#blog-favorite-list > li {margin-bottom: 40px; padding-left: 15px;}
ul#blog-favorite-list > li:last-child {margin-bottom: 0;}
ul#blog-favorite-list > li .img-wrap {float: left; width: 45%;}
ul#blog-favorite-list > li .img-wrap img {width: 100%; display: block;}
ul#blog-favorite-list > li .description {float: right; width: 48%;}
ul#blog-favorite-list > li .description h5, ul#blog-favorite-list > li .description h5 a {font-size: 18px; line-height: 22px; color: #000; margin-bottom: 3px;}
ul#blog-favorite-list > li .description h5 a:hover {color: #605e5f; text-decoration: none;}
ul#blog-favorite-list > li .description p {font-size: 14px; line-height: 14px; color: #808184;}
ul#blog-favorite-list > li .description p.post-date {margin-top: 12px; text-align: right; color: #000;}

ul#blog-archive-list {float: left; width: 100%; position: relative;}
ul#blog-archive-list > li {padding-left: 15px; margin-bottom: 5px;}
ul#blog-archive-list > li:last-child {margin-bottom: 0;}
ul#blog-archive-list > li a {font-size: 17px; line-height: 23px; color: #808184;}
ul#blog-archive-list > li a:hover {color: #000; text-decoration: none;}
ul#blog-archive-list > li a.active, ul#blog-archive-list > li a.active:hover {color: #000; font-family: 'BoldFont';}

#blog-list-container {float: right; width: 68%;}
ul#blog-list {float: left; width: 100%; position: relative;}
ul#blog-list > li {float: left; width: 47%; margin-right: 6%; margin-bottom: 40px;}
ul#blog-list > li:nth-child(2n) {margin-right: 0;}
ul#blog-list > li:nth-child(2n + 1) {clear: both;}
ul#blog-list > li .img-wrap {width: 100%; position: relative; background-size: cover !important;}
ul#blog-list > li .img-wrap img {display: none;}
ul#blog-list > li .img-wrap .cover {position: absolute; width: 100%; height: 100%; z-index: 500; background: rgba(255, 255, 255, 0.7);}
ul#blog-list > li .img-wrap .cover h4, ul#blog-list > li .img-wrap .cover h5 {position: absolute; width: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #000;}

#blog-feat-img-wrap {text-align: center; margin-top: 25px; margin-bottom: 15px;}
#blog-feat-img-wrap img {margin: 0 auto; max-width: 100%;}
#blog-add-det {padding-left: 0;}
#blog-add-det p {color: #808184;}
#blog-add-det p.date {font-size: 14px;}

#blog-detail-sfw {padding: 80px 0; background: #fff;}

@media only screen and (max-width: 1024px) {
	.sidebar-container h4 {font-size: 22px; line-height: 26px;}
	ul#blog-favorite-list > li .img-wrap {width: 100%; margin-bottom: 10px;}
	ul#blog-favorite-list > li .description {float: left; width: 100%;}
}

@media only screen and (max-width: 768px) {
	#blog-list-container, #blog-sidebar-container {width: 100%; margin: 0;}
	#blog-list-container {margin-bottom: 40px;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {		
	ul#blog-favorite-list > li {float: left; width: 46%; margin-right: 8%; padding-left: 0;}
	ul#blog-favorite-list > li:nth-child(2n) {margin-right: 0;}
	ul#blog-favorite-list > li:nth-child(2n + 1) {clear: both;}
	ul#blog-favorite-list > li .img-wrap {width: 45%;}
	ul#blog-favorite-list > li .description {float: right; width: 50%;}
}

@media only screen and (max-width: 480px) {	
	ul#blog-list > li {width: 100%; margin-right: 0;}
}
/* /BLOG */


/* FOOTER */
#footer {background: #000000; padding: 60px 0 30px 0;}
#footer-col-1 {float: left; width: 23%; box-sizing: border-box; padding-right: 30px;}


#footer-col-2 {float: left; width: 32%; box-sizing: border-box; padding-right: 30px;}
p.ficon, p.ficon a {color: #fff !important; text-decoration: none; margin-bottom: 25px; font-family: 'LightFont';}
p.ficon.no-mb {margin-bottom: 0;}
p.ficon.address {padding-left: 35px; background: url(../images/icon/location.png) no-repeat left 1px;}
p.ficon.phone {padding-left: 35px; background: url(../images/icon/phone.png) no-repeat left 1px;}

#footer-col-3 {float: left; width: 17%; box-sizing: border-box; padding-right: 15px;}
ul.footer-nav-list > li {}
ul.footer-nav-list > li > a {color: #fff; font-size: 18px; line-height: 23px; font-family: 'LightFont';}
ul.footer-nav-list > li > a:hover {color: #808184; text-decoration: none;}

#footer-col-4 {float: left; width: 18%; box-sizing: border-box; padding-right: 15px;}

#footer-col-5 {float: left; width: 10%; box-sizing: border-box;}
ul.footer-socmed-list {float: left; width: 100%; position: relative;}
ul.footer-socmed-list > li {float: left; margin-right: 5px;}
ul.footer-socmed-list > li:last-child {margin-right: 0;}
ul.footer-socmed-list > li img {height: 18px; display: block;
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-socmed-list > li img:hover {opacity: 0.75;}

#copyright {margin-top: 50px;}
#copyright p {font-family: 'LightFont'; color: #fff; text-align: center;}
#copyright p a {color: #fff; font-size: 18px; line-height: 23px;}

@media only screen and (max-width: 1200px) {
	#footer {padding-top: 40px;}
	#footer-col-1 {width: 100%; text-align: center; margin-bottom: 40px;}
	#footer-col-1 img {margin: 0 auto;}
	
	#footer-col-2 {width: 35%;}
	#footer-col-3, #footer-col-4 {width: 25%;}
	#footer-col-5 {width: 15%;}
}

@media only screen and (max-width: 1024px) {
	#footer-col-2 {width: 50%;}
	#footer-col-5 {clear: both; width: 100%; text-align: center; margin-top: 40px;}
	ul.footer-socmed-list {float: none; width: auto; display: inline-block; margin: 0 auto;}
	#copyright {margin-top: 5px;}
	#copyright p, #copyright p a {font-size: 14px; line-height: 18px;}
}

@media only screen and (max-width: 768px) {
	#footer-col-2 {width: 100%; clear: both; margin-bottom: 40px;}
	#footer-col-2 p.ficon {float: left; box-sizing: border-box;}
	#footer-col-2 p.ficon.address {width: 65%; margin-bottom: 0;}
	#footer-col-2 p.ficon.phone {float: right; text-align: right;}
	
	#footer-col-3, #footer-col-4 {float: left; width: 40%;}
	#footer-col-5 {clear: none; width: 20%; margin-top: 0; text-align: left;}
	ul.footer-socmed-list {float: left; width: 100%; display: block; margin: auto;}
	#copyright {margin-top: 50px;}
}

@media only screen and (max-width: 600px) {
	#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4, #footer-col-5 {width: 100%; text-align: left;}
	#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4 {margin-bottom: 40px;}
	#footer-col-2 p.ficon.address, #footer-col-2 p.ficon.phone {text-align: left; float: none; width: 100%;}
	#footer-col-2 p.ficon.address {margin-bottom: 25px;}
}
/* /FOOTER */


/* PAGINATION */
.pagination-container {margin-top: 15px;}
.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: 18px; line-height: 18px; color: #000; display: inline-block; font-family: 'BoldFont'; border: 1px solid transparent; padding: 8px 10px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.pagination-list li a:hover {text-decoration: none; border: 1px solid #000;}
.pagination-list li a.active, .pagination-list li a.active:hover {background: #000; color: #fff;}

@media only screen and (max-width: 480px) {
	.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 */

/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: #7f7f7f; opacity: 0.5; z-index: 10000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 42%; padding: 30px; background: #000; z-index: 10001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 30px; line-height: 35px; font-family: 'TitleFont' !important; text-transform: uppercase; margin-bottom: 5px; color: #fff;}
.notification-content p, .notification-content2 p {font-size: 17px; line-height: 22px; margin-bottom: 0px; font-family: 'GeneralFont'; color: #fff;}
.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 top;}
.notification-btn, .notification-btn2 {display: inline-block; margin: 0 auto; margin-top: 20px; padding: 5px 15px; background: #d8d8d8; color: #000000; 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: #e8e8e8; cursor: pointer; text-decoration: none; color: #000;}

.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: 767px) {
	.notification-content, .notification-content2 {margin-top: 35%;}
}




/* 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%);}
p span.small {font-size: 16px;}
/* /ADDITIONAL */