a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.loadthis { display: none; }

.grecaptcha-badge { visibility: hidden; z-index: -1; }

label[class*="required"]:after { content: "*"; display: inline-block; vertical-align: top; }

.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1170px; margin: auto auto; padding-left: 20px; padding-right: 20px; }
.main-content-top { padding-top: 150px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-family: 700; }

.bootstrap-dialog .modal-header { background-color: #ddd !important; }
.bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 26px; opacity: 1; }
.bootstrap-dialog .bootstrap-dialog-title { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 15px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning { font-size: 15px !important; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 15px !important; color: #111; }

.rvl-hdn { visibility: hidden; }

#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */

.pagin { text-align: center; margin-top: 40px; }
.pagin li { margin: 0 10px; display: inline-block; vertical-align: top; }
.pagin li.prev { transform: rotate(180deg); margin-left: 0; }
.pagin li.next { margin-right: 0; }
.pagin li a { display: inline-block; font-size: 14px; border: 0; color: #777; }
.pagin li.num a { padding: 0 3px 5px 3px; border-bottom: 1px solid #fff; }
.pagin li a:hover,
.pagin li.active a { color: #231f20; }
.pagin li.num.active a,
.pagin li.num a:hover { border-bottom: 1px solid #231f20; }

.ph { font-size: 16px; color: #231f20; font-weight: normal; }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 16px; color: #231f20; font-weight: normal; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 16px; color: #231f20; font-weight: normal; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 16px; color: #231f20; font-weight: normal; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #231f20; font-weight: normal;}
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #231f20; font-weight: normal; }

.ph14 { font-size: 16px; color: #231f20; font-weight: normal; }
.ph14::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #777; font-weight: normal; font-style: italic; }
.ph14:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #777; font-weight: normal; font-style: italic; }
.ph14::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #777; font-weight: normal; font-style: italic; }
.ph14:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #777; font-weight: normal; font-style: italic; }
.ph14:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #777; font-weight: normal; font-style: italic; }

.breadcrumb-cont { }
.breadcrumb-cont ol.breadcrumb { background: transparent; margin: 0; padding: 0; }
.breadcrumb-cont ol.breadcrumb li.active a { color: #000; }
.breadcrumb-cont ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 12px; }
.breadcrumb-cont ol.breadcrumb li + li:before { content: "//"; padding: 0 4px; font-size: 12px; color: #777; }
.breadcrumb-cont ol.breadcrumb li a { font-size: 12px; text-decoration: none; color: #777; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.srch-modal-c { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background: rgba(0,0,0,0.7); display: flex; flex-direction: column; justify-content: center; padding: 0 20px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.srch-modal-c.active { z-index: 9999; opacity: 1; }
.srch-modal { display: grid; grid-template-columns: 1fr 160px; grid-gap: 0 40px; background: #fff; width: 100%; max-width: 630px; padding: 45px 50px; margin: auto auto; position: relative; }
.srch-modal span { position: absolute; top: 15px; right: 20px; }
.srch-modal span:before { font-size: 16px; }

/********************* HEADER *********************/
.cbp-af-header { position: fixed; top: 0; left: 0; width: 100%; height: 150px; z-index: 100; background: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header.header-scrl { }
.cbp-af-header .header-wrapper { }
.cbp-af-header .header-wrapper header { }

header { }
header .top { width: 100%; height: 67px; position: relative; z-index: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .top .logo { position: absolute; top: 30px; left: 50%; margin-left: -167px; text-align: center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .top .logo a { display: inline-block; vertical-align: top; background: url(../img/logo-2021.svg) no-repeat 0 0; width: 335px; height: 37px; }
header .bot { position: relative; z-index: 0; margin-top: 26px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .bot .bot-l-abs { position: absolute; top: -30px; left: 0; font-size: 14px; z-index: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .bot .bot-l-abs i { margin-right: 6px; }
header .bot .bot-l { float: left; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .bot .bot-l .mob-btn { display: none; }
header .bot .bot-l .mob-btn i { font-size: 30px; }
header .bot .bot-l > ul { }
header .bot .bot-l > ul > li { float: left; margin: 2px 0 0 40px; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .bot .bot-l > ul > li:first-child { margin-left: 0; }
header .bot .bot-l > ul > li > a { display: block; padding: 0 10px 5px 10px; }
header .bot .bot-l > ul > li > a:before { height: 1px; background: #2f2f2f; }
header .bot .bot-l > ul > li > a.active { border-bottom: 1px solid #231f20; padding-bottom: 4px; }
header .bot .bot-l > ul > li > a span { margin-left: 10px; }
header .bot .bot-l > ul > li > a span:before { font-size: 10px; }
header .bot .bot-l > ul > li .ins { position: absolute; top: 100%; left: -74px; width: 960px; padding-top: 40px; display: none; }
header .bot .bot-l > ul > li .ins-2 { background: #fff; box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.25); padding: 44px 60px 55px 60px; display: grid; grid-template-columns: 1fr 316px; grid-gap: 0 10px; }
header .bot .bot-l > ul > li .ins-2 .ins-2-l { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 10px; }
header .bot .bot-l > ul > li .ins-2 .ins-2-l .ttl { }
header .bot .bot-l > ul > li .ins-2 .ins-2-l ul { }
header .bot .bot-l > ul > li .ins-2 .ins-2-l ul li { margin-top: 8px; }
header .bot .bot-l > ul > li .ins-2 .ins-2-l ul li a { font-size: 14px; color: #777; }
header .bot .bot-l > ul > li .ins-2 .ins-2-l ul li a:before { height: 1px; background: #2f2f2f; }
header .bot .bot-l > ul > li .ins-2 .ins-2-l ul li a:hover,
header .bot .bot-l > ul > li .ins-2 .ins-2-l ul li a.active { color: #231f20; }
header .bot .bot-l > ul > li .ins-2 .ins-2-l ul li a.active { border-bottom: 1px solid #231f20; }
header .bot .bot-l > ul > li .ins-2 .ins-2-r { }
header .bot .bot-l > ul > li .ins-2 .ins-2-r a { display: block; }
header .bot .bot-l > ul > li .ins-2 .ins-2-r a span { display: block; text-align: center; margin-top: 15px; }
header .bot .bot-r-abs { position: absolute; top: -30px; right: 0; font-size: 14px; z-index: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .bot .bot-r-abs i { margin-right: 6px; }
header .bot .bot-r-abs i:before { font-size: 14px; }
header .bot .bot-r { float: right; }
header .bot .bot-r > div { float: left; margin-left: 20px; }
header .bot .bot-r > div:first-child { margin-left: 0; margin-right: 10px; }
header .bot .bot-r > div a:hover { color: #919396; }
header .bot .bot-r .lngs { position: relative; margin-top: 2px; }
header .bot .bot-r .lngs button { background: none; border: 0; margin: 0; padding: 0; }
header .bot .bot-r .lngs button > span { display: inline-block; vertical-align: top; margin-left: 8px; }
header .bot .bot-r .lngs button > span > span:before { font-size: 10px; }
header .bot .bot-r .lngs .lngs-ins { position: absolute; top: 100%; left: -74px; padding-top: 45px; display: none; }
header .bot .bot-r .lngs ul { background: #fff; box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.25); padding: 44px 60px 55px 60px; }
header .bot .bot-r .lngs ul li { margin-top: 5px; }
header .bot .bot-r .lngs ul li:first-child { margin-top: 0; }
header .bot .bot-r .lngs ul li a { display: block; padding: 0 10px 5px 10px; white-space: nowrap; }
header .bot .bot-r .lngs ul li a:before { height: 1px; background: #2f2f2f; }
header .bot .bot-r .lngs ul li a.active { border-bottom: 1px solid #231f20; padding-bottom: 4px; }
header .bot .bot-r .cart a { display: block; position: relative; }
header .bot .bot-r .cart a span { position: absolute; bottom: -7px; left: -10px; width: 19px; height: 19px; background: #919396; border-radius: 50%; display: block; text-align: center; line-height: 19px; font-size: 10px; color: #231f20; font-weight: 700; }

.cbp-af-header.cbp-af-header-shrink { height: 100px; }
.cbp-af-header.cbp-af-header-shrink .top { width: 195px; }
.cbp-af-header.cbp-af-header-shrink .top .logo { left: 0; top: 40px; margin-left: 0; }
.cbp-af-header.cbp-af-header-shrink .top .logo a { width: 195px; height: 22px; background-size: 195px 22px; }
.cbp-af-header.cbp-af-header-shrink .bot { transform: translateY(-56px); }
.cbp-af-header.cbp-af-header-shrink .bot .bot-l { margin-left: 200px; }
.cbp-af-header.cbp-af-header-shrink .bot .bot-l > ul > li { margin-left: 15px; }
.cbp-af-header.cbp-af-header-shrink .bot .bot-l-abs { z-index: -1; opacity: 0; }
.cbp-af-header.cbp-af-header-shrink .bot .bot-r-abs { z-index: -1; opacity: 0; }

nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #000; }

.close-menu { cursor: pointer; }

.mm-navbar_tabs a { font-size: 16px; }
.mm-navbar_tabs a i { margin-right: 6px; }

.mm-listitem__text { font-size: 16px; }

.mm-btn_close { background: #231f20; }
.mm-btn_close::before,
.mm-btn_close::after { border-color: #000; }
.mm-btn_close::before { right: 15px; }
.mm-btn_close::after { right: 22px; }

.mm-navbars_bottom { border-top: 0; }
.mm-navbars_bottom .mm-navbar { background: #231f20; }
.mm-navbars_bottom .mm-navbar a { color: #fff; }

.mm-btn_close::before,
.mm-btn_close::after { border-color: #fff; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 80px; }
footer .top { background: #231f20; padding-top: 75px; padding-bottom: 60px; }
footer .top .cols { display: grid; grid-template-columns: 29% 24% 24% 23%; grid-gap: 0; }
footer .top .col { padding-right: 20px; }
footer .top .col.col-1 .ins a.logo img { max-width: 210px; height: auto; }
footer .top .col.col-4 { padding-right: 0; }
footer .top .col .ins { max-width: 210px; }
footer .top .col .soc { margin-top: 25px; }
footer .top .col .soc ul { text-align: center; }
footer .top .col .soc ul li { display: inline-block; vertical-align: middle; margin: 0 10px; }
footer .top .col .soc ul li a { }
footer .top .col .soc ul li a:before { color: #fff; }
footer .top .col .ttl { font-size: 18px; color: #fff; text-transform: uppercase; }
footer .top .col .lst { }
footer .top .col .lst ul { }
footer .top .col .lst ul li { margin-top: 8px; }
footer .top .col .lst ul li:first-child { margin-top: 16px; }
footer .top .col .lst ul li a { font-size: 14px; color: #fff; }
footer .top .col .banks { margin-top: 35px; }
footer .top .cptcha { margin-top: 40px; font-size: 12px; color: #ccc; text-align: center; }
footer .top .cptcha a { color: #ccc; }
footer .bot { background: #141313; padding: 16px 0 18px 0; }
footer .bot .lft { float: left; font-size: 14px; color: #fff; }
footer .bot .rgt { float: right; font-size: 14px; color: #fff; }
footer .bot .rgt div img { display: inline-block; vertical-align: middle; }
footer .bot .rgt div i { font-size: 12px; }
/********************* FOOTER *********************/

.m-ttl { text-align: center; }
.m-ttl h1,
.m-ttl h2 { margin: 0; font-size: 30px; font-weight: normal; }
.m-ttl-2 { }
.m-ttl-2 h1,
.m-ttl-2 h2 { margin: 0; position: relative; z-index: 1; font-size: 30px; font-weight: normal; }
.m-ttl-2 h1:before,
.m-ttl-2 h2:before { border-top: 1px solid #e1e1e1; content: ""; margin: 0; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; }
.m-ttl-2 h1 span,
.m-ttl-2 h2 span { background: #fff; padding: 0 40px 0 0; }

.m-txt { font-size: 14px; color: #777; line-height: 30px; }
.m-txt a { font-size: 14px; color: #777; }
.m-btn { display: inline-block; min-width: 160px; margin: 0; padding: 15px 10px; background: #231f20; border: 0; font-size: 14px; color: #fff !important; text-transform: uppercase; text-align: center; }
.m-btn-2 { display: inline-block; vertical-align: top; margin: 0; padding: 0; background: none; border: 0; }
.m-btn-2.lg { font-size: 18px; }
.m-btn-2.bg { background: #fff; padding: 15px 30px; }
.m-btn-2 span { margin-left: 10px; display: inline-block; vertical-align: top; }
.m-btn-2 span:before { font-size: 14px; }
.m-btn-2.lg span:before { font-size: 16px; }

.m-box { margin-top: 75px; display: grid; grid-template-columns: 494px 1fr; grid-gap: 0 50px; align-items: center; }
.m-box .det h2 { text-align: left; }
.m-box .det .m-txt { margin-top: 36px; }

.m-lst { margin-top: 40px; }
.m-lst ul { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 50px 20px; }

.m-actions { margin-top: 20px; }
.m-actions a { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.m-actions a i { margin-right: 10px; }

.prd-item { /*max-width: 280px;*/max-width: 480px; margin: auto auto; }
.prd-item .prd-img { position: relative; }
.prd-item .prd-img a { display: block; position: relative; }
.prd-item.not .prd-img a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35,31,32,0.5); }
.prd-item .prd-img a span.sale { position: absolute; top: 20px; right: 20px; background: #fff; padding: 7px 20px; }
.prd-item .prd-img a span.not { position: absolute; top: 20px; left: 0; width: 100%; text-align: center; }
.prd-item .prd-img a span.not span { display: inline-block; vertical-align: top; background: #fff; padding: 7px 20px; }
.prd-item .prd-img .prd-btns { position: absolute; bottom: 20px; left: 50%; margin-left: -70px; width: 140px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 10px; }
.prd-item .prd-img .prd-btns a { display: block; opacity: 0; transform: translateY(30px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.prd-item .prd-img .prd-btns a > span { display: block; width: 40px; height: 40px; background: #fff; line-height: 40px; text-align: center; }
.prd-item .prd-img .prd-btns a > span > span { display: inline-block; vertical-align: top; }
.prd-item .prd-img .prd-btns a:nth-child(1) { transition-delay: 50ms; }
.prd-item .prd-img .prd-btns a:nth-child(2) { transition-delay: 0; }
.prd-item .prd-img .prd-btns a:nth-child(3) { transition-delay: 100ms; }
.prd-item .prd-img:hover .prd-btns a { transform: translateY(0); opacity: 1; }
.prd-item .prd-ttl { text-align: center; margin-top: 14px; }
.prd-item .prd-ttl h3 { margin: 0; font-size: 14px; font-weight: normal; }
.prd-item .prd-cat { text-align: center; }
.prd-item .prd-cat a { font-size: 14px; color: #777; }
.prd-item .prd-prc { margin-top: 6px; text-align: center; }
.prd-item .prd-prc a { font-size: 14px; font-weight: 700; }
.prd-item .prd-prc a span { display: inline-block; vertical-align: bottom; margin-right: 10px; text-decoration: line-through; font-weight:400; }
.prd-item .prd-no-soldout { text-align: center; margin-top: 10px; }

/********************* HOMEPAGE *********************/
.home { }
.hp-slider { }
.tp-caption-1 { max-width: 500px; font-size: 50px !important; }
.tp-caption-2 { max-width: 400px; font-size: 16px !important; line-height: 30px !important; }
.rev-btn { width: 150px; font-size: 16px !important; line-height: 16px !important; font-weight: 400; }
.rev-btn span { margin-left: 10px; }
.rev-btn span:before { font-size: 16px; }
.tparrows { width: 50px; height: 50px; background: #fff !important; }
.tparrows:before { font-family: Flaticon; content: "\f105" !important; font-size: 20px; color: #231f20; line-height: 50px; }
.tparrows.tp-leftarrow:before { transform: rotate(180deg); }
.tp-bullet { width: 14px; height: 14px; background: none; border: 1px solid #231f20; border-radius: 50%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.tp-bullet:hover,
.tp-bullet.selected { background: #231f20; }
@media only screen and (max-width: 1500px) {
.tp-caption-1,.tp-caption-2,.tp-shape,.rev-btn { margin-right: 80px !important; }
}
@media only screen and (max-width: 1400px) {
.tp-caption-1,.tp-caption-2,.tp-shape,.rev-btn { margin-right: 80px !important; }
}
@media only screen and (max-width: 1200px) {
.tp-caption-1 { font-size: 36px !important; }
.tp-caption-2 { line-height: normal !important; }
.tparrows { width: 40px; height: 40px; }
.tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, 20, -20) !important; }
.tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -60, -20) !important; }
.tparrows:before { font-size: 16px; line-height: 40px; }
.tp-bullet { width: 14px; height: 14px; background: none; border: 1px solid #231f20; border-radius: 50%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.tp-bullet:hover,
.tp-bullet.selected { background: #231f20; }
.tp-caption-1,.tp-caption-2,.tp-shape,.rev-btn { margin-right: 0 !important; }
}
@media only screen and (max-width: 767px) {
.tp-caption-1 { max-width: 300px; font-size: 24px !important; }
.tp-caption-2 { max-width: 300px; }
.tparrows { display: none !important; }
}
@media only screen and (max-width: 480px) {
.tp-caption-1 { width: 300px !important; }
.tp-caption-2 { width: 300px !important; }
}
.hp-info { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0; margin-top: 80px; }
.hp-info > div { padding: 0 10px; text-align: center; position: relative; }
.hp-info > div:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #b9b9b9; }
.hp-info > div:first-child:before { display: none; }
.hp-info > div > div { max-width: 280px; margin: auto auto; }
.hp-info > div > div .ttl { font-size: 20px; }
.hp-info > div > div .txt { margin-top: 8px; }
.hp-boxes { margin-top: 60px; display: grid; grid-template-columns: 40% 60%; grid-gap: 0; }
.hp-boxes > div:last-child { padding-left: 20px; }
.hp-boxes .by-2 { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 20px; }
.hp-boxes .item { padding-top: 20px; }
.hp-boxes .item a { display: block; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.hp-boxes .item a .ttl { position: absolute; top: 20px; right: 0; font-size: 30px; border-bottom: 1px solid #231f20; padding: 0 40px 6px 10px; }
.hp-boxes .item.item-2 a .ttl { top: 70px; }
.hp-boxes .item.item-3 a .ttl { left: 0; right: auto; padding-left: 40px; padding-right: 10px; }
.hp-boxes .item a .txt { position: absolute; top: 140px; right: 30px; width: 290px; text-align: right; }
.hp-boxes .item a .lnk { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; opacity: 0; transform: translateY(20px); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.hp-boxes .item a:hover { box-shadow: 0px 0px 17.8px 2.2px rgba(0, 0, 0, 0.2); }
.hp-boxes .item a:hover .lnk { opacity: 1; transform: translateY(0); }
.hp-prods { margin-top: 70px; }
.hp-prods ul { margin-top: 45px; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 50px 20px; }
.hp-prods .lnk { margin-top: 45px; text-align: center; }
.hp-prods .lnk a { color: #666; }
.hp-prods .lnk a:hover { color: #000; }
.hp-nsl { margin-top: 20px; height: 450px; display: flex; justify-content: center; flex-direction: column; position: relative; }
.hp-nsl .prllx { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.1; width: 100%; height: 100%; background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
.hp-nsl .main-content-ins { max-width: 590px; position: relative; z-index: 2; }
.hp-nsl .ttl.m-ttl h2 { font-size: 20px; text-align: left !important; }
.hp-nsl .txt { font-size: 16px; color: #666; margin-top: 20px; }
.hp-nsl .frm { margin-top: 40px; position: relative; }
.hp-nsl .frm input { padding-right: 57px; }
.hp-nsl .frm button { margin: 0; padding: 0; width: 45px; height: 50px; position: absolute; top: 0; right: 0; background: none; border: 0; text-align: center; }
.hp-nsl .chk { margin-top: 15px; position: relative; padding-left: 34px; }
.hp-nsl .chk > div { position: absolute; top: 0; left: 0; }
.hp-nsl .chk a { font-size: 12px; color: #555; }
.hp-nsl .chk a span { text-decoration: underline; }
.hp-brands { margin-top: 60px; }
.hp-brands .slider-1-c { margin-top: 80px; position: relative; }
.hp-brands .slider-1 { padding: 0 0 65px 0; }
.hp-brands .slider-1-item { padding: 0 25px; }
.hp-brands .slider-1-item a { display: flex; justify-content: center; flex-direction: column; }
.hp-brands .slider-1-btn { position: absolute; top: 50%; margin-top: -45px; width: 30px; text-align: center; cursor: pointer; }
.hp-brands .slider-1-btn.slider-1-btn-l { transform: rotate(180deg); }
.hp-brands .slider-1-btn:before { font-size: 24px; color: #666; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.hp-brands .slider-1-btn:hover:before { color: #231f20; }
.hp-brands .slider-1-btn-l { left: -40px; }
.hp-brands .slider-1-btn-r { right: -40px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about { }
.about .hp-info { margin-top: 70px; }
.about .hp-nsl { margin-top: 80px; }
.about .hp-brands { margin-top: 70px; }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact .m-txt { margin-top: 15px; }
.contact .frm { margin-top: 75px; }
.contact .frm .ins { }
.contact .frm .ins .by-2 { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 50px; }
.contact .frm .req { margin-top: 15px; font-size: 12px; color: #555; }
.contact .frm .bot { }
.contact .frm .bot .bot-l { float: left; }
.contact .frm .bot .bot-r { float: right; }
.contact .frm .chk { margin-top: 25px; position: relative; padding-left: 34px; }
.contact .frm .chk > div { position: absolute; top: 0; left: 0; }
.contact .frm .chk a { font-size: 12px; color: #555; }
.contact .frm .chk a span { text-decoration: underline; }
.contact .frm button { margin-top: 60px; }
.contact .soc { margin-top: 65px; }
.contact .soc .ttl { }
.contact .soc ul { text-align: center; margin-top: 40px; }
.contact .soc ul li { display: inline-block; vertical-align: top; margin: 0 40px; }
.contact .soc ul li span:first-child { display: inline-block; vertical-align: top; }
.contact .soc ul li span:first-child:before { font-size: 30px; }
.contact .soc ul li span:last-child { display: block; margin-top: 6px; font-size: 23px; }
/********************* CONTACT *********************/

/********************* BRANDS *********************/
.brands { }
.brands .main { margin-top: 70px; }
.brands .main .m-txt { margin-top: 40px; text-align: center; }
.brands .main .lst { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 13px 10px; align-items: center; margin-top: 45px; }
.brands .main .lst a { display: flex; justify-content: center; flex-direction: column; padding: 10px; min-height: 130px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.brands .main .lst a:hover { box-shadow: 0px 0px 14.25px 0.75px rgba(0, 0, 0, 0.12); }
/********************* BRANDS *********************/

/********************* FAQ *********************/
.faq { }
.faq .main { margin-top: 70px; }
.faq .panel-group { margin-top: 10px; margin-bottom: 0; }
.faq .panel-group .panel { border: 0; border-bottom: 1px solid #e1e1e1; margin-top: 0; box-shadow: none !important; }
.faq .panel-group .panel-heading { background: none; padding: 0; }
.faq .panel-group .panel-heading h4 { font-weight: normal; font-size: 18px; }
.faq .panel-group .panel-heading h4 a { display: block; color: #231f20; padding: 38px 30px 20px 0; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.faq .panel-group .panel-heading h4 a.collapsed { padding-bottom: 38px; }
.faq .panel-group .panel-heading h4 a span { display: block; position: absolute; top: 50%; right: 0; transform: rotate(180deg); margin-top: -8px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.faq .panel-group .panel-heading h4 a span:before { font-size: 16px; }
.faq .panel-group .panel-heading h4 a.collapsed span { transform: rotate(0); }
.faq .panel-group .panel-body { border: 0 !important; padding: 0 0 30px 0; }
/********************* FAQ *********************/

/********************* FAQ *********************/
.stores { }
.stores .main { margin-top: 70px; }
.stores .und { margin-top: 50px; }
.stores .und .item { padding-top: 45px; padding-bottom: 45px; border-bottom: 1px solid #b9b9b9; }
.stores .und > div:first-child { padding-top: 0; }
.stores .und > div:last-child { border-bottom: 0; padding-bottom: 0; }
.stores .und .item .det { float: left; width: 50%; padding-right: 30px; display: flex; justify-content: center; flex-direction: column; }
.stores .und .item .det .m-ttl { text-align: left; }
.stores .und .item .det .m-ttl h2 { font-size: 26px; }
.stores .und .item .det .lst { }
.stores .und .item .det .lst ul { }
.stores .und .item .det .lst ul li { display: grid; grid-template-columns: 28px 1fr; grid-gap: 0; align-items: center; margin-top: 16px; }
.stores .und .item .det .lst ul li:first-child { margin-top: 26px; }
.stores .und .item .det .lst ul li .ico { }
.stores .und .item .det .lst ul li .ico span:before { color: #797979; }
.stores .und .item .det .lnk { margin-top: 25px; }
.stores .und .item .det .lnk a { font-size: 14px; }
.stores .und .item .det .lnk a span { margin-left: 10px; }
.stores .und .item .det .lnk a span:before { font-size: 16px; }
.stores .und .item .img { float: right; width: 50%; }
.stores .und .item .img .slider-2 { padding-bottom: 30px; }
/********************* FAQ *********************/

/********************* TERMS *********************/
.terms { }
.terms .main { margin: 70px auto 0 auto; max-width: 800px; }
.terms .mn { padding-bottom: 10px; border-bottom: 1px solid #231f20; }
.terms .mn ul { display: flex; justify-content: space-between; }
.terms .mn ul li { }
.terms .mn ul li a { font-size: 24px; color: #777; }
.terms .mn ul li a:hover,
.terms .mn ul li.active a { color: #231f20; }
.terms .m-txt { margin-top: 20px; }
.terms .m-txt h1,.terms .m-txt h2,.terms .m-txt h3,.terms .m-txt h4,.terms .m-txt h5,.terms .m-txt h6 { margin: 0; font-size: 18px; color: #231f20; font-weight: normal; }
/********************* TERMS *********************/

/********************* ACCOUNT *********************/
.account { }
.account .main { margin-top: 70px; }
.account .main .by-2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; }
.account .main .by-2 .lft { padding-right: 30px; border-right: 1px solid #e1e1e1; }
.account .main .by-2 .rgt { padding-left: 30px; }
.account .main .m-ttl { text-align: left; }
.account .main .m-txt { margin-top: 20px; }
.account .main .req { margin-top: 16px; font-size: 12px; color: #555; }
.account .main .bot { margin-top: 30px; }
.account .main .bot .bot-l { float: left; }
.account .main .bot .bot-r { float: right; }
.account .main .bot .bot-r a { display: inline-block; font-size: 14px; text-decoration: underline; }
.account .main .chk { position: relative; padding-left: 34px; font-size: 12px; color: #555; }
.account .main .chk.chk-2 { margin-top: 20px; }
.account .main .chk > div { position: absolute; top: -3px; left: 0; }
.account .main .chk > div a { text-decoration: underline; font-style: italic; }
.account .main .sbm { margin-top: 40px; }
/********************* ACCOUNT *********************/

/********************* PRODUCTS *********************/
.prods { }
.prods .main { margin-top: 70px; }
.prods .main .ins { display: grid; grid-template-columns: 220px 1fr; grid-gap: 0 30px; margin-top: 40px; }
.prods .main .ins .lft { }
.prods .main .ins .lft .flt-btn { display: none; background: #231f20; color: #fff; padding: 6px 20px; text-align: center; text-transform: uppercase; cursor: pointer; }
.prods .main .ins .lft .flt-cnt { }
.prods .main .ins .lft .flt-cnt > div { margin-top: 30px; }
.prods .main .ins .lft .flt-cnt > div:first-child { margin-top: 0; }
.prods .main .ins .lft .flt-cnt .flt-item { }
.prods .main .ins .lft .flt-cnt .flt-ttl { font-size: 20px; color: #231f20; border-bottom: 1px solid #000; padding-bottom: 10px; }
.prods .main .ins .lft .flt-cnt .flt-lst { }
.prods .main .ins .lft .flt-cnt .flt-lst ul { }
.prods .main .ins .lft .flt-cnt .flt-lst ul li { margin-top: 6px; }
.prods .main .ins .lft .flt-cnt .flt-lst ul li a { display: block; padding-left: 20px; position: relative; }
.prods .main .ins .lft .flt-cnt .flt-lst ul li a:before { content: ""; display: block; width: 10px; height: 10px; background: transparent; border: 1px solid #231f20; border-radius: 50%; position: absolute; top: 6px; left: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prods .main .ins .lft .flt-cnt .flt-lst ul li a:hover:before,
.prods .main .ins .lft .flt-cnt .flt-lst ul li a.active:before { background: #231f20; }
.prods .main .ins .rgt { }
.prods .main .ins .rgt .lst { }
.prods .main .ins .rgt .lst ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 50px 20px; }

.prod { }
.prod .main { margin-top: 80px; }

.prod-top { display: grid; grid-template-columns: 480px 1fr; grid-gap: 0 40px; }
.prod-top.prod-top-open { grid-template-columns: 450px 1fr; padding: 30px 60px 35px 60px; position: relative; }
.close-btn { position: absolute; top: 30px; right: 30px; cursor: pointer; }
.prod-top .lft { }
.prod-top .lft .gal-big { }
.prod-top .lft .gal-big .item { position: relative; }
.prod-top .lft .gal-big .item img { display: block; }
.prod-top .lft .gal-big .item .item-zoom { position: absolute; top: 30px; right: 30px; }
.prod-top .lft .gal-big .item .item-zoom a { display: block; width: 50px; height: 50px; background: #fff; text-align: center; line-height: 50px; }
.prod-top .lft .gal-big .item .item-zoom a:before { color: #838383; }
.prod-top .lft .gal-big .item .item-vd { position: absolute; top: 90px; right: 30px; }
.prod-top .lft .gal-big .item .item-vd a { display: block; width: 50px; height: 50px; background: #231f20; text-align: center; line-height: 50px; }
.prod-top .lft .gal-big .item .item-vd a:before { color: #fff; font-size: 16px; }
.prod-top .lft .gal-thumbs-c { margin-top: 10px; overflow: hidden; }
.prod-top .lft .gal-thumbs-c-2 { margin-left: -5px; margin-right: -5px; }
.prod-top .lft .gal-thumbs .item { padding: 0 5px; }
.prod-top .lft .gal-thumbs .item span { display: block; position: relative; cursor: pointer; }
.prod-top .lft .gal-thumbs .item span:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35,31,32,0.5); opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod-top .lft .gal-thumbs .item.slick-current span:before,
.prod-top .lft .gal-thumbs .item span:hover:before { opacity: 1; }
.prod-top .lft .btns { margin-top: 30px; text-align: center; }
.prod-top .lft .btns > span { display: inline-block; vertical-align: middle; }
.prod-top .lft .btns > span:first-child { transform: rotate(180deg); }
.prod-top .lft .btns > span.num { margin: 0 30px; }
.prod-top .lft .btns > span.flaticon-next:before { color: #c2c2c2; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod-top .lft .btns > span.flaticon-next:hover:before { color: #231f20; }

.prod-top .rgt { }
.prod-top .rgt .m-ttl { text-align: left; }
.prod-top .rgt .m-ttl h1 { font-size: 16px; }
.prod-top .rgt .cat { color: #777; margin-top: 6px; }
.prod-top .rgt .prc { font-size: 15px; margin-top: 22px; }
.prod-top .rgt .prc span { display: inline-block; vertical-align: baseline; margin-right: 20px; font-size: 15px; position: relative; }
.prod-top .rgt .prc span:before { content: ""; display: block; position: absolute; top: 50%; left: 0; background: #aaa9a9; width: 100%; height: 2px; }
.prod-top .rgt .m-txt { margin-top: 20px; }
.prod-top .rgt .sel { }
.prod-top .rgt .sel.sel-color { margin-top: 20px; }
.prod-top .rgt .sel.sel-size { margin-top: 20px; }
.prod-top .rgt .sel > span { font-size: 18px; }
.prod-top .rgt .sel .sel-txt { display: block; margin-top: 4px; font-size: 14px; }
.prod-top .rgt .sel ul.lst-1 { padding-top: 5px; }
.prod-top .rgt .sel ul.lst-1 li { cursor: pointer; float: left; margin: 4px 4px 0 0; padding: 2px; border: 1px solid #dedede; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod-top .rgt .sel ul.lst-1 li.active,
.prod-top .rgt .sel ul.lst-1 li:hover { border-color: #999; }
.prod-top .rgt .sel ul.lst-1 li span { display: block; width: 20px; height: 20px; }
.prod-top .rgt .sel ul.lst-2 { padding-top: 5px; }
.prod-top .rgt .sel ul.lst-2 li { float: left; margin: 4px 10px 0 0; }
.prod-top .rgt .sel ul.lst-2 li.nodisp { display: none; }
.prod-top .rgt .sel ul.lst-2 li a { display: block; width: 25px; height: 25px; background: #ebebeb; font-size: 13px; color: #777; line-height: 25px; text-align: center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod-top .rgt .sel ul.lst-2 li.active a,
.prod-top .rgt .sel ul.lst-2 li a:hover { background: #231f20; color: #fff; }
.prod-top .rgt .btns { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; }
.prod-top .rgt .btns > div { float: left; margin-right: 20px; }
.prod-top .rgt .btns > div:last-child { margin-right: 0; }
.prod-top .rgt .btns .qty { border: 2px solid #ebebeb; padding: 2px; display: grid; grid-template-columns: 42px 1fr 42px; grid-gap: 0 2px; width: 140px; }
.prod-top .rgt .btns .qty span { display: block; text-align: center; line-height: 42px; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.prod-top .rgt .btns .qty span:before { font-size: 16px; }
.prod-top .rgt .btns .qty span:hover { background: #231f20; color: #fff; }
.prod-top .rgt .btns .qty input { background: none; border: 0; margin: 0; padding: 0; width: 100%; height: 42px; text-align: center; }
.prod-top .rgt .btns .add-to-cart { cursor: pointer; padding-left: 15px; padding-right: 15px; }
.prod-top .rgt .btns .add-to-fav { font-size: 14px; margin-top: 34px; cursor: pointer; }
.prod-top .rgt .btns .add-to-fav span { margin-right: 10px; }
.prod-top .rgt .btns .add-to-fav span:before { font-size: 14px; }
.prod-top .rgt .det { padding-top: 15px; }
.prod-top .rgt .det > div { font-size: 14px; color: #777; margin-top: 10px; }
.prod-top .rgt .det > div strong { color: #231f20; font-weight: normal; }
.prod-top .rgt .det > div a { display: inline-block; vertical-align: baseline; margin-left: 20px; }
.prod-top .rgt .det > div a:before { font-size: 16px; }
/********************* PRODUCTS *********************/

/********************* POPUP REQUEST *********************/
.request-modal-c { position: relative; }
.request-modal { padding: 40px 60px 60px 60px; max-width: 100%; margin: auto auto; }
.request-modal .ttl { font-size: 30px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
.request-modal .txt { font-size: 14px; color: #777; line-height: 20px; margin-top: 10px; }
.request-modal .frm { margin-top: 40px; }
.request-modal .frm .req { margin-top: 20px; font-size: 12px; color: #777; }
.request-modal .frm .chk { position: relative; padding-left: 34px; font-size: 12px; color: #777; margin-top: 20px; }
.request-modal .frm .chk > div { position: absolute; top: -3px; left: 0; }
.request-modal .frm .chk > div a { text-decoration: underline; font-style: italic; }
.request-modal .frm .sbm { margin-top: 70px; }
/********************* POPUP REQUEST *********************/

/********************* CART *********************/
.mycart { }
.mycart .main { margin-top: 70px; }
.mycart .top { margin-top: 40px; }
.mycart .ttls { border-bottom: 1px solid #e1e1e1; }
.mycart .ln { border-bottom: 1px solid #e1e1e1; }
.mycart .ttls { padding-bottom: 5px; }
.mycart .ln { padding: 20px 0; }
.mycart .ttls .lft,
.mycart .ln .lft { float: left; width: 100%; margin-right: -560px; }
.mycart .ttls .lft .lft-ins,
.mycart .ln .lft .lft-ins { padding-right: 580px; }
.mycart .ttls .rgt,
.mycart .ln .rgt { float: right; width: 560px; position: relative; }
.mycart .ttls .rgt > div,
.mycart .ln .rgt > div { float: left; width: 50%; text-align: center; }
.mycart .ttls .lft .lft-ins,
.mycart .ttls .rgt > div { color: #888; text-transform: uppercase; }
.mycart .ln .lft { }
.mycart .ln .lft .img { float: left; width: 206px; position: relative; z-index: 10; padding: 0 20px; }
.mycart .ln .lft .img img { display: block; border: 1px solid #e0e1e6; }
.mycart .ln .lft .det { float: right; width: 100%; margin-left: -206px; }
.mycart .ln .lft .det .det-ins { padding-left: 236px; min-height: 220px; position: relative; }
.mycart .ln .lft .det .det-top { }
.mycart .ln .lft .det .det-ttl { font-size: 18px; }
.mycart .ln .lft .det .det-cat { font-size: 14px; color: #777; margin-top: 6px; padding-bottom: 10px; }
.mycart .ln .lft .det .det-attr { margin-top: 6px; font-size: 12px; color: #777; }
.mycart .ln .lft .det .det-attr span { color: #231f20; }
.mycart .ln .lft .det .det-bot { margin-top: 20px; }
.mycart .ln .lft .det .det-bot a { font-size: 14px; color: #262626; text-decoration: underline; text-transform: uppercase; }
.mycart .ln .rgt { }
.mycart .ln .rgt .match-1 { display: flex; flex-direction: column; justify-content: center; font-size: 22px; }
.mycart .ln .rgt .old { display: inline-block; vertical-align: baseline; text-decoration: line-through; margin-right: 10px; font-size: 22px; }
.mycart .ln .rgt div:nth-child(1) { }
.mycart .ln .rgt div:nth-child(1) .ins { position: relative; width: 136px; margin: auto auto; padding: 1px; border: 1px solid #ebebeb; }
.mycart .ln .rgt div:nth-child(1) button,
.mycart .ln .rgt div:nth-child(1) input { display: inline-block; vertical-align: top; border: 0; width: 42px; height: 42px; text-align: center; padding: 0; font-size: 18px; }
.mycart .ln .rgt div:nth-child(1) form { display: inline-block; vertical-align: top; }
.mycart .ln .rgt div:nth-child(1) button { margin: 0; padding: 0; background: none; border: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mycart .ln .rgt div:nth-child(1) button:before { font-size: 14px; }
.mycart .ln .rgt div:nth-child(1) button:hover { background: #231f20; color: #fff; }
.mycart .ln .rgt div:nth-child(1) input { margin: 0 3px; font-size: 18px; }
.mycart .ln .rgt div:nth-child(2) { font-size: 30px; }
.mycart .bot { padding-top: 8px; position: relative; }
.mycart .bot .lft { position: absolute; bottom: 0; left: 0; }
.mycart .bot .lft .lft-ins { max-width: 315px; }
.mycart .bot .lft span { display: block; margin-bottom: 15px; text-transform: uppercase; font-size: 16px; color: #777; }
.mycart .bot .lft .frm { width: 315px; position: relative; border: 1px solid #ebebeb; }
.mycart .bot .lft .frm input[type=text] { background: none; border: 0; margin: 0; padding: 0 80px 0 20px; width: 100%; height: 48px; }
.mycart .bot .lft .frm button { background: none; border: 0; border-left: 1px solid #ebebeb; width: 58px; height: 48px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mycart .bot .lft .frm button:hover { background: #231f20; }
.mycart .bot .lft .frm button span { display: block; line-height: 48px; }
.mycart .bot .lft .frm button span:before { font-size: 20px; color: #000; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mycart .bot .lft .frm button:hover span:before { color: #fff; }
.mycart .bot .rgt { float: right; width: 460px; }
.mycart .bot .rgt .prcs { }
.mycart .bot .rgt .prcs .prc { margin-top: 20px; }
.mycart .bot .rgt .prcs .prc .prc-l { float: left; width: 70%; text-align: right; text-transform: uppercase; font-size: 14px; margin-top: 9px; }
.mycart .bot .rgt .prcs .prc .prc-r { float: right; width: 30%; text-align: right; font-size: 24px; }
.mycart .bot .rgt .lnk { float: right; margin-top: 45px; }
.mycart .bot .rgt .lnk a { font-weight: 400; }
/********************* CART *********************/

/********************* LOOKBOOK *********************/
.lookbook { }
.lookbook .lst { margin-left: -5px; margin-right: -5px; overflow: hidden; padding-top: 20px; }
.lookbook .lst .box-1 { float: left; width: 33.33%; padding: 0 5px; margin-top: 10px; }
#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 200px; margin-left: -100px; padding: 6px 10px; font-size: 14px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }
/********************* LOOKBOOK *********************/

/********************* SIMPLE *********************/
.simple { }
.simple .main { margin-top: 70px; }
.simple .main .m-txt { margin-top: 40px; text-align: center; }
/********************* SIMPLE *********************/

@media only screen and (max-width: 1400px) {
/********************* HOMEPAGE *********************/
.hp-brands .slider-1 { padding-left: 30px; padding-right: 30px; }
.hp-brands .slider-1-btn-l { left: 0; }
.hp-brands .slider-1-btn-r { right: 0; }
.hp-brands .slider-1-item { padding: 0 15px; }
/********************* HOMEPAGE *********************/
}

@media only screen and (max-width: 1200px) { /* .col-lg- */

.form-control { height:40px; padding:0 10px; }

/********************* HEADER *********************/
header .bot .bot-l > ul > li { margin-left: 20px; }
header .bot .bot-l > ul > li .ins { left: -30px; width: 750px; padding-top: 20px; }
header .bot .bot-l > ul > li .ins-2 { padding: 30px; grid-template-columns: 1fr 200px; }
header .bot .bot-l > ul > li .ins-2 .ins-2-r a span { margin-top: 10px; }

header .bot .bot-r .lngs .lngs-ins { left: -30px; padding-top: 25px; }
header .bot .bot-r .lngs ul { padding: 30px; }

.cbp-af-header.cbp-af-header-shrink .bot .bot-l > ul > li { margin-left: 10px; }
.cbp-af-header.cbp-af-header-shrink .bot .bot-l > ul > li > a { padding-left: 0; padding-right: 0; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 60px; }
footer .top { padding-top: 60px; padding-bottom: 50px; }
footer .top .col .ttl { font-size: 16px; }
/********************* FOOTER *********************/

.m-ttl h1,
.m-ttl h2 { font-size: 24px; }
.m-ttl-2 h1,
.m-ttl-2 h2 { font-size: 24px; }
.m-ttl-2 h1 span,
.m-ttl-2 h2 span { padding-right: 20px; }

.m-txt { line-height: 22px; }

.m-btn-2.lg { font-size: 16px; }
.m-btn-2.bg { padding: 15px 10px; }
.m-btn-2.lg span:before { font-size: 14px; }

.m-box { margin-top: 60px; grid-template-columns: 400px 1fr; grid-gap: 0 30px; }
.m-box .det .m-txt { margin-top: 30px; }

.m-lst { margin-top: 30px; }
.m-lst ul { grid-gap: 40px 20px; }

.prd-item .prd-ttl { margin-top: 10px; }

/********************* HOMEPAGE *********************/
.hp-info { margin-top: 60px; }
.hp-info > div > div .ttl { font-size: 18px; }
.hp-boxes .item a .ttl { font-size: 24px; padding-right: 20px; }
.hp-boxes .item.item-2 a .ttl { top: 20px; }
.hp-boxes .item.item-3 a .ttl { padding-left: 20px; }
.hp-boxes .item a .txt { top: 80px; right: 20px; }
.hp-boxes .item a .lnk { bottom: 20px; }
.hp-prods { margin-top: 60px; }
.hp-prods ul { margin-top: 30px; grid-gap: 40px 20px; }
.hp-prods .lnk { margin-top: 30px; }
.hp-nsl .frm { margin-top: 20px; }
.hp-brands .slider-1-c { margin-top: 50px; }
.hp-brands .slider-1 { padding-bottom: 50px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .hp-info { margin-top: 60px; }
.about .hp-nsl { margin-top: 60px; }
.about .hp-brands { margin-top: 60px; }
/********************* ABOUT US *********************/

/********************* BRANDS *********************/
.brands .main { margin-top: 60px; }
.brands .main .m-txt { margin-top: 30px; }
.brands .main .lst { margin-top: 30px; }
/********************* BRANDS *********************/

/********************* CONTACT *********************/
.contact .frm { margin-top: 60px; }
.contact .frm .ins .by-2 { grid-gap: 0 20px; }
.contact .frm .chk { margin-top: 20px; }
.contact .frm button { margin-top: 50px; }
.contact .soc { margin-top: 60px; }
.contact .soc ul { margin-top: 30px; }
.contact .soc ul li { margin: 0 20px; }
.contact .soc ul li span:first-child:before { font-size: 24px; }
.contact .soc ul li span:last-child { font-size: 20px; }
/********************* CONTACT *********************/

/********************* FAQ *********************/
.faq .main { margin-top: 60px; }
.faq .panel-group .panel-heading h4 { font-size: 16px; }
.faq .panel-group .panel-heading h4 a { padding-top: 28px; }
.faq .panel-group .panel-heading h4 a.collapsed { padding-bottom: 28px; }
.faq .panel-group .panel-body { padding-bottom: 20px; }
/********************* FAQ *********************/

/********************* FAQ *********************/
.stores .main { margin-top: 60px; }
.stores .und { margin-top: 40px; }
.stores .und .item { padding-top: 40px; padding-bottom: 40px; }
.stores .und .item .det { padding-right: 20px; }
.stores .und .item .det .m-ttl h2 { font-size: 20px; }
.stores .und .item .det .lst ul li { margin-top: 10px; }
.stores .und .item .det .lst ul li:first-child { margin-top: 20px; }
.stores .und .item .det .lnk { margin-top: 20px; }
/********************* FAQ *********************/

/********************* TERMS *********************/
.terms .main { margin-top: 60px; }
.terms .mn ul li a { font-size: 20px; }
.terms .m-txt h1,.terms .m-txt h2,.terms .m-txt h3,.terms .m-txt h4,.terms .m-txt h5,.terms .m-txt h6 { font-size: 16px; }
/********************* TERMS *********************/

/********************* CART *********************/
.mycart .main { margin-top: 60px; }
.mycart .top { margin-top: 30px; }
.mycart .ln { padding: 20px 0; }
.mycart .ttls .lft,
.mycart .ln .lft { margin-right: -330px; }
.mycart .ttls .lft .lft-ins,
.mycart .ln .lft .lft-ins { padding-right: 350px; }
.mycart .ttls .rgt,
.mycart .ln .rgt { width: 330px; }
.mycart .ln .lft .img { width: 164px; padding: 0; }
.mycart .ln .lft .det { margin-left: -164px; }
.mycart .ln .lft .det .det-ins { padding-left: 184px; }
.mycart .ln .lft .det .det-ttl { font-size: 16px; }
.mycart .ln .rgt .match-1 { font-size: 22px; }
.mycart .ln .rgt .ins div:nth-child(1) .ins { width: 94px; }
.mycart .ln .rgt .ins div:nth-child(1) button,
.mycart .ln .rgt .ins div:nth-child(1) input { width: 30px; height: 30px; font-size: 16px; }
.mycart .ln .rgt .ins div:nth-child(1) input { margin: 0; font-size: 16px; }
.mycart .ln .rgt .ins div:nth-child(2) { font-size: 20px; }
.mycart .bot .rgt .prcs .prc .prc-r { font-size: 20px; }
.mycart .bot .rgt .lnk { margin-top: 30px; }
/********************* CART *********************/

/********************* PRODUCTS *********************/
.prods .main { margin-top: 60px; }
.prods .main .ins { margin-top: 30px; }
.prods .main .ins .rgt .lst ul { grid-gap: 40px 20px; }

.prod .main { margin-top: 60px; }

.prod-top { grid-gap: 0 20px; }
.prod-top.prod-top-open { padding: 20px; }
.prod-top .lft .btns { margin-top: 20px; }

.prod-top .rgt .prc { margin-top: 20px; }
.prod-top .rgt .m-txt { margin-top: 10px; }
.prod-top .rgt .sel > span { font-size: 16px; }
.prod-top .rgt .det > div a { margin-left: 15px; }
/********************* PRODUCTS *********************/

/********************* SIMPLE *********************/
.simple .main { margin-top: 50px; }
.simple .main .m-txt { margin-top: 30px; }
/********************* SIMPLE *********************/

/********************* ACCOUNT *********************/
.account .main { margin-top: 50px; }
.account .main .by-2 .lft { padding-right: 20px;}
.account .main .by-2 .rgt { padding-left: 20px; }
.account .main .sbm { margin-top: 30px; }
/********************* ACCOUNT *********************/
}

@media only screen and (max-width: 992px) { /* .col-md- */
.main-content-top { padding-top: 77px; }

/********************* HEADER *********************/
header .top .logo { top: 27px; margin-left: -97px; }
header .top .logo a { background-size: 195px 22px; width: 195px; height: 22px; }

header .bot { z-index: 2; }
header .bot .bot-l { transform: translateY(-69px); }
header .bot .bot-l .mob-btn { display: block; }
header .bot .bot-l > ul { display: none; }
header .bot .bot-r { transform: translateY(-70px); }
header .bot .bot-l-abs { display: none; }
header .bot .bot-r-abs { top: -66px; right: auto; left: 56px; }

.cbp-af-header { position: absolute; height: 77px; }
/********************* HEADER *********************/

.m-lst ul { grid-template-columns: repeat(3,1fr); }

/********************* HOMEPAGE *********************/
.hp-prods ul { grid-template-columns: repeat(3,1fr); }
/********************* HOMEPAGE *********************/

/********************* BRANDS *********************/
.brands .main .lst { grid-template-columns: repeat(4,1fr); }
/********************* BRANDS *********************/

/********************* PRODUCTS *********************/
.prods .main .ins { display: block; }
.prods .main .ins .lft .flt-btn { display: block; }
.prods .main .ins .lft .flt-cnt { display: none; margin-top: 15px; }
.prods .main .ins .lft .flt-cnt > div { margin-top: 20px; }
.prods .main .ins .lft .flt-cnt .flt-ttl { font-size: 18px; padding-bottom: 6px; }
.prods .main .ins .lft .flt-cnt .flt-lst ul li { margin-top: 4px; }
.prods .main .ins .rgt { margin-top: 30px; }

.prod-top { grid-template-columns: 400px 1fr; }
/********************* PRODUCTS *********************/

/********************* LOOKBOOK *********************/
.lookbook .lst .box-1 { width: 50%; }
/********************* LOOKBOOK *********************/
}

@media only screen and (max-width: 767px) { /* .col-xs- */
.m-box { margin-top: 40px; display: block; }
.m-box .det { margin-top: 30px; }
.m-box .det .m-txt { margin-top: 20px; }

.m-lst { margin-top: 20px; }
.m-lst ul { grid-gap: 30px 10px; }

.prd-item .prd-img a span.sale { position: absolute; top: 10px; right: 10px; padding-left: 15px; padding-right: 15px; }
.prd-item .prd-img a span.not { top: 10px; }
.prd-item .prd-img a span.not span { padding-left: 15px; padding-right: 15px; }
.prd-item .prd-img .prd-btns { display: none; }

/********************* HEADER *********************/
header .bot .bot-r > div { float: left; margin-left: 10px; }
header .bot .bot-r .srch,
header .bot .bot-r .fav,
header .bot .bot-r .acc { display: none; }
header .bot .bot-r-abs { top: -70px; left: 46px; }
header .bot .bot-r-abs span { display: none; }
header .bot .bot-r-abs i { margin-right: 0; }
header .bot .bot-r-abs i:before { font-size: 20px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 40px; }
footer .top { padding-top: 40px; padding-bottom: 40px; }
footer .top .cols { grid-template-columns: repeat(3,1fr); grid-gap: 0 10px; }
footer .top .col { padding-right: 0; }
footer .top .col.col-1 { grid-column: span 3; margin-bottom: 30px; }
footer .top .col .ins { max-width: 100%; }
footer .top .col .soc { margin-top: 20px; }
footer .top .col .lst ul li { margin-top: 6px; }
footer .top .col .lst ul li:first-child { margin-top: 6px; }
footer .top .col .banks { margin-top: 30px; }
footer .top .cptcha { margin-top: 30px; }
footer .bot { padding: 14px 0; text-align: center; }
footer .bot .lft { float: none; }
footer .bot .rgt { float: none; margin-top: 10px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.hp-info { display: block; margin-top: 40px; }
.hp-info > div { padding: 20px 0; }
.hp-info > div:first-child { padding-top: 0; }
.hp-info > div:before { width: 100%; height: 1px; }
.hp-info > div > div { max-width: 100%; }
.hp-boxes { margin-top: 40px; grid-template-columns: 1fr; grid-gap: 0; }
.hp-boxes > div:nth-child(1) { max-width: 452px; margin: auto auto; }
.hp-boxes > div:nth-child(2) { max-width: 658px; margin: auto auto; }
.hp-boxes > div:last-child { padding-left: 0; }
.hp-boxes .by-2 { grid-gap: 0 10px; }
.hp-boxes .item { padding-top: 10px; }
.hp-boxes .item a .ttl { font-size: 20px; }
.hp-boxes .item a .lnk { display: none; }
.hp-prods { margin-top: 40px; }
.hp-prods ul { margin-top: 20px; grid-gap: 30px 10px; }
.hp-nsl { height: auto; padding: 40px 0; }
.hp-nsl .ttl.m-ttl h2 { font-size: 18px; }
.hp-brands { margin-top: 40px; }
.hp-brands .slider-1-c { margin-top: 30px; }
.hp-brands .slider-1-item { padding: 0 10px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about .hp-info { margin-top: 40px; }
.about .hp-nsl { margin-top: 40px; }
.about .hp-brands { margin-top: 40px; }
/********************* ABOUT US *********************/

/********************* BRANDS *********************/
.brands .main { margin-top: 40px; }
.brands .main .m-txt { margin-top: 20px; }
.brands .main .lst { grid-template-columns: repeat(3,1fr); }
/********************* BRANDS *********************/

/********************* CONTACT *********************/
.contact .frm { margin-top: 40px; }
.contact .frm .ins .by-2 { display: block; }
.contact .frm button { margin-top: 20px; }
.contact .soc { margin-top: 40px; }
.contact .soc ul { margin-top: 10px; margin-bottom: -10px; }
.contact .soc ul li { margin: 10px; }
.contact .soc ul li span:first-child:before { font-size: 20px; }
.contact .soc ul li span:last-child { font-size: 16px; }
/********************* CONTACT *********************/

/********************* FAQ *********************/
.faq .main { margin-top: 40px; }
/********************* FAQ *********************/

/********************* FAQ *********************/
.stores .main { margin-top: 40px; }
.stores .und { margin-top: 30px; }
.stores .und .item { padding-top: 30px; padding-bottom: 30px; }
.stores .und .item .det { float: none; width: 100%; padding-right: 0; margin-top: 20px; }
.stores .und .item .det .m-ttl h2 { font-size: 18px; }
.stores .und .item .img { float: none; width: 100%; max-width: 565px; margin: auto auto; }
/********************* FAQ *********************/

/********************* TERMS *********************/
.terms .main { margin-top: 40px; }
.terms .mn ul li a { font-size: 18px; }
/********************* TERMS *********************/

/********************* CART *********************/
.mycart .main { margin-top: 40px; }
.mycart .ttls { display: none; }
.mycart .ln .lft { float: none; margin-right: 0; }
.mycart .ln .lft .lft-ins { padding-right: 0; }
.mycart .ln .rgt { float: none; width: 100%; margin-top: 20px; }
.mycart .bot .lft { position: relative; bottom: auto; left: auto; margin-top: 30px; }
.mycart .bot .lft .lft-ins { max-width: 100%; }
.mycart .bot .lft .frm { width: 100%; }
.mycart .bot .rgt { float: none; width: 100%; margin-top: 30px; }
/********************* CART *********************/

/********************* PRODUCTS *********************/
.prods .main { margin-top: 40px; }
.prods .main .ins { margin-top: 20px; }
.prods .main .ins .rgt { margin-top: 20px; }
.prods .main .ins .rgt .lst ul { grid-gap: 30px 10px; }

.prod .main { margin-top: 40px; }

.prod-top { display: block; }
.prod-top .lft { }
.prod-top .rgt { margin-top: 30px; }
/********************* PRODUCTS *********************/

/********************* POPUP REQUEST *********************/
.request-modal { padding: 20px 30px; }
.request-modal .ttl { font-size: 24px; }
.request-modal .frm { margin-top: 30px; }
.request-modal .frm .req { margin-top: 10px; }
.request-modal .frm .chk { margin-top: 10px; }
.request-modal .frm .sbm { margin-top: 30px; }
/********************* POPUP REQUEST *********************/

/********************* SIMPLE *********************/
.simple .main { margin-top: 40px; }
.simple .main .m-txt { margin-top: 20px; }
/********************* SIMPLE *********************/

/********************* ACCOUNT *********************/
.account .main { margin-top: 40px; }
.account .main .by-2 { display: block; }
.account .main .by-2 .lft { padding-right: 0; border-bottom: 1px solid #e1e1e1; border-right: 0; padding-bottom: 20px; }
.account .main .by-2 .rgt { padding-left: 0; margin-top: 20px; }
.account .main .m-txt { margin-top: 10px; }
.account .main .req { margin-top: 10px; }
.account .main .bot { margin-top: 20px; }
.account .main .bot .bot-l { float: none; }
.account .main .bot .bot-r { float: none; margin-top: 10px; }
.account .main .chk.chk-1 { margin-top: 10px; }
.account .main .sbm { margin-top: 20px; }
/********************* ACCOUNT *********************/
}

@media only screen and (max-width: 560px) {
.m-lst ul { grid-template-columns: repeat(2,1fr); }

/********************* HOMEPAGE *********************/
.hp-prods ul { grid-template-columns: repeat(2,1fr); }
/********************* HOMEPAGE *********************/

/********************* BRANDS *********************/
.brands .main .lst { grid-template-columns: repeat(2,1fr); }
/********************* BRANDS *********************/
}

@media only screen and (max-width: 480px) {
.main-content-top { padding-top: 70px; }

.main-content-ins { padding-left: 10px; padding-right: 10px; }

/********************* HEADER *********************/
header .top .logo { top: 24px; }
header .bot .bot-l { transform: translateY(-72px); }
header .bot .bot-r { transform: translateY(-73px); }
header .bot .bot-r > div:first-child { margin-right: 0; }

.cbp-af-header { height: 70px; }
/********************* HEADER *********************/

.m-ttl h1,
.m-ttl h2 { font-size: 20px; }
.m-ttl-2 h1,
.m-ttl-2 h2 { font-size: 20px; }

/********************* HOMEPAGE *********************/
.hp-boxes .item a .ttl { padding-right: 10px; }
.hp-boxes .item.item-3 a .ttl { padding-left: 10px; }
.hp-boxes .item a .txt { right: 10px; }
.hp-brands .slider-1-item { padding: 0; }
/********************* HOMEPAGE *********************/
}

@media only screen and (max-width: 479px) {
/********************* FOOTER *********************/
footer .top .cols { grid-template-columns: repeat(2,1fr); grid-gap: 30px 0; }
footer .top .col.col-1 { grid-column: span 2; margin-bottom: 0; }
footer .top .col.col-4 { grid-column: span 2; }
/********************* FOOTER *********************/
}

@media only screen and (max-width: 360px) {

}

.icms-content { overflow: hidden; }
.icms-content .form-group { margin-top: 20px; }
.icms-content .form-control { padding: 0 10px; height: 40px; font-size: 14px; color: #000; opacity: 1 !important; }
.icms-content .form-control::-webkit-input-placeholder { opacity: 0.4 !important; font-size: 14px; color: #000; }
.icms-content .form-control:-moz-placeholder { /* Firefox 18- */ opacity: 0.4 !important; font-size: 14px; color: #000; }
.icms-content .form-control::-moz-placeholder {  /* Firefox 19+ */ opacity: 0.4 !important; font-size: 14px; color: #000; }
.icms-content .form-control:-ms-input-placeholder { opacity: 0.4 !important; font-size: 14px; color: #000; }
.icms-content .form-control:-ms-input-placeholder { opacity: 0.4 !important; font-size: 14px; color: #000; }
.icms-content .form-control[disabled] { background: #e4e4e4; }
.icms-content .btn-sm { font-size: 14px; }
.icms-content .chckbx label { display: inline-block; vertical-align: middle; margin: 0 0 0 12px; font-weight: 400; cursor: pointer; }
.icms-content .page-ttl {border-bottom: 1px solid #000;padding-top: 30px;}
.icms-content .page-ttl h1, .page-ttl h2 {font-size: 24px;margin: 0;padding:0 0 15px 0;text-align: center;font-weight: 400;}
.icms-content .page-sttl {border-bottom: 1px solid #000;padding-top: 30px;}
.icms-content .page-sttl h1, .page-sttl h2 {font-size: 18px;margin: 0;padding:0 0 10px 0;text-align: center;font-weight: 400;}
.icms-content .simple-form-content { margin-top: 24px; }
.icms-content .simple-form-content-ins { max-width: 650px; margin: auto auto; }
.icms-content .simple-form-content-ins-top { padding-top: 30px; }
.icms-content .simple-form-content label { line-height: normal;}
.icms-content .simple-form-content .lft {float: left;}
.icms-content .simple-form-content .rgt {float: right;}
.icms-content .register-info {text-align: center; margin-top: 20px;}
.icms-content .register-info h1, .icms-content .register-info h2, .icms-content .register-info h3 {font-size: 26px; line-height: normal; font-weight: 400; }
.icms-content .register-info p { line-height: normal; }
.icms-content .my-page {max-width: 100%; margin: auto auto; padding: 0px;}
.icms-content .my-page .my-menu{margin-top: 20px;}
.icms-content .my-page .my-menu ul{padding: 0; margin: 0; list-style: none;}
.icms-content .my-page .my-menu ul li{padding: 3px 0; margin: 0; list-style: none;}
.icms-content .my-page .my-menu ul li a{text-decoration: none;line-height: normal;}
.icms-content .my-page .my-menu ul li a.active{font-weight: 700;}
.icms-content .my-page .my-dashboard{text-align: left; margin-top: 20px;}
.icms-content .my-page .my-dashboard .greeting{ padding-top: 3px;}
.icms-content .my-page .my-dashboard .greeting b{font-weight: 700;}
.icms-content .my-page .my-dashboard .my-dash-box{border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.icms-content .my-page .my-dashboard .my-dash-box h2{margin: 0; padding: 0; margin-top: 20px; font-size: 18px;}
.icms-content .my-page .my-dashboard .my-dash-box .txt{ padding: 5px 0;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info{ padding: 10px 0 5px 0;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info span{font-weight: 700;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info .p-ttl{padding-bottom: 10px;}
.icms-content .my-page .my-dashboard .my-dash-box .box-info .p-sub {}
.icms-content .my-page .my-boxes{text-align: center;}
.icms-content .my-page .my-boxes .my-forms {padding-top: 20px;}
.icms-content .my-page .my-boxes .my-forms input{}
.icms-content .my-page .my-boxes .my-forms input[type="checkbox"]{margin-top: 9px;}
.icms-content .my-page .my-boxes .my-forms select {}
.icms-content .my-page .my-boxes .my-forms textarea {}
.icms-content .my-page .my-boxes .my-forms .txt{ text-align: center; padding-top: 10px;}
.icms-content .my-page .my-boxes > div.txt{ padding-top: 10px;}
.icms-content .my-page .prd-list-fav{margin-top: 20px;}
.icms-content .my-page .prd-list-fav ul{list-style: none; padding: 0; margin: 0;}
.icms-content .my-page .prd-list-fav ul li{list-style: none; padding: 0; margin: 10px 0 40px 0; float: left; width: 33.33%;}
.icms-content .my-page .prd-list-fav ul li div.img-wrapper{position: relative; overflow: hidden;}
.icms-content .my-page .prd-list-fav ul li div.img-wrapper img{display: block; width: 100%;}
.icms-content .my-page .prd-list-fav ul li div.item-text{position: relative; padding-top: 10px;}
.icms-content .my-page .prd-list-fav ul li div.item-text a.item-link{text-decoration: none; display: block;}
.icms-content .my-page .prd-list-fav ul li div.item-text a.item-link .ttl{ line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.icms-content .my-page .prd-list-fav ul li div.item-text a.item-link .code{ line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.icms-content .my-page .prd-list-fav ul li div.actions{margin-top: 10px;}
.icms-content .my-page .prd-list-fav ul li div.actions .avail{ font-weight: 700; display: block;}
.icms-content .my-page .prd-list-fav ul li div.actions .my-button{ font-weight: 700; display: inline-block; cursor: pointer;}
.icms-content .my-page .my-points {margin-top: 20px;}
.icms-content .my-page .my-points .box-info{ padding: 0px 0 20px 0;}
.icms-content .my-page .my-points .box-info span{font-weight: 700;}
.icms-content .my-page .my-points table{background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse;}
.icms-content .my-page .my-points table thead{}
.icms-content .my-page .my-points table thead tr{}
.icms-content .my-page .my-points table thead tr td{ padding: 15px 10px; border-top: none;}
.icms-content .my-page .my-points table thead tr td:first-child{}
.icms-content .my-page .my-points table thead tr td:last-child{}
.icms-content .my-page .my-points table tbody{}
.icms-content .my-page .my-points table tbody tr{}
.icms-content .my-page .my-points table tbody tr td{padding: 10px 10px; position: relative; border: 1px solid #ecf0f1;}
.icms-content .my-page .my-points table tbody tr td b{font-weight: 700;}
.icms-content .my-page .my-points table tbody tr td:first-child{border-left: 0;}
.icms-content .my-page .my-points table tbody tr td:last-child{border-right: 0;}
.icms-content .my-page .my-points table tbody tr.expired {background-color: #F5F5F5;}
.icms-content .my-orders-list {margin-top: 20px;}
.icms-content .my-orders-list .my-list-ord {margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.icms-content .my-orders-list .my-list-ord .my-o-order-id {}
.icms-content .my-orders-list .my-list-ord .my-o-order-id span { font-weight: 700; display: block;}
.icms-content .my-orders-list .my-list-ord .my-o-order-date { text-align: center;}
.icms-content .my-orders-list .my-list-ord .my-o-order-date span { font-weight: 700; display: block;}
.icms-content .my-orders-list .my-list-ord .my-o-order-status { text-align: right;}
.icms-content .my-orders-list .my-list-ord .my-o-order-status span { font-weight: 700; display: block;}
.icms-content .my-orders-list .my-list-ord .my-list-item {padding-top: 10px; display: none;}
.icms-content .my-orders-list .my-list-ord .my-list-item table {background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse;}
.icms-content .my-orders-list .my-list-ord .my-list-item table th { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 5px 5px;}
.icms-content .my-orders-list .my-list-ord .my-list-item table td {padding: 5px 5px; position: relative; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; vertical-align: top;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-img {float: left; margin-right: 10px;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-img img {max-width: 110px; width: 100%; display: block;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-ttl { text-decoration: none; font-weight: 700;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-code { text-decoration: none;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-attrs {padding-top: 5px;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-attrs div {font-weight: 700;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-qty { font-weight: 700;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-price { font-weight: 700;}
.icms-content .my-orders-list .my-list-ord .my-list-item .my-o-price-old { text-decoration: line-through; padding-top: 5px;}
.icms-content .my-orders-list .my-o-but {text-align: center;}
.icms-content .my-orders-list .my-o-but button {margin-top: 10px;}
.icms-content .my-orders-list .my-order-info {margin-top: 10px;}
.icms-content .my-orders-list .my-order-info .myo-i-ttl{ font-weight: 700;}
.icms-content .my-orders-list .my-order-info .myo-i-rows{ line-height: normal;}
.icms-content .my-orders-list .my-order-info .myo-i-rows-other{ line-height: normal;}
.icms-content .shopping-bag {padding: 0;}
.icms-content .shopping-bag form {margin: 0;}
.icms-content .shopping-bag a.sc-img{float: left; margin-right: 10px;}
.icms-content .shopping-bag a.sc-img img{max-width: 150px; width: 100%; display: block;}
.icms-content .shopping-bag a.sc-ttl{ text-decoration: none; font-weight: 700;}
.icms-content .shopping-bag div.sc-attrs{padding-top: 5px; padding-bottom: 25px;}
.icms-content .shopping-bag div.sc-attrs div{ }
.icms-content .shopping-bag div.sc-attrs div.notify{}
.icms-content .shopping-bag div.sc-price{}
.icms-content .shopping-bag div.sc-price-old{ text-decoration: line-through; padding-top: 5px;}
.icms-content .shopping-bag div.sc-price-t{ font-weight: 700;}
.icms-content .shopping-bag div.sc-price-t-old{ text-decoration: line-through; padding-top: 5px;}
.icms-content .shopping-bag div.sc-qty{}
.icms-content .shopping-bag div.sc-qty form{ display: inline-block; }
.icms-content .shopping-bag div.sc-qty input{border: 0; background: transparent; padding: 0; margin: 0px; width: 30px; display: inline-block; text-align: center; margin-top: 0px;}
.icms-content .shopping-bag div.sc-qty button{padding: 0px; margin: 0px; width: 20px; display: inline-block;}
.icms-content .shopping-bag .update-qty{float: left;}
.icms-content .shopping-bag .sc-remove{position: absolute; bottom: 10px; left: 170px; display: block; border-bottom: 1px solid #000; text-decoration: none;} /*.icms-content .shopping-bag .update-qty button{ position: relative; padding: 5px 10px; background: #e2e6e7; color: #292f38; min-width: 0 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; margin-bottom: 0px; } .icms-content .shopping-bag .update-qty button:focus{ border: 2px outset buttonface;}*/
.icms-content .shopping-bag .sc-txt{ text-align: right; line-height: 28px;}
.icms-content .shopping-bag .sc-val{ line-height: 28px; font-weight: 700;}
.icms-content .shopping-bag .sc-val label{padding-right: 5px; display: inline-block;}
.icms-content .shopping-bag .sc-val .icheckbox_flat{/*float: left; margin-top: 1px;*/}
.icms-content .shopping-bag .sc-txt-t{ text-align: right; font-weight: 700;}
.icms-content .shopping-bag .sc-val-t{ font-weight: 700;}
.icms-content .shopping-bag .sc-more-options{}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form{ border-top: 1px solid #dfdfdf; padding-top: 10px; padding-bottom: 10px;}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form label{margin-bottom:0; font-size: 18px; line-height: 36px;}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form input{width: 170px; float: left; margin-right: 10px;}
.icms-content .shopping-bag .sc-more-options .sc-coupon-form button{height: 36px; padding-top: 0; padding-bottom: 0; font-weight: 700; vertical-align: top;} /*.icms-content .shopping-bag .sc-more-options .sc-coupon-form button{ position: relative; padding: 8px 15px; background: #e2e6e7; color: #292f38;  min-width: 0 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; margin-bottom: 0px;}*/
.icms-content .shopping-bag .sc-credits{margin-top: 20px; border-top: 1px solid #dfdfdf; padding-top: 10px;}
.icms-content .shopping-bag .sc-credits label{ display: inline-block; cursor: pointer;}
.icms-content .shopping-bag .sc-points {border-top: 1px solid #dfdfdf; padding-top: 10px;}
.icms-content .shopping-bag .sc-points .sc-av-points {}
.icms-content .shopping-bag .sc-points .sc-av-points span {font-weight: 700;}
.icms-content .shopping-bag .sc-points .sc-point-options {}
.icms-content .shopping-bag .sc-points .sc-point-options .sc-p-ttl {padding: 5px 0 5px 0;}
.icms-content .shopping-bag .sc-points .sc-point-options table{width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; max-width: 400px;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr{}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td{text-align: left; padding: 5px;  border: 1px solid #ddd;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.frst{width: 33%;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.scnd{width: 34%; text-align: center; font-weight: 700;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.scnd select{width: auto; max-width: 100%; text-align: center; border: 0; display: inline-block; font-weight: 700; padding: 0 5px 0 0; margin: 0;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.thrd{width: 33%; text-align: right;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.final{text-align: left; padding: 5px 0 0 0; border: 0px solid #ddd;}
.icms-content .shopping-bag .sc-points .sc-point-options table tr td.final button{margin-top: 0px;}
.icms-content .sb-table {background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse;}
.icms-content .sb-table th,.icms-content .sb-table td{border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.icms-content .sb-table th{}
.icms-content .sb-table tr:first-child th:nth-child(4) {width: 150px;}
.icms-content .sb-table tr:first-child th:nth-child(3){width: 100px;} /*.icms-content .sb-table tr:first-child th:first-child{width:320px;}  */
.icms-content .sb-table tr:first-child th:nth-child(2){width: 100px;}
.icms-content .sb-table tr:first-child th{padding: 15px 10px; border-top: none;}
.icms-content .sb-table tr:first-child th:first-child, .icms-content .sb-table tr td:first-child{}
.icms-content .sb-table tr:first-child th:last-child, .icms-content .sb-table tr td:last-child{}
.icms-content .sb-table tr:last-child td{border-bottom: none; padding: 10px 10px;}
.icms-content .sb-table td{padding: 10px 10px; position: relative;}
.icms-content .sb-table td[colspan],.icms-content .sb-table td[colspan] + td{padding-top: 14px; padding-bottom: 14px;}
.icms-content .sb-table tr.sc-mini td {padding-top: 5px; padding-bottom: 5px; border-top: 0px; border-bottom: 0px;}
.icms-content .sb-table tr.empty td {padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-bottom: 0px; height: 10px;}
.icms-content .my-sc-steps {margin-top: 15px;}
.icms-content .my-sc-steps .step-sc {margin-top: 5px;}
.icms-content .my-sc-steps .step-sc h3.step-title{background: #ccc; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; padding: 10px 10px 10px 10px; color: #fff; position: relative; font-size: 16px; margin: 0px; font-weight: 700;}
.icms-content .my-sc-steps .step-sc h3.step-title.active {background: #000; color: #fff;}
.icms-content .my-sc-steps .step-sc .step-content{padding: 10px 10px; background: #fff;}
.icms-content .sc-step-form {}
.icms-content .sc-step-form input{}
.icms-content .sc-step-form button[type="submit"] {}
.icms-content .sc-step-form select {}
.icms-content .sc-step-form textarea {}
.icms-content .sc-step-form label { line-height: 30px;}
.icms-content .sc-step-form h2.ttl {font-size: 20px; text-align: center; margin: 0; padding: 10px 0 10px 0; line-height: normal;}
.icms-content .sc-step-form .txt { text-align: center; padding-top: 10px;}
.icms-content .sc-step-form .more { text-align: center; padding-top: 10px;}
.icms-content .sc-step-form .more a { text-decoration: none;}
.icms-content .sc-step-options {}
.icms-content .sc-step-options .sc-option{padding: 20px 0;}
.icms-content .sc-step-options .sc-option .sc-option-txt{ padding-top: 5px;}
.icms-content .sc-step-options .sc-option .sc-option-ttl{display: inline-block; padding-left: 10px; line-height: 20px;}

.checkcout { margin-top: 10px; }
.checkcout .m-ttl h1 span { font-size: 32px; }

.ckeckout-page { }
.ckeckout-page button { font-size: 16px; }
.ckeckout-page .radio { position: relative; padding-left: 22px; }
.ckeckout-page .radio .iradio_square { position: absolute; top: 0; left: 0; }
.ckeckout-page .radio label span { font-size: 14px; opacity: 0.6; }
.ckeckout-page .form-group { margin-top: 20px; }
.ckeckout-page .form-group:after { content: ""; display: block; clear: both; }
.ckeckout-page .form-control { padding: 0 10px; height: 40px; font-size: 14px; color: #000; opacity: 1 !important; }
.ckeckout-page textarea.form-control { padding: 10px; height: 140px; }
.ckeckout-page .form-control::-webkit-input-placeholder { opacity: 0.4 !important; font-size: 14px; color: #000; }
.ckeckout-page .form-control:-moz-placeholder { /* Firefox 18- */ opacity: 0.4 !important; font-size: 14px; color: #000; }
.ckeckout-page .form-control::-moz-placeholder {  /* Firefox 19+ */ opacity: 0.4 !important; font-size: 14px; color: #000; }
.ckeckout-page .form-control:-ms-input-placeholder { opacity: 0.4 !important; font-size: 14px; color: #000; }
.ckeckout-page .form-control:-ms-input-placeholder { opacity: 0.4 !important; font-size: 14px; color: #000; }
.ckeckout-page .form-control[disabled] { background: #e4e4e4; }
.ckeckout-page .chckbx { margin-top: 10px; }
.ckeckout-page .chckbx label { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; font-weight: 400; cursor: pointer; }
.ckeckout-page .radio input[type="radio"] { margin: 7px 0 0 0; }
.ckeckout-page h2.ttl { display: block; margin: 0; padding: 10px 16px; color: #fff; background: #000; font-size: 14px; font-weight: 500; }
.ckeckout-page h2.marg-15 { margin-bottom: 15px; }
.ckeckout-page label { font-weight: 400; margin: 0; font-size: 14px; }
.ckeckout-page .marg-top { margin-top: 20px; }
.ckeckout-page .marg-bot { margin-bottom: 20px; }
.ckeckout-page .lft { float: left; width: 36%; padding-right: 20px; margin-top: 23px; }
.ckeckout-page .rgt { float: right; width: 64%; margin-top: 23px; }
.ckeckout-page .radio { margin-top: 13px; margin-bottom: 0; }
.ckeckout-page .radio label,.ckeckout-page .checkbox label { margin-bottom: 0; padding-left: 20px; }
.ckeckout-page .radio label div,.ckeckout-page .checkbox label div { margin-right: 4px; }
.ckeckout-page .required{}
.ckeckout-page .required label:before{content:"* ";color:#ff0000;}
.ckeckout-page .login-box { }
.ckeckout-page .type-of-invoice { }
.ckeckout-page .type-of-invoice #invoice-type-selection label { display: none; }
.ckeckout-page .type-of-invoice select {}
.ckeckout-page .checkout-shipping-methods { float: left; width: 50%; padding-right: 10px; }
.ckeckout-page .checkout-payment-methods { float: right; width: 50%; padding-left: 10px; }
.ckeckout-page .coupon-voucher { }
.ckeckout-page .coupon-voucher label { display: none; }
.ckeckout-page .coupon-voucher .inpt { float: left; width: 66%; padding-right: 5px; }
.ckeckout-page .coupon-voucher .mybtn { float: right; width: 34%; }
.ckeckout-page .coupon-voucher .btn-danger { height: 36px; }
.ckeckout-page .checkout-cart table{margin-bottom:0; font-size: 14px;}
.ckeckout-page .checkout-cart td{border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0;}
.ckeckout-page .checkout-cart thead td{text-align:center;border-top-width:1px;border-style:solid;border-color:#f4f4f4;font-weight:400;}
.ckeckout-page .checkout-cart thead td:first-of-type{border-left-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart thead td:last-of-type{border-right-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tbody tr:first-of-type td{border-style:solid;border-color:#f4f4f4;border-top-width:1px;}
.ckeckout-page .checkout-cart tbody td{border-right-width:1px;border-bottom-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tbody td:first-of-type{border-left-width:1px;border-style:solid;border-left-color:#f4f4f4;}
.ckeckout-page .checkout-cart tbody td.name{padding-right:5px;}
.ckeckout-page .checkout-cart tbody .total{font-weight:400;}
.ckeckout-page .checkout-cart tfoot td strong{font-weight:400;}
.ckeckout-page .checkout-cart tfoot td:first-of-type{border-left-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tfoot td:last-of-type{border-right-width:1px;border-style:solid;border-color:#f4f4f4;}
.ckeckout-page .checkout-cart tfoot tr:first-of-type td{padding-top:12px;}
.ckeckout-page .checkout-cart tfoot tr:last-of-type td{border-bottom-width:1px;border-style:solid;border-color:#f4f4f4;padding-bottom:12px;}
.ckeckout-page .checkout-cart td.quantity{text-align:center;}
.ckeckout-page .checkout-cart td.quantity input[type='text']{margin-right:4px;text-align: center;height: 36px;}
.ckeckout-page .checkout-cart td.quantity .input-group{display:inline-block;width:auto;}
.ckeckout-page .checkout-cart td.quantity .input-group input{position:relative;top:0;width:auto;}
.ckeckout-page .checkout-cart td.quantity .input-group button{height: 36px;}
.ckeckout-page .checkout-cart td.quantity .input-group button:last-child{margin-left: 1px;}
.ckeckout-page .checkout-cart td.price, .ckeckout-page .checkout-cart td.total{text-align:center;}
.ckeckout-page .checkout-cart td.price .sc-price-old, .ckeckout-page .checkout-cart td.total .sc-price-old{ text-decoration: line-through;}
.ckeckout-page .checkout-cart td.image{max-width:70px;padding-left:0;border-right:0;}
.ckeckout-page .checkout-cart td.image img{margin-left:10px;max-width:100%;height:auto;padding:1px;}
.ckeckout-page .checkout-cart td.name{max-width:155px;white-space:normal;}
.ckeckout-page .checkout-loading{opacity:0.5;pointer-events:none;}
.checkout-type-login .checkout-content:not(.checkout-login):not(.login-box){opacity:0.5;pointer-events:none;}

.shopping-bag { padding: 0 10px; }
.shopping-bag a.sc-img { float: left; margin-right: 10px; }
.shopping-bag a.sc-img img { max-width: 110px; width: 100%; display: block; }
.shopping-bag a.sc-ttl { font-size: 16px; color: #000; text-decoration: none; font-weight: 100; text-transform: uppercase; }
.shopping-bag div.sc-attrs { padding-top: 5px; }
.shopping-bag div.sc-attrs div { color: #000; font-weight: 100; font-size: 16px; text-transform: uppercase; }
.shopping-bag div.sc-attrs div.notify { font-weight: normal; color: #e17667; }
.shopping-bag div.sc-price { font-size: 18px; color: #000; font-weight: normal; }
.shopping-bag div.sc-price-old { font-size: 18px; color: #a1a1a1; text-decoration: line-through; padding-top: 5px; }
.shopping-bag div.sc-price-t { font-size: 18px; color: #000; font-weight: normal; }
.shopping-bag div.sc-price-t-old { font-size: 18px; color: #a1a1a1; text-decoration: line-through; padding-top: 5px; }
.shopping-bag div.sc-qty { font-size: 18px; color: #000; font-weight: 700; }
.shopping-bag div.sc-qty select { font-size: 18px; font-weight: normal; padding: 0; width: auto; margin: 0; background: #fff; border: 0; }
.shopping-bag div.sc-qty input { border: 0; color: #000; background: transparent; padding: 0; margin: 0px; font-size: 18px; font-weight: 700; width: 30px; display: inline-block; text-align: center; margin-top: 0px; }
.shopping-bag div.sc-qty button { border: 1px solid #ececeb; color: #000; background: #f5f7f8; padding: 0; margin: 0px; font-size: 14px; font-weight: 700; line-height: 24px; width: 20px; display: inline-block; }
.shopping-bag div.sc-qty button:focus { outline: none !important; }
.shopping-bag .update-qty { float: left; }
.shopping-bag .sc-remove { position: absolute; bottom: 10px; left: 100px; display: block; font-size: 14px; line-height: 24px; color: #a1a1a1; background: #eeeeee; padding: 0 5px; text-decoration: none; text-transform: uppercase; }
.shopping-bag .sc-remove:hover { background: #000; color: #fff; }
.shopping-bag .sc-remove .fa { margin-right: 5px; font-size: 15px; }
.shopping-bag .update-qty button { position: relative; padding: 5px 10px; background: #000; font-size: 12px; color: #fff; margin: 0; border: 0; }
.shopping-bag .sc-txt { font-size: 18px; color: #000; text-align: right; line-height: 20px; text-transform: uppercase; }
.shopping-bag .sc-val { font-size: 18px; color: #000; font-weight: normal; line-height: 20px; }
.shopping-bag .sc-val label { padding-right: 5px; font-size: 18px; color: #000; font-weight: normal; display: inline-block; }
.shopping-bag .sc-val .icheckbox_flat {/*float: left; margin-top: 1px;*/ }
.shopping-bag .sc-txt-t { font-size: 18px; color: #000; font-weight: 500; text-align: right; text-transform: uppercase; }
.shopping-bag .sc-val-t { font-size: 18px; color: #000; font-weight: 500; }
.shopping-bag .sc-more-options { }
.shopping-bag .sc-more-options .sc-coupon-form { margin-top: 20px; border-top: 1px solid #e3e3e3; padding-top: 20px; }
.shopping-bag .sc-more-options .sc-coupon-form label { font-size: 16px; font-weight: normal; float: left; color: #000; line-height: 30px; margin-right: 10px; }
.shopping-bag .sc-more-options .sc-coupon-form input { width: 196px; background: transparent; padding: 0; margin: 0; color: #000; border: 0; border-bottom: 1px solid #000; outline: none; resize: none; display: inline-block; margin-right: 5px; font-size: 16px; }
.shopping-bag .sc-more-options .sc-coupon-form button { position: relative; margin: 0; border: 0; padding: 0; background: transparent; font-size: 16px; color: #000; line-height: 22px; }
.shopping-bag .sc-credits { margin-top: 20px; border-top: 1px solid #e3e3e3; padding-top: 20px; }
.shopping-bag .sc-credits label { font-size: 16px; color: #000; font-weight: normal; display: inline-block; cursor: pointer; }
.shopping-bag .sc-points { position: relative; margin-top: 20px; border-top: 1px solid #e3e3e3; padding-top: 20px; }
.shopping-bag .sc-points span.sc-av-points { display: block; font-size: 16px; font-weight: normal; color: #000; }
.shopping-bag .sc-points span.sc-av-points span { font-weight: 500; }
.shopping-bag .sc-points button.sc-show-points { position: relative; padding: 5px 10px; background: #000; font-size: 12px; color: #fff; margin: 5px 0 0 0; border: 0; }
.shopping-bag .sc-points .sc-point-options { display: none; max-width: 380px; border: 1px solid #000; }
.shopping-bag .sc-points .sc-point-options:before { }
.shopping-bag .sc-points .sc-point-options:after { }
.shopping-bag .sc-points .sc-point-options .sc-p-ttl { font-size: 16px; padding: 5px 10px; color: #000; }
.shopping-bag .sc-points .sc-point-options table { width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; }
.shopping-bag .sc-points .sc-point-options table tr { }
.shopping-bag .sc-points .sc-point-options table tr td { text-align: left; padding: 10px; font-size: 18px; color: #000; }
.shopping-bag .sc-points .sc-point-options table tr td.frst { width: 33%; }
.shopping-bag .sc-points .sc-point-options table tr td.scnd { width: 34%; text-align: center; font-weight: normal; }
.shopping-bag .sc-points .sc-point-options table tr td.scnd select { width: auto; max-width: 100px; text-align: center; border: 0; display: inline-block; font-weight: normal; font-size: 18px; padding: 0; margin: 0; color: #000; }
.shopping-bag .sc-points .sc-point-options table tr td.thrd { width: 33%; text-align: right; }
.shopping-bag .sc-points .sc-point-options table tr td.final { text-align: center; }
.shopping-bag .sc-points .sc-point-options table tr td.final button { margin-top: 0px; }
.shopping-bag .checkout-steps { }
.shopping-bag .checkout-steps ul { list-style: none; padding: 0; margin: 0; overflow: hidden; /*CSS counters to number the steps*/ }
.shopping-bag .checkout-steps ul li { list-style-type: none; color: #000; text-transform: uppercase; font-size: 12px; width: 20%; float: left; position: relative; text-align: center; }
.shopping-bag .checkout-steps ul li:before { content: ""; height: 20px; width: 20px; line-height: 20px; display: block; font-size: 10px; color: #333; background: #a1a1a1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 auto 5px auto; }
.shopping-bag .checkout-steps ul li:after { content: ''; width: 100%; height: 2px; background: #a1a1a1; position: absolute; left: -50%; top: 9px; z-index: -1;/*put it behind the numbers*/ }
.shopping-bag .checkout-steps ul li:first-child:after { content: none; }
.shopping-bag .checkout-steps ul li.active:before, .shopping-bag .checkout-steps ul li.active:after { background: #000; color: #fff; }
.checkout-steps2 .panel-primary>.panel-heading { color: #fff; background-color: #000; border-color: #000; padding: 0; font-size: 15px; font-weight: 700; border: 0; margin: 0; }
.checkout-steps2 .panel-primary>.panel-heading.disabled { background-color: #ddd; border-color: #ddd; }
.checkout-steps2 .panel-title { padding: 10px 10px 10px 10px; cursor: pointer; margin: 0px; }
.checkout-steps2 .panel { -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0); border: 0; }
.checkout-steps2 .panel-primary>.panel-heading .badge { line-height: 34px; color: #000; background-color: transparent; }
.checkout-steps2 .panel-title > a, .checkout-steps2 .panel-title > small, .checkout-steps2 .panel-title >.small, .checkout-steps2 .panel-title > small > a, .checkout-steps2 .panel-title >.small > a { color: inherit; }
.checkout-steps2 .panel-title a { cursor: pointer; font-weight: 700; font-size: 15px; }
.checkout-steps2 .panel-title a, .checkout-steps2 .panel-title a:focus, .checkout-steps2 .panel-title a:hover { text-decoration: none; }
.checkout-steps2 .panel-title a.disabled { color: #000; }
.checkout-steps2 { margin-top: 20px; }
.checkout-steps2 .panel-body { border: 0; padding: 10px 10px; background: #fff; }
.checkout-steps2 .panel-group .panel-heading+.panel-collapse>.panel-body, .checkout-steps2 .panel-group .panel-heading+.panel-collapse>.list-group { border-top: 0; }
.checkout-steps2 .panel-body h2.ttl { font-size: 20px; margin: 0; padding: 0 0 10px 0; line-height: normal; font-weight: 600; }
.checkout-steps2 .panel .panel-footer:empty { padding: 0; min-height: 5px; }
.gift-tooltip { background: url(../img/gift-box.png) no-repeat 0 0; width: 128px; height: 85px; display: block; }
.no-outline { outline: none !important; }
.sb-table { background: #fff; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; }
.sb-table th, .sb-table td { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.sb-table th { font-size: 16px; color: #000; text-transform: uppercase; }
.sb-table tr:first-child th:nth-child(4) { width: 150px; }
.sb-table tr:first-child th:nth-child(3) { width: 100px; }
/*.sb-table tr:first-child th:first-child{width:320px;}  */
.sb-table tr:first-child th:nth-child(2) { width: 100px; }
.sb-table tr:first-child th { padding: 15px 10px 10px 0; border-top: none; }
.sb-table tr:first-child th:first-child, .sb-table tr td:first-child { }
.sb-table tr:first-child th:last-child, .sb-table tr td:last-child { }
.sb-table tr:last-child td { border-bottom: none; padding: 10px 10px 10px 0; }
.sb-table td { padding: 10px 10px 10px 0; position: relative; }
.sb-table td[colspan], .sb-table td[colspan] + td { padding-top: 14px; padding-bottom: 14px; }
.sb-table tr.sc-mini td { padding-top: 5px; padding-bottom: 5px; border-top: 0px; border-bottom: 0px; }
.sb-table tr.empty td { padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-bottom: 0px; height: 10px; }

@media only screen and (min-width:1100px){
.checkout-register label, .checkout-login label{width:31%;min-height:30px;line-height:30px;float:left;}
.checkout-register label + input,
.checkout-register label + div,
.checkout-login label + input{width:65%;float:right;}
.ckeckout-page .checkout-cart tbody td.name{padding-left:7px;}
}

@media only screen and (max-width: 1200px) { /* .col-lg- */
.icms-content .btn-custom {padding: 7px 10px; }

.icms-content .chckbx label { margin: 1px 0 0 6px; }

.icms-content .page-ttl h1, .page-ttl h2 {font-size: 20px;}

.icms-content .simple-form-content { margin-top: 0; }
.icms-content .simple-form-content-ins { max-width: 100%; }
.icms-content .simple-form-content-ins-top { padding-top: 0; }
.icms-content .simple-form-content .lft {float: none;margin-top: 20px;}
.icms-content .simple-form-content .rgt {float: none;}
.icms-content .register-info h1, .icms-content .register-info h2, .icms-content .register-info h3 {font-size: 20px; }

.checkout .m-ttl h1 span { font-size: 24px; }

.ckeckout-page h2.ttl { padding: 6px 10px; }
}

@media only screen and (max-width: 992px) {
.icms-content .shopping-bag .update-qty {float: none; padding-bottom: 20px;}
.icms-content .shopping-bag .sc-remove{left: 15px;}
.icms-content .shopping-bag .sc-txt{text-align: center;}
.icms-content .shopping-bag .sc-val{border-bottom: 1px solid #e3e3e3; padding-bottom: 10px;}
.icms-content .shopping-bag .sc-val label{padding-left: 5px; display: inline-block;}
.icms-content .shopping-bag .sc-val .icheckbox_flat{float: none; margin: auto;}
.icms-content .shopping-bag .sc-txt-t{text-align: center;}
.icms-content .shopping-bag .sc-val-t{border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.icms-content .shopping-bag .sc-more-options{text-align: center;}
.icms-content .shopping-bag .sc-points{max-width: 100%; margin-left: auto; margin-right: auto;}
.icms-content .sb-table {display: block; text-align: center;}
.icms-content .sb-table thead {display: block;}
.icms-content .sb-table thead tr {display: block; position: absolute; top: -9999px; left: -9999px; display: block;}
.icms-content .sb-table tbody {display: block;}
.icms-content .sb-table tbody tr {display: block;}
.icms-content .sb-table tbody tr td {display: block; position: relative; padding-left: 32% !important; border-left: none !important; border-right: none !important; border-top: none;}
.icms-content .sb-table tbody tr td:before {content: attr(data-title); position: absolute; top: 50%; left: 0px; width: 30%; padding-right: 0px; -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.icms-content .sb-table td[colspan]{width: 100%; text-align: center; padding-left: 15px !important;}

.ckeckout-page .checkout-cart td.quantity input[type='text']{display:block;float:none;width:auto;min-width:42px;margin:0 auto;}
.ckeckout-page .checkout-cart td.quantity .input-group{display:inline-block;}
.ckeckout-page .checkout-cart td.quantity .input-group input{margin-top:5px;}
.ckeckout-page .checkout-cart td.quantity .input-group input:first-of-type{margin-right:5px;}
.ckeckout-page .checkout-cart td.quantity input[type='text']{width:100%;min-width:76px;margin-bottom:5px;}
}

@media only screen and (max-width: 767px) {
.ckeckout-page .lft { float: none; width: 100%; padding-right: 0; }
.ckeckout-page .rgt { float: none; width: 100%; }
.ckeckout-page .checkout-product table{min-width:460px;}
.ckeckout-page .checkout-product table td{width:auto;}
.ckeckout-page .checkout-cart td.name{padding-left:0;}
.ckeckout-page .checkout-content thead .model,
.ckeckout-page .checkout-content thead .quantity,
.ckeckout-page .checkout-content thead .price,
.ckeckout-page .checkout-content tbody .model,
.ckeckout-page .checkout-content tbody .quantity,
.ckeckout-page .checkout-content tbody .price{display:table-cell;}
.ckeckout-page .checkout-cart td.name a{margin-left:0;}
.ckeckout-page .checkout-cart td.image img{max-width:80%;}
.ckeckout-page .table-responsive{max-height:none;}
}

@media only screen and (max-width: 480px) {
.icms-content .m-ttl { margin-top: 26px; }

.icms-content .my-page .prd-list-fav ul li{width: 50%;}

.ckeckout-page .checkout-shipping-methods { float: none; width: 100%; padding-right: 0; }
.ckeckout-page .checkout-payment-methods { float: none; width: 100%; padding-left: 0; }
}