/* 
Main Stylesheet
Created By: Flimmerce (http://flimmerce.com)
Copyright © 2016 Flimmerce
*/


/* INITIAL CSS */
body {color: #484848; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/bg/main-bg.jpg) no-repeat center center fixed;
background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }

h1, h2, h3, h4, h5, h6 {font-weight: 100;}
h1 {font-size: 30px; line-height: 38px; margin-bottom: 6px;}
h2 {font-size: 26px; line-height: 34px; margin-bottom: 6px;}
h3 {font-size: 22px; line-height: 30px; margin-bottom: 6px;}
h4 {font-size: 18px; line-height: 26px; margin-bottom: 6px;}
h5 {font-size: 14px; line-height: 22px; margin-bottom: 6px;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb {margin-bottom: 0px;}
p, p a {font-size: 16px; color: #484848; line-height: 26px;}
a {color: #ed1c24; font-size: 16px; line-height: 26px; text-decoration: none;}
a:hover {color: #ff858a; text-decoration: underline;}
a.pt {cursor: pointer;}
a.no-td:hover {text-decoration: none !important;}
small {font-size: 13px;}
.ft-hard {font-family: 'BoldFont', Arial, Verdana;}
.ft-light {font-family: 'LightFont', Arial, Verdana;}

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

img.full-width {width: 100%;}
.cl-secondary {color: #ed1c24;}
.cl-tertiary {color: #293790;}

.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 !important;}
.cl-white a, .cl-white a:hover {color: #fff !important;}
.cl-white a:hover {text-decoration: underline !important;}

img.gen-img {max-width: 100%;}
.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%;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
#header, #content, #footer {width: 100%; float: left; position: relative;}
.sec-full-width {width: 100%; float: left; position: relative;}
.wrap {width: 1100px; margin: 0 auto; position: relative;}
@media only screen and (max-width: 1100px) {
	.wrap {width: 93.75%;}
}

.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: 16px; color: #484848; 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 a {color: #ed1c24;}
.wysiwyg-content a:hover {color: #ff858a; text-decoration: underline;}
.wysiwyg-content.white a {color: #f49a89;}
.wysiwyg-content.white a:hover {color: #915f3d;}
.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: 45px;}
.wysiwyg-content ol li {list-style-type: decimal; margin-left: 45px;}

.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 */

/* FORM */
label.error {display: block; margin-top: 5px; font-size: 13px; line-height: 19px; color: #df0024; font-family: 'BoldFont';}
.gen-form {}
.gen-form .req {color: #f49a89;}
.gen-form-row {width: 100%; float: left; margin-bottom: 17px;}
.gen-form label.form-label{color: #484848; font-size: 16px; line-height: 26px; display: block; margin-bottom: 5px;}
.gen-form label.form-label.inline {display: inline; margin: 0;}
.gen-form input[type="text"], .gen-form input[type="password"], .gen-form textarea, ul#sc-content-list .prod-detail input[type="text"] {border: 1px solid #cfcfcf; background: #fff; padding: 8px 2%; font-family: 'GeneralFont', Arial, Verdana; color: #484848; width: 60%; font-size: 16px; line-height: 24px;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.gen-form input[type="text"]:hover, .gen-form input[type="text"]:focus, .gen-form input[type="password"]:hover, .gen-form input[type="password"]:focus, .gen-form textarea:hover, .gen-form textarea:focus, .gen-form select:hover, .gen-form select:focus {background: #fafafa; outline: 0;}
.gen-form input[type="text"].readonly {cursor: not-allowed; background: #e8e8e8; color: #555;}
.gen-form textarea {width: 96%;}
a.gen-btn {display: inline-block;}
.gen-btn.na, .gen-btn.na :hover {background: #353535 !important; color: #fff; cursor: default;}
.gen-form input[type="submit"], a.gen-btn {background: #293790; text-align: center; color: #fff; font-size: 15px; font-family: 'BoldFont'; cursor: pointer; border: none; padding: 10px 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, a.gen-btn:hover {background: #7a85cc; color: #fff; text-decoration: none;}
::-webkit-input-placeholder { color: #8f8f8f; }
::-moz-placeholder { color: #8f8f8f; opacity: 1.0;}
:-ms-input-placeholder { color: #8f8f8f; }
.gen-form-row span.req {color: #f49a89;}
.gen-form select {padding: 10px 8px; font-size: 16px; line-height: 26px; font-family: 'GeneralFont', Arial, Verdana; color: #484848; width: 60%; background: #fff; border: 1px solid #cfcfcf;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
textarea.no-resize {resize: none !important;}
.gen-form input[type="checkbox"] {margin-top: 12px;}

.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {display:inline-block; padding: 5px 5px 5px 25px; font-size: 16px; line-height: 22px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left center; }
.radio-toolbar input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left center; }

.gen-form .input-file-wrap {cursor: pointer; width: 60%; padding: 8px 2%; background: url(../images/icon/file-upload.png) no-repeat 96% #fff; border: 1px solid #cfcfcf;
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: url(../images/icon/file-upload.png) no-repeat 96% #fff;
box-shadow: 0px 0px 10px #a8a8a8; -webkit-box-shadow: 0px 0px 10px #a8a8a8; -moz-box-shadow: 0px 0px 10px #a8a8a8; -o-box-shadow: 0px 0px 10px #a8a8a8;}
.gen-form .input-file-wrap input[type="file"] {display: none;}
.gen-form .input-file-wrap span {font-size: 16px; line-height: 26px;}


/* INLINE STYLE */
.gen-form.inline .label-cont {float: left; width: 32%;}
.gen-form.inline .sep-cont {float: left; width: 2%;}
.gen-form.inline .form-cont {float: left; width: 66%;}
.gen-form.inline .gen-form-row {margin-bottom: 12px;}
.gen-form.inline label.form-label {line-height: 35px;}
.gen-form.inline label.error {margin-bottom: 8px; margin-top: 5px;}
.gen-form.inline select {min-width: 50%;}
.gen-form.inline input[type="text"], .gen-form.inline input[type="password"], .gen-form.inline textarea {width: 60%;}
.gen-form.inline input.small {width: 30%;}
/* /INLINE STYLE */

/* /FORM */


/* HEADER */
#header-top {padding: 15px 0; background: #ed1c24;}
ul#header-top-nav-list > li {float: left;}
ul#header-top-nav-list > li a {color: #fff; font-size: 14.5px; 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;}
ul#header-top-nav-list > li a:hover {color: #fedcdd; text-decoration: none;}
ul#header-top-nav-list > li a.sep, ul#header-top-nav-list > li a.sep:hover {color: #fff; display: inline-block; margin: 0 15px;}

img#logo, img#logo2 {max-height: 83px;}
ul#header-top-account-nav-list {float: right;}
ul#header-top-account-nav-list > li {margin-right: 40px; float: left;}
ul#header-top-account-nav-list > li:last-child {margin-right: 0;}
ul#header-top-account-nav-list > li a {display: inline-block; line-height: 16px; color: #fff; font-size: 14.5px;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#header-top-account-nav-list > li a:hover {color: #fedcdd; text-decoration: none;}
ul#header-top-account-nav-list > li a.login {padding-left: 19px; background: url(../images/icon/login.png) no-repeat left center;}
ul#header-top-account-nav-list > li a.register {padding-left: 22px; background: url(../images/icon/register.png) no-repeat left center;}
ul#header-top-account-nav-list > li a.my-account {padding-left: 24px; background: url(../images/icon/my-account.png) no-repeat left center;}
ul#header-top-account-nav-list > li a.my-order {padding-left: 24px; background: url(../images/icon/my-order.png) no-repeat left center;}
ul#header-top-account-nav-list > li a.logout {padding-left: 22px; background: url(../images/icon/logout.png) no-repeat left center;}
ul#header-top-account-nav-list > li a.shopping-cart {padding-left: 22px; background: url(../images/icon/shopping-cart.png) no-repeat left center;}

#header-bottom {padding: 20px 0;}
ul#header-cat-nav-list {float: right; margin-top: 15px;}
ul#header-cat-nav-list > li {float: left; margin-right: 40px;}
ul#header-cat-nav-list > li:last-child {margin-right: 0;}
ul#header-cat-nav-list > li > a {color: #ed1c24; font-size: 17px; font-family: 'BoldFont'; line-height: 45px;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#header-cat-nav-list > li > a:hover {color: #ff858a; text-decoration: none;}

ul.header-subcat-nav-list {margin: 0; padding: 0; position: absolute; display: none; z-index: 300;}
ul.header-subcat-nav-list > li {}
ul.header-subcat-nav-list > li > a {display: block; padding: 8px 20px; background: #ed1c24; color: #fff; font-size: 15px; width: 150px;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.header-subcat-nav-list > li > a:hover {background: #ff858a; text-decoration: none;}

#gen-search-section {padding: 22px 0; background: #f0f3f6;}
#search-form {position: relative;}
#search-form input[type="text"] {background: #ffffff; border: 2px solid #efefef; font-size: 15px; color: #484848; padding: 10px 18px; margin-right: 10px; width: 500px;}
#search-form input[type="submit"] {padding: 10px 18px; border: 2px solid transparent; padding-left: 38px; background: url(../images/icon/search.png) no-repeat 10px center #293790;}
#search-form input[type="submit"]:hover {background: url(../images/icon/search.png) no-repeat 10px center #7a85cc;}

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

@media only screen and (max-width: 1100px) {
	#header-top-left-col, #header-top-right-col {width: 100%; margin: 0;}
	#header-top-left-col {margin-bottom: 30px; text-align: center;}
	ul#header-top-nav-list {display: inline-block; margin: 0 auto;}	
	#header-top-right-col {margin-bottom: 30px; text-align: center;}
	ul#header-top-account-nav-list {float: none; display: inline-block; margin: 0 auto;}
}

@media only screen and (max-width: 768px) {
	#header-top, #header-bottom {display: none;}
	#header-resp {display: block; padding: 20px 0; border-top: 3px solid #ed1c24;}
	#header-resp-top {display: block; padding: 15px 0 10px 0; background: #ed1c24;}
	
	ul.second-nav > li {margin-bottom: 5px;}
	ul.second-nav > li:last-child {margin-bottom: 0;}
	ul.second-nav > li > a{font-size: 16px; display: block; padding: 7px 3%; color: #fff; cursor: pointer; text-align: center; background: #ed1c24; font-family: 'BoldFont';}
	ul.second-nav > li > a:hover {text-decoration: none; background: #ff858a;}
	ul.second-sub-nav {background: #ed1c24; margin: 8px 0; display: none;}
	ul.second-sub-nav > li > a {display: block; padding: 7px; color: #fff; text-align: center; font-size: 16px;}
	ul.second-sub-nav > li > a:hover {text-decoration: none; background: #ff858a; color: #fff;}
}
/* /HEADER */


/* HOME */
.ptb60 {padding-top: 60px; padding-bottom: 60px;}
.mt50 {margin-top: 50px;}
h2.with-und {display: inline-block; padding-bottom: 10px; background: url(../images/bg/und.jpg) no-repeat center bottom; margin-bottom: 30px;}
h2.with-und.type2 {background: url(../images/bg/und.jpg) no-repeat left bottom; color: #cfcfcf; font-size: 24px; line-height: 30px;}
h2.gen-title-with-und {color: #ed1c24; display: inline-block; padding-bottom: 10px; background: url(../images/bg/und.jpg) no-repeat left bottom; margin-bottom: 30px; font-family: 'BoldFont';}

ul.product-list {}
ul.product-list.t-cols > li {float: left; width: 32%; margin-right: 2%; margin-bottom: 40px;}
ul.product-list.t-cols > li:nth-child(3n), ul.product-list.t-cols > li:last-child {margin-right: 0;}
ul.product-list > li {position: relative;}
ul.product-list > li .img-wrap {width: 100%; position: relative;}
ul.product-list > li .img-wrap img {width: 100%; height: 100%;}
ul.product-list > li .ribbon {position: absolute; top: 0; left: 0; display: inline-block; padding: 12px 20px; color: #fff; font-size: 14px;}
ul.product-list > li .ribbon.bestseller {background: #ed1c24;}
ul.product-list > li .ribbon.sale {background: #7a85cc;}
ul.product-list > li .ribbon.limited {background: #293790;}
ul.product-list > li .prod-price {position: absolute; width: 100%; background: #293790; bottom: 100px; opacity: 0;
transition: all 0.4s linear;  -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear;}
ul.product-list > li .prod-price.opened {bottom: 0; opacity: 1.0;}
ul.product-list > li .prod-price p {padding: 8px 18px; color: #fff; font-size: 17px; font-family: 'BoldFont';}
ul.product-list > li .prod-name {background: #ed1c24; padding: 8px 18px 5px 18px;}
ul.product-list > li .prod-name h3, ul.product-list > li .prod-name h3 a {font-size: 17px; line-height: 24px; color: #fff;}
ul.product-list > li .prod-detail {background: #f5fafd; padding: 12px 12px 12px 18px;}
ul.product-list > li .prod-detail .detail-1 {float: left; width: 70%;}
ul.product-list > li .prod-detail .detail-1 small, ul.product-list > li .prod-detail .detail-1 p {color: #ed1c24;}
ul.product-list > li .prod-detail .detail-2 {float: right;}
a.cart-btn {cursor: pointer; display: inline-block; width: 35px; height: 35px; background: url(../images/icon/shopping-cart-2.png) no-repeat center #293790;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a.cart-btn:hover {background: url(../images/icon/shopping-cart-2.png) no-repeat center #7a85cc; text-decoration: none;}
a.cart-btn.oos, a.cart-btn.oos:hover {cursor: default; background: url(../images/icon/shopping-cart-2.png) no-repeat center #bfbfbf;}

#banner-section {padding: 30px 0; background: #f0f3f6;}
ul#banner-list > li {float: left; width: 32%; margin-right: 2%;}
ul#banner-list > li:last-child {margin-right: 0;}
ul#banner-list > li img {width: 100%;}

ul.testimonial-list > li {float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;}
ul.testimonial-list > li:nth-child(2n), ul.testimonial-list > li:last-child {margin-right: 0;}
ul.testimonial-list > li .frame {border: 1px solid #293790; padding: 20px; padding-bottom: 35px; position: relative; margin-bottom: 8px;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
ul.testimonial-list > li .rating-frame {position: absolute; bottom: -18px; right: 20px; background: #293790; padding: 10px;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
ul.rating > li {float: left; width: 18px; height: 18px; margin-right: 8px; background: url(../images/icon/star.png) no-repeat center center;}
ul.rating > li:last-child {margin-right: 0;}
ul.testimonial-list > li p.name {font-size: 18px; line-height: 24px; color: #ed1c24;}

@media only screen and (max-width: 768px) {
	#search-form input[type="text"] {width: 300px;}
	
	ul.product-list.t-cols > li {width: 49%; margin-right: 2%;}
	ul.product-list.t-cols > li:nth-child(3n) {margin-right: 2%;}
	ul.product-list.t-cols > li:nth-child(3n + 1) {clear: none;}
	ul.product-list.t-cols > li:nth-child(2n) {margin-right: 0;}
	ul.product-list.t-cols > li:nth-child(2n + 1) {clear: both;}
}

@media only screen and (max-width: 600px) {
	#search-form input[type="text"] {width: 85%; padding-left: 3%; padding-right: 12%;}
	#search-form input[type="submit"] {position: absolute; top: 10px; right: -10px; background: none; width: 18px; height: 19px; background: url(../images/icon/search-2.png) no-repeat center center;}
	#search-form input[type="submit"]:hover {background: url(../images/icon/search-2-hover.png) no-repeat center center;}
	
	ul.testimonial-list > li {float: none; width: 100%; margin: 0; margin-bottom: 40px;}
}

@media only screen and (max-width: 480px) {	
	ul.product-list > li .prod-price p {font-size: 14px; line-height: 22px;}
	ul.product-list > li .prod-name h3, ul.product-list > li .prod-name h3 a {font-size: 14px; line-height: 22px;}
	ul.product-list > li .prod-detail .detail-1 p {font-size: 14px;}
	
	ul#banner-list > li {float: none; width: 100%; margin: 0; margin-bottom: 25px;}
	ul#banner-list > li:last-child {margin-bottom: 0;}
}
/* /HOME */


/* PAGES */
#breadcrumb-section {padding: 15px 0; background: #ed1c24;}

ul#breadcrumb-list > li {float: left; margin-right: 20px;}
ul#breadcrumb-list > li:last-child {margin-right: 0;}
ul#breadcrumb-list > li a {color: #fff; font-size: 17px;}
ul#breadcrumb-list > li a:hover {color: #fec8ca; text-decoration: none;}
ul#breadcrumb-list > li a.sep, ul#breadcrumb-list > li a.sep:hover {color: #fff;}
ul#breadcrumb-list > li a.active, ul#breadcrumb-list > li a.active:hover {font-family: 'BoldFont'; color: #fff;}

@media only screen and (max-width: 768px) {
	#sidebar-bestseller-container {display: none;}
}
/* /PAGES */


/* FAQ */
ul#faq-list > li {margin-bottom: 8px; width: 100%;}
ul#faq-list > li:last-child {margin-bottom: 0;}
ul#faq-list > li .no {float: left; width: 7%; background: #f5fafd; text-align: center;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#faq-list > li .question {float: left; font-size: 16px; line-height: 23px; width: 93%; background: url(../images/icon/arrow-right.png) no-repeat 97% center #f5fafd;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#faq-list > li .no .inner {font-size: 16px; line-height: 23px; color: #484848; padding: 10px 0; border-right: 1px solid #fff;}
ul#faq-list > li .question .inner {font-size: 16px; line-height: 23px; color: #484848; padding: 10px 0; padding-left: 18px;}
ul#faq-list > li .answer {margin-top: 15px; display: none;}

ul#faq-list > li .title-header {cursor: pointer}
ul#faq-list > li .title-header:hover .no {background: #c3dceb;}
ul#faq-list > li .title-header:hover .question {background: url(../images/icon/arrow-right.png) no-repeat 97% center #c3dceb;}
ul#faq-list > li .title-header.active .no, ul#faq-list > li .title-header.active:hover .no {background: #293790;}
ul#faq-list > li .title-header.active .question, ul#faq-list > li .title-header.active:hover .question {background: url(../images/icon/arrow-down-white.png) no-repeat 97% center #293790;}
ul#faq-list > li .title-header.active .no .inner, ul#faq-list > li .title-header.active .question .inner {color: #fff; font-family: 'BoldFont';}
/* /FAQ */


/* BLOG */
#blog-search-form {position: relative;}
#blog-search-form input[type="text"] {width: 80%; padding-left: 5%; padding-right: 15%;}
#blog-search-form input[type="submit"] {position: absolute; top: 10px; right: 3px; width: 18px; height: 19px; background: url(../images/icon/search-2.png) no-repeat center center;}
#blog-search-form input[type="submit"]:hover {background: url(../images/icon/search-2-hover.png) no-repeat center center;}
.bl-month {float: left; width: 80%;}
.bl-num {float: right; width: 10%; text-align: right;}
.bl-month a, .bl-num a {color: #564f55; font-size: 16px; line-height: 21px;}

ul#blog-list > li {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #afafaf;}
ul#blog-list > li:last-child {margin-bottom: 0; border-bottom: none;}
.blog-icon-list {margin-bottom: 15px;}
.blog-icon-list p {display: inline-block; font-family: 'ItalicFont'; margin-right: 50px; color: #ed1c24;}
.blog-icon-list p.category {padding-left: 30px; background: url(../images/icon/blog-category.png) no-repeat left center;}
.blog-icon-list p.date {padding-left: 27px; background: url(../images/icon/blog-date.png) no-repeat left center;}
.blog-icon-list p.author {padding-left: 27px; background: url(../images/icon/blog-author.png) no-repeat left center;}
.blog-icon-list p.view {padding-left: 35px; background: url(../images/icon/blog-view.png) no-repeat left center;}
.gen-img-wrap img {max-width: 100%;}

h3.blog-title, h3.blog-title a {font-size: 22px; line-height: 30px; font-family: 'BoldFont'; color: #ed1c24;}
h3.blog-title a {
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
h3.blog-title a:hover {text-decoration: none; color: #ff858a;}
a.blog-read-more {display: inline-block; padding-left: 42px; font-size: 16px; line-height: 30px; background: url(../images/icon/blog-read-more.png) no-repeat left center;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a.blog-read-more:hover {color: #ff858a; text-decoration: none;}

@media only screen and (max-width: 768px) {
	#blog-search-form input[type="text"] {width: 90%; padding-left: 3%; padding-right: 7%;}
	.blog-icon-list p {margin-right: 30px;}
}

@media only screen and (max-width: 480px) {
	#blog-search-form input[type="text"] {width: 85%; padding-left: 3%; padding-right: 12%;}
	.blog-icon-list p {display: block; margin-right: 0; margin-bottom: 8px;}
	
}
/* /BLOG */


/* PRODUCT */
#sort-product-form select {margin-right: 5px;}

#product-img-container {margin-bottom: 30px;}
#product-img-container-left {float: left; width: 65%;}
#product-img-container-left img {max-width: 100%;}

#product-img-container-right {float: right; width: 30%;}
.product-img-item {width: 100%; opacity: 0.5; cursor: pointer;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.product-img-item:hover {opacity: 0.8;}
.product-img-item.active, .product-img-item.active:hover {opacity: 1.0; cursor: default;}
.product-img-item img {max-width: 100%;}
.product-img-list .slick-prev, .product-img-list .slick-next {}
.product-img-list .slick-prev:before {content: ''; opacity: 0.25;}
.product-img-list .slick-next:before {content: '';}
.product-img-list .slick-prev {background: url(../images/icon/arrow-up.png) no-repeat left center; opacity: 0.75; top: -20px; left: 45%;}
.product-img-list .slick-next {background: url(../images/icon/arrow-down.png) no-repeat left center; opacity: 0.75; top: 104%; left: 45%;}
.product-img-list .slick-prev:hover, .product-img-list .slick-prev:focus {opacity: 1.0;}
.product-img-list .slick-next:hover, .product-img-list .slick-next:focus {opacity: 1.0;}
.product-img-list .slick-prev.slick-disabled, .product-img-list .slick-next.slick-disabled {opacity: 0.25;}

.gen-sep {height: 2px; background: #dfdfdf; margin-bottom: 20px;}
p.stock-av {color: #219d0d; font-family: 'BoldFont'; font-size: 20px;}
p.stock-av {color: #282828; font-family: 'BoldFont'; font-size: 20px;}
ul.prod-rating > li {float: left; margin-right: 5px; width: 18px; height: 18px; background: url(../images/icon/star-full.png) no-repeat center;}
ul.prod-rating > li:last-child {margin-right: 0;}
ul.prod-rating {margin-bottom: 15px;}

#prod-price-left {float: left; width: 50%;}
#prod-price-left .inner {border-right: 1px solid #dfdfdf; height: 70px; padding-right: 20px;}
#prod-price-left p {color: #ed1c24;}
#prod-price-left p.price {font-size: 24px; font-family: 'BoldItalicFont';}
#prod-price-left p.price span.disc {font-size: 15px; color: #484848; text-decoration: line-through; font-family: 'GeneralFont';}
#prod-price-right {float: right; width: 50%;}
#prod-price-right .inner {border-left: 1px solid #dfdfdf; height: 70px; padding-left: 20px; text-align: right;}
#prod-price-right p {color: #ed1c24;}
#prod-price-right p.price.reseller {display: inline-block; font-size: 24px; padding-bottom: 3px; border-bottom: 2px solid #ed1c24; font-family: 'BoldItalicFont';}

#prod-qty-select-form label {color: #ed1c24; font-size: 22px;}
#prod-qty-select-form input[type="text"] {width: 30px; padding-top: 8px; padding-bottom: 8px; background: #fff; border: 1px solid #bfbfbf;}
#prod-qty-select-form input[type="button"] {font-family: 'HardFont';}
#prod-qty-select-form .gen-btn {padding-top: 8px; padding-bottom: 8px; background: #ed1c24;}
#prod-qty-select-form .gen-btn:hover {background: #ff858a;}

.variant-container {float: left; margin-right: 80px; margin-top: 30px;}
ul.gen-variant-list {}
ul.gen-variant-list > li {float: left;}
ul.gen-variant-list > li:first-child {width: 100%; margin-bottom: 10px;}
ul.gen-variant-list > li:first-child span {font-size: 20px; color: #ed1c24;}
ul.gen-variant-list > li a {display: inline-block; padding: 8px 16px; background: #f5ccb0; font-size: 16px; color: #ed1c24; cursor: pointer;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.gen-variant-list > li a:hover {text-decoration: none; background: #ff858a; color: #fff;}
ul.gen-variant-list > li a.active, ul.gen-variant-list > li a.active:hover {cursor: default; background: #ed1c24; color: #fff; font-family: 'BoldFont';}

ul.prod-tab-list > li {float: left; margin-right: 80px;}
ul.prod-tab-list > li > a{display: inline-block; color: #ed1c24; font-size: 22px; padding-bottom: 5px;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.prod-tab-list > li > a:hover {text-decoration: none; color: #ff858a;}
ul.prod-tab-list > li.active a, ul.prod-tab-list > li.active a:hover {font-family: 'BoldItalicFont'; border-bottom: 2px solid #ed1c24; text-transform: uppercase; color: #ed1c24;}
#prod-tab-review {display: none;}
.prod-tab-content {margin-top: 25px;}

ul.prod-review-list > li {float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;}
ul.prod-review-list > li:nth-child(2n), ul.prod-review-list > li:last-child {margin-right: 0;}
ul.prod-review-list > li:nth-child(2n + 1) {clear: both;}
ul.prod-review-list > li .frame {border: 1px solid #293790; padding: 20px; padding-bottom: 35px; position: relative; margin-bottom: 8px;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
ul.prod-review-list > li .rating-frame {position: absolute; bottom: -18px; right: 20px; background: #293790; padding: 10px;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
ul.prod-review-list > li p.name {font-size: 18px; line-height: 24px;}

@media only screen and (max-width: 768px) {
	#sort-product-form select {width: 45%;}
	
	.variant-container  {margin-right: 0px;}
	#prod-price-left p.price, #prod-price-right p.price.reseller {font-size: 20px;}
}


@media only screen and (max-width: 600px) {
	ul.prod-review-list > li {float: none; width: 100%; margin: 0; margin-bottom: 40px;}
}

@media only screen and (max-width: 480px) {
	#sort-product-form  label {display: block; margin-bottom: 7px;}
	#sort-product-form select {width: 100%; margin-bottom: 12px; margin-right: 0;}
	
	#product-img-container-left, #product-img-container-right {width: 100%;}
	#product-img-container-left {margin-bottom: 20px;}
	.product-img-list .slick-prev {background: url(../images/icon/arrow-left-2.png) no-repeat left center; top: 100%; left: 42%;}
	.product-img-list .slick-next {background: url(../images/icon/arrow-right-2.png) no-repeat left center; top: 100%; left: 50%;}
	
	#prod-price-left, #prod-price-right {float: none; width: 100%; margin: 0;}
	#prod-price-left .inner, #prod-price-right .inner {border: none; padding: 0; text-align: left;}
	#prod-price-left .inner {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #bfbfbf;}
	
	.variant-container {float: none; width: 100%; margin-right: 0;}
	
	ul.prod-tab-list > li {margin: 0; width: 50%;}
}
/* /PRODUCT */


/* CONTACT */
#gmap-frame iframe {width: 100% !important; height: 400px !important;}
#contact-detail-section {padding: 60px 0; background: #f5fafd;}

#contact-left-section {float: left; width: 50%; background: #fff; min-height: 600px;}
#contact-left-section .inner {padding: 30px;}
/* #contact-left-section-sub1 {float: left; width: 45%;}
#contact-left-section-sub2 {float: right; width: 45%;} */
#contact-left-section-sub1 {margin-bottom: 35px;}
#contact-left-section p, #contact-left-section p a {font-size: 18px; line-height: 28px;}
#contact-left-section h3 {margin-bottom: 12px;}
p.with-icon {}
p.with-icon.phone {padding-left: 35px; background: url(../images/icon/phone.png) no-repeat left top;}
p.with-icon.email {padding-left: 38px; background: url(../images/icon/email.png) no-repeat left 5px;}
p.with-icon.website {padding-left: 35px; background: url(../images/icon/website.png) no-repeat left top; line-height: 27px;}

#contact-right-section {float: right; width: 50%; background: #293790; min-height: 600px;}
#contact-right-section .inner {padding: 30px;}

#contact-form .form-label {font-size: 18px; line-height: 26px; color: #fff;}
#contact-form span.req {color: #fff;}
#contact-form input[type="text"] {width: 94%; padding-left: 3%; padding-right: 3%;}
#contact-form input[type="submit"] {background: #ed1c24;}
#contact-form input[type="submit"]:hover {background: #ff858a;}
#contact-form label.error {color: #d2d8ff;}

@media only screen and (max-width: 768px) {
	#contact-left-section, #contact-right-section {float: none; width: 100%; margin: 0; min-height: 350px;}
}

@media only screen and (max-width: 480px) {
	#contact-left-section-sub1, #contact-left-section-sub2 {float: none; width: 100%; margin: 0;}
	#contact-left-section-sub1 {margin-bottom: 35px;}
	#contact-left-section .inner {padding-top: 40px; padding-bottom: 40px;}
}
/* /CONTACT */


/* SIDEBAR */
.sidebar-container {margin-bottom: 30px;}
.sidebar-container h5 {background: #293790; padding: 12px 18px; color: #fff; font-size: 16px; font-family: 'BoldFont'; margin-bottom: 0;}
ul.cat-list {}
ul.cat-list > li {border: 1px solid #afafaf; padding: 8px 18px; border-bottom: none;}
ul.cat-list > li:last-child {border-bottom: 1px solid #afafaf;}
ul.cat-list > li a {cursor: pointer; display: inline-block; color: #484848;}
ul.cat-list > li a.active {font-family: 'BoldFont'; color: #293790;}
ul.cat-list > li > a:hover {text-decoration: none; color: #7a85cc;}
ul.cat-list.no-bullet > li > a, ul.cat-list.no-bullet > li > a.active {background: none; padding-left: 0px;}

ul.subcat-list {display: none;}
ul.subcat-list.opened {display: block;}
ul.subcat-list > li {padding: 3px 15px 3px 18px;}
ul.subcat-list > li:last-child  {padding-bottom: 0;}
ul.subcat-list > li a {transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; background: none; padding-left: 0;}
ul.subcat-list > li a:hover {padding-left: 10px; text-decoration: none; color: #7a85cc;}
ul.subcat-list > li a.active, ul.subcat-list > li a.active:hover {padding-left: 0; background: none;}

.pd-list-item {position: relative;}
.pd-list-item .img-wrap {width: 100%; position: relative;}
.pd-list-item .img-wrap img {width: 100%; height: 100%;}
.pd-list-item .ribbon {position: absolute; top: 0; left: 0; display: inline-block; padding: 12px 20px; color: #fff; font-size: 14px;}
.pd-list-item .ribbon.bestseller {background: #ed1c24;}
.pd-list-item .ribbon.sale {background: #df0024;}
.pd-list-item .ribbon.limited {background: #293790;}
.pd-list-item .prod-price {position: absolute; width: 100%; background: #293790; bottom: 100px; opacity: 0;
transition: all 0.4s linear;  -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear;}
.pd-list-item .prod-price.opened {bottom: 0; opacity: 1.0;}
.pd-list-item .prod-price p {padding: 8px 18px; color: #fff; font-size: 18px; font-family: 'BoldFont';}
.pd-list-item .prod-name {background: #ed1c24; padding: 8px 18px 5px 18px;}
.pd-list-item .prod-name h3, .pd-list-item .prod-name h3 a {font-size: 17px; line-height: 24px; color: #fff;}
.pd-list-item .prod-detail {background: #f5fafd; padding: 12px 12px 12px 18px;}
.pd-list-item .prod-detail .detail-1 {float: left; width: 70%;}
.pd-list-item .prod-detail .detail-1 small, .pd-list-item .prod-detail .detail-1 p {color: #ed1c24;}
.pd-list-item .prod-detail .detail-2 {float: right;}
/* /SIDEBAR */


/* ACCOUNT */
#forgot-password-container {display: none;}

table.gen-table {width: 100%;}
table.gen-table thead , table.gen-table tfoot{background: #ed1c24; color: #fff;}
table.gen-table thead td {font-family: 'BoldFont', Arial, Verdana; font-size: 18px; line-height: 28px;}
table.gen-table thead, table.gen-table tr {border-top: 1px solid #dcdbdb;}
table.gen-table tr:last-child {border-bottom: 1px solid #dcdbdb;}
table.gen-table tr.understock td {background: #fbfac1;}
table.gen-table td .clr-red {color: #ff2222; font-weight: bold;}
table.gen-table tbody td {background: #fff; font-size: 16px; line-height: 26px;}
table.gen-table td{font-size: 15px; padding: 6px 8px; line-height: 23px; vertical-align: middle; border-left: 1px solid #dcdbdb;}
table.gen-table td:last-child {border-right: 1px solid #dcdbdb;}
table.gen-table .big {display: inline-block; padding: 7px 0px; font-size: 15px;}
table.gen-table tfoot td {font-size: 18px; line-height: 28px;}

.order-detail .status {font-size: 16px; display: inline-block; padding: 3px 8px; font-family: 'BoldFont';}
.order-detail .pending {color: #ec3939; border-top: 2px dotted #ec3939; border-bottom: 2px dotted #ec3939;}
.order-detail .waiting {color: #ed5d24; border-top: 2px dotted #ed5d24; border-bottom: 2px dotted #ed5d24;}
.order-detail .packing {color: #a86c3c; border-top: 2px dotted #a86c3c; border-bottom: 2px dotted #a86c3c;}
.order-detail .shipping {color: #5a95e6; border-top: 2px dotted #5a95e6; border-bottom: 2px dotted #5a95e6;}
.order-detail .complete {color: #2bc936; border-top: 2px dotted #2bc936; border-bottom: 2px dotted #2bc936;}
.order-detail .cancel {color: #212122; border-top: 2px dotted #212122; border-bottom: 2px dotted #212122;}

.order-detail .summary-1 {float: left; width: 48%;}
.order-detail .summary-2 {float: right;}

a.cancel-href {display: inline-block; margin-top: 20px; font-size: 14px;}
.cancel-form-container {display: none; margin-top: 3px;}
#cancel-form textarea {width: 96%; padding-left: 2%; padding-right: 2%; background: #fff;}
.cancel-form input[type="submit"] {background: #444; margin-top: 0px;}
.cancel-form input[type="submit"]:hover {background: #212122;}
p.cancel-note {padding: 8px 0; border-top: 1px dotted #afafaf; border-bottom: 1px dotted #afafaf; margin-top: 8px; margin-bottom: 30px;}

#change-account-form input[type="text"], #change-account-form textarea, #change-account-form select {width: 94% !important; padding-left: 3% !important; padding-right: 3% !important;}
#change-account-form input[type="text"].small {width: 50% !important;}

ul#my-order-list > li {margin-bottom: 8px; width: 100%;}
ul#my-order-list > li:last-child {margin-bottom: 0;}
ul#my-order-list > li .no {float: left; width: 7%; background: #f5fafd; text-align: center;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#my-order-list > li .order-number {float: left; font-size: 16px; line-height: 23px; width: 93%; background: url(../images/icon/arrow-right.png) no-repeat 97% center #f5fafd;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#my-order-list > li .no .inner {font-size: 16px; line-height: 23px; color: #484848; padding: 10px 0; border-right: 1px solid #fff;}
ul#my-order-list > li .order-number .inner {font-size: 16px; line-height: 23px; color: #484848; padding: 10px 0; padding-left: 18px;}
ul#my-order-list > li .order-detail {margin-top: 15px; display: none;}

ul#my-order-list > li .title-header {cursor: pointer}
ul#my-order-list > li .title-header:hover .no {background: #c3dceb;}
ul#my-order-list > li .title-header:hover .order-number {background: url(../images/icon/arrow-right.png) no-repeat 97% center #c3dceb;}
ul#my-order-list > li .title-header.active .no, ul#my-order-list > li .title-header.active:hover .no {background: #293790;}
ul#my-order-list > li .title-header.active .order-number, ul#my-order-list > li .title-header.active:hover .order-number {background: url(../images/icon/arrow-down-white.png) no-repeat 97% center #293790;}
ul#my-order-list > li .title-header.active .no .inner, ul#my-order-list > li .title-header.active .order-number .inner {color: #fff; font-family: 'BoldFont';}

@media only screen and (max-width: 768px) {
	.gen-form .input-file-wrap {width: 75% !important; padding-left: 3% !important; padding-right: 3% !important;}
}

@media only screen and (max-width: 480px) {
	.order-detail .summary-1, .order-detail .summary-2 {float: none; width: 100%; margin: 0; margin-bottom: 10px;}
	
	.gen-form .input-file-wrap {width: 94% !important; padding-left: 3% !important; padding-right: 3% !important;}
}
/* /ACCOUNT */


/* SHOPPING CART */
ul.shcart-sidebar-list {margin-bottom: 25px;}
ul.shcart-sidebar-list li {margin-bottom: 8px;}
ul.shcart-sidebar-list li a {display: block; width: 90%; padding: 12px 5%; background: #7a85cc; font-size: 16px; text-transform: uppercase; color: #fff; opacity: 0.3; cursor: default;}
ul.shcart-sidebar-list li a:hover {text-decoration: none;}
ul.shcart-sidebar-list li a.active, ul.shcart-sidebar-list li a.active:hover {color: #fff; background: #7a85cc; opacity: 1.0;}
ul.shcart-sidebar-list li a.active.complete, ul.shcart-sidebar-list li a.active.complete:hover {font-family: 'BoldFont', Arial, Verdana; background: #293790;} 

table.sc-table {width: 100%;}
table.sc-table td {vertical-align: middle;}
table.sc-table thead td {padding: 15px; font-size: 18px; color: #fff; line-height: 28px; border-left: 1px solid #afafaf; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; font-family: 'BoldFont', Arial, Verdana;
background: #ed1c24;}
table.sc-table thead td:last-child {border-right: 1px solid #afafaf;}
table.sc-table thead td.no-brd-left {border-left: none;}

table.sc-table td img {max-width: 50px;}
table.sc-table tbody td {padding: 15px; font-size: 16px; line-height: 26px; line-height: 21px; border-left: 1px solid #afafaf; background: #fff; color: #484848;}
table.sc-table tbody tr td:last-child {border-right: 1px solid #afafaf;}
table.sc-table tbody tr td.no-brd-left {border-left: none;}
table.sc-table tbody input[type="text"]{border: 1px solid #afafaf; font-family: 'GeneralFont', Arial, Verdana; color: #484848; width: 30px; font-size: 15px; line-height: 20px; text-align: center; padding: 12px; background: #fff;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; margin-bottom: 5px;}
table.sc-table tbody input[type="text"]:hover, table.sc-table tbody input[type="text"]:focus {background: #fff; outline: 0;
box-shadow: 0px 0px 10px #a8a8a8; -webkit-box-shadow: 0px 0px 10px #a8a8a8; -moz-box-shadow: 0px 0px 10px #a8a8a8; -o-box-shadow: 0px 0px 10px #a8a8a8;}
table.sc-table tbody tr {border-bottom: 1px solid #dfdfdf;} 
table.sc-table span.subtotal {margin-right: 20px;}
table.sc-table a.del {position: absolute; margin-left: -10px;}

table#grand-total-table {float: right; width: 400px;}
table#grand-total-table td {background: #ed1c24; color: #fff; padding: 15px 20px; font-size: 20px; line-height: 28px; border-bottom: 1px solid #fff;}
table#grand-total-table a.gen-btn {background: #ff858a;}
table#grand-total-table a.gen-btn:hover {background: #fda8ab;}

#shcart-conf-btn-container {margin-top: 20px;}
#ship-summary {float: left; width: 45%;}
#ship-selection {float: right; width: 45%;}
#register-cart-content {display: none;}

.shopping-cart-form.gen-form.inline .label-cont {float: left; width: 32%;}
.shopping-cart-form.gen-form.inline .sep-cont {float: left; width: 3%;}
.shopping-cart-form.gen-form.inline .form-cont {float: left; width: 65%;}
.shopping-cart-form input[type="text"], .shopping-cart-form input[type="password"], .shopping-cart-form textarea, .shopping-cart-form select {width: 94% !important; padding-left: 3% !important; padding-right: 3% !important;}
.shopping-cart-form input[type="text"].small {width: 40% !important;}

@media only screen and (max-width: 768px) {
	table.sc-table thead td:first-child, table.sc-table tbody td:first-child {display: none;}
	table.sc-table thead td:nth-child(2), table.sc-table tbody td:nth-child(2) {border-left: 1px solid #afafaf;}
	
	#ship-summary, #ship-selection {float: none; width: 100%; margin: 0;}
	#ship-summary {margin-bottom: 40px;}
	.shopping-cart-form input[type="text"].small {width: 60% !important;}
}

@media only screen and (max-width: 600px) {	
	#shcart-conf-btn-container .fl-left, #shcart-conf-btn-container .fl-right {float: none;}
	#shcart-conf-btn-container .fl-left {margin-bottom: 7px;}
	#shcart-conf-btn-container a.gen-btn {display: block;}
}

@media only screen and (max-width: 480px) {
	table#grand-total-table {float: none; width: 100%;}	
	
	.shopping-cart-form.gen-form.inline .label-cont {float: left; width: 35%;}
	.shopping-cart-form.gen-form.inline .sep-cont {float: left; width: 5%;}
	.shopping-cart-form.gen-form.inline .form-cont {float: left; width: 60%;}
	.account-form input[type="text"], .account-form input[type="password"], .account-form textarea, .account-form select {width: 94% !important; padding-left: 3px !important; padding-right: 3px !important;}
	.shopping-cart-form input[type="text"], .shopping-cart-form input[type="password"], .shopping-cart-form textarea, .shopping-cart-form select {width: 94% !important; padding-left: 3% !important; padding-right: 3% !important;}
}
/* /SHOPPING CART */


/* PAGINATION */
.pagination-container {margin-top: 15px;}
.pagination-list {}
.pagination-list li {float: left; margin-bottom: 5px; margin-right: 5px;}
.pagination-list li:last-child {margin-right: 0px;}
.pagination-list li a {font-family: 'GeneralFont', Arial, Verdana; display: inline-block; padding: 7px 15px; text-align: center; font-size: 16px; color: #fff; border: none; background: #ff858a;
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 {background: #ed1c24; text-decoration: none;}
.pagination-list li a.active, .pagination-list li a.active:hover {font-family: 'BoldFont'; color: #fff; background: #ed1c24;}

@media only screen and (max-width: 480px) {
	.pagination-container {float: none !important; text-align: center;}
	.pagination-list {display: inline-block; margin: 0 auto;}
}
/* /PAGINATION */


/* FOOTER */
#footer-top {padding: 50px 0; background: #353a3e;}
#footer-top p {margin-bottom: 10px;}

.ct-cap {display: inline-block; width: 75px;}

ul.gen-nav-list > li {margin-bottom: 7px;}
ul.gen-nav-list > li > a {color: #fff; font-size: 16px; display: inline-block;
transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.gen-nav-list > li > a:hover {color: #7a85cc; text-decoration: none; padding-left: 10px;}

.fb-like-box {background: #fff; width: 100% !important;}
.fb-like-box span, .fb-like-box iframe {width: 100% !important;}

ul#footer-socmed-list {}
ul#footer-socmed-list > li {float: left; margin-right: 6px;}
ul#footer-socmed-list > li:last-child {margin-right: 0;}
ul#footer-socmed-list > li a{display: block; width: 40px; height: 40px;}
ul#footer-socmed-list > li a.facebook {background: url(../images/icon/facebook.png) no-repeat center center;}
ul#footer-socmed-list > li a.facebook:hover {background: url(../images/icon/facebook-hover.png) no-repeat center center;}
ul#footer-socmed-list > li a.twitter {background: url(../images/icon/twitter.png) no-repeat center center;}
ul#footer-socmed-list > li a.twitter:hover {background: url(../images/icon/twitter-hover.png) no-repeat center center;}
ul#footer-socmed-list > li a.instagram {background: url(../images/icon/instagram.png) no-repeat center center;}
ul#footer-socmed-list > li a.instagram:hover {background: url(../images/icon/instagram-hover.png) no-repeat center center;}

#footer-bottom {padding: 12px 0 10px 0; background: #2e3336;}
#footer-bottom p {font-size: 14px; line-height: 20px;}
p#powered {text-align: right;}
p#powered a {color: #293790 !important; font-size: 16px; line-height: 23px;}

@media only screen and (max-width: 768px) {
	#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4 {width: 48%; margin: 0;}
	#footer-col-1, #footer-col-3 {margin-right: 4%;}
	#footer-col-1, #footer-col-2 {margin-bottom: 60px;}
	
	#footer-bottom-col-1, #footer-bottom-col-2 {width: 100%; margin: 0; text-align: center;}
	p#powered {text-align: center;}
}

@media only screen and (max-width: 480px) {
	#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4 {width: 100%; margin: 0;}
	#footer-col-1, #footer-col-2, #footer-col-3 {padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px dotted #fff;}
}
/* /FOOTER */


/* ADDITIONAL */
.gen-col.gc-sec {display: none;}
.sidebar-container {margin-bottom: 30px;}

@media only screen and (max-width: 768px) {
	.gen-col, .gen-col .col-pd-right, .gen-col .col-pd-right-2, .gen-col .col-pd-left, .gen-col .col-pd-left-2, .gen-col .col-pd-both, .gen-col .col-pd-both-2 {width: 100%; margin: 0; padding-left: 0; padding-right: 0;}
	.gen-col.mbtm20 {margin-bottom: 20px;}
	.gen-col.mbtm30 {margin-bottom: 30px;}
	.gen-col.mbtm40 {margin-bottom: 40px;}
	.gen-col.mbtm50 {margin-bottom: 50px;}
	
	.gen-col.gc-pri {display: none;}
	.gen-col.gc-sec {display: block;}
	.gen-col.with-brd-btm {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px dotted #bfbfbf;}
	.gen-col.with-brd-btm-2 {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #dfdfdf;}
}
/* /ADDITIONAL */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: url(../images/bg/overlay-bg.png); z-index: 10000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 45%; padding: 15px; background: #efefef; z-index: 10001; margin: 0 auto; margin-top: 20%; position: fixed; left: 50%; right: 50%; left: -300px; right: -300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;}
.notification-content h3, .notification-content2 h3 {font-size: 24px; line-height: 32px; font-weight: bold; padding-left: 32px; text-transform: uppercase; margin-bottom: 5px;}
.notification-content p, .notification-content2 p {padding-left: 3px; line-height: 26px; font-size: 18px; color: #444444; margin-bottom: 0px;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #444444;}

.notif-success, .notif-success2 {border: 3px solid #2A9C45;}
.notif-success h3, .notif-success2 h3  { background: url(../images/icon/success-notification.png) no-repeat left 2px; color: #2A9C45; }
.notif-failed, .notif-failed2 {border: 3px solid #C51D2A;}
.notif-failed h3, .notif-failed2 h3 { background: url(../images/icon/failed-notification.png) no-repeat left 2px; color: #C51D2A; }

.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%;}
}
/* OVERLAY NOTIFICATION */

/* /VARIANT */
ul.variant-list {display: inline-block; margin: 0 auto;}
ul.variant-list > li{float: left; margin-right: 5px;}
ul.variant-list a.active {background: #474747;}
ul.variant-list span {display: inline-block; padding: 10px 10px 10px 10px;}


ul.variant2-list {display:none;}
ul.variant2-list.active {display: inline-block; margin: 0 auto;}
ul.variant2-list > li{float: left; margin-right: 5px;}
ul.variant2-list a.active {background: #474747;}
ul.variant2-list span {display: inline-block; padding: 10px 10px 10px 10px;}

div.variant-detail p.price {font-size: 16px;}
div.variant-detail p.price span.lt {font-size: 13px;}

div.variant-detail {display:none;}
div.variant-detail.active {display:block;}

div.variant-pics {display:none;}
div.variant-pics.active {display:block;}
/* /VARIANT */


/* ADDITIONAL 2 */
#header-nav-resp-container {display: none;}

@media only screen and (max-width: 1024px) {	
	.second-nav-container {display: none;}
	ul.second-nav {display: none; margin-top: 10px;}
	
	#header-nav-resp-container {display: block; padding: 10px 15px; background: #ed1c24;}	
	#menu-resp-caption-container {float: left; width: 60%;}
	#menu-resp-caption-container p {color: #fff; line-height: 24px; text-align: left; }
	#menu-resp-icon-container {float: right; cursor: pointer; opacity: 0.8; width: 24px; height: 24px;
	background: url(../images/icon/nav.png) no-repeat center center;
	transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	#menu-resp-icon-container.close {background: url(../images/icon/nav-close.png) no-repeat center center;}
	#menu-resp-icon-container:hover {opacity: 1.0;}
}
/* /ADDITIONAL 2 */


/* ADDITIONAL 3 */
#footer-col-1 h2.with-und.type2, #footer-col-2 h2.with-und.type2, #footer-col-3 h2.with-und.type2, #footer-col-4 h2.with-und.type2 {background: none;}
/* /ADDITIONAL 3 */


/* ADDITIONAL 4 */
#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%);}
/* /ADDITIONAL 4 */