a { -webkit-transition: color .2s ease-in; -o-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; }
.checkbox label:after, .radio label:after { content: ''; display: table; clear: both; }
.checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff; width: 16px; height: 16px; float: left; margin-right: 10px; }
.radio .cr { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: 12px; line-height: 0; top: 50%; left: 0; color: #000; width: 100%; text-align: center; }
.radio .cr .cr-icon { margin-left: 0.04em; }
.checkbox label input[type="checkbox"], .radio label input[type="radio"] { display: none; }
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon { -webkit-transform: scale(3) rotateZ(-20deg); -ms-transform: scale(3) rotate(-20deg); -moz-transform: scale(3) rotateZ(-20deg); -o-transform: scale(3) rotateZ(-20deg); transform: scale(3) rotateZ(-20deg); opacity: 0; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; }
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon { -webkit-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotateZ(0deg); -o-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr { opacity: .5; }
.animatethis { -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; -moz-transition: all 300ms linear; transition: all 300ms linear; }
.pfirstchild p:first-child { margin-top: 0px; padding-top: 0px; }
.pfirstchild p:last-child { margin-bottom: 0px; padding-bottom: 0px; }
label[class*="required"]:after { content: "*"; display: inline-block; vertical-align: top; margin-left: 4px; color: #FF0000; }
.main-content { max-width: 1920px; margin: auto auto; }
.main-content-pad { padding-left: 10px; padding-right: 10px; }
.main-content-ins { padding: 62px 50px 28px 50px; }
.likeabout { max-width: 1136px; }
.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }
#toTop { position: fixed; bottom: 14px; right: 14px; display: none; z-index: 10; }
#toTop i { font-size: 38px; color: #7ad3f7; cursor: pointer; }
input, textarea { outline: 0 !important; }
.brdcrmb { margin-top: 8px; }
.brdcrmb ol { list-style: none; padding: 0; margin: 0; }
.brdcrmb ol li { display: inline-block; }
.brdcrmb ol li+li:before { content: "|"; padding: 0 4px; display: inline-block; }
.mttl { text-align: center; margin-top: 30px; }
.mttl .ttl h1 { margin: 0; font-size: 30px; }
.mttl .txt { font-size: 18px; margin-top: 30px; }
.mttl .txt h2 { font-size: 18px; margin: 0; line-height: normal; }
.mttl .ln { border-bottom: 1px solid #000; max-width: 220px; margin: auto auto; padding-bottom: 50px; }
.pagin { text-align: right; margin-top: 24px; }
.pagin a { display: inline-block; margin-left: 12px; }
.pagin a:hover, .pagin li.active a { font-weight: 600; }
.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; }
.ph:-ms-input-placeholder { opacity: 1 !important; }
.ph:-ms-input-placeholder { opacity: 1 !important; }
.close-menu { position: relative; font-weight: 700; font-size: 13px; color: #999 !important; }
.close-menu .close-icon { position: absolute; right: 20px; border: 1px solid #999; width: 24px; height: 24px; line-height: 22px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.mm-menu { background: #fafafa; }
.btn-white { float: left; }
.btn-black { float: right; }
#cookie-bar { background: #000; background: rgba(0, 0, 0, 0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; z-index: 100; }
#cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; }
#cookie-bar.fixed.bottom { bottom: 0; top: auto; z-index: 999; }
#cookie-bar p { margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a { color: #fff; text-decoration: underline; font-size: 14px; }
#cookie-bar .cb-enable { background: #fff; color: #000; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; -moz-transition: all 300ms linear; transition: all 300ms linear; }
#cookie-bar .cb-enable:hover { background: #000; color: #fff; }
#cookie-bar .cb-disable { background: #990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover { background: #bb0000; }
#cookie-bar .cb-policy { background: #0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover { background: #0055dd; }

/********************* HEADER *********************/
body.mp-pushed-open { height: 100%; position: fixed; width: 100%; overflow-x: hidden; overflow-y: auto; }
body.mp-pushed-open .mp-menu { right: 0; padding-top: 0; background: #fff; -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
.mp-pusher, .mp-menu, .mp-menu .mp-level { -webkit-transition: all .5s; -o-transition: all .3s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.mp-menu .mp-level .menu-ttl { color: #fff; text-align: left; font-weight: normal; font-size: 16px; background: #000; padding-left: 20px; line-height: 30px; border-bottom: 1px solid #999; }
.mp-pusher { width: 100%; position: relative; left: 0; height: 100%; padding-top: 0px; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; }
.mp-menu {    /*position: relative;margin-top: 50px;*/
position: fixed; top: 0; right: -270px; z-index: 999; width: 270px; height: 100%; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; }
.mp-menu .mp-level { position: absolute; top: 0; right: -270px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 9; background: #000; }
.mp-pusher::after, .mp-menu .mp-level::after, .mp-menu .mp-level::before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; }
.mp-pusher::after, .mp-menu .mp-level::after { background: rgba(255, 255, 255, 0.3); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -o-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }
.mp-menu .mp-level::after { z-index: -1; }
.mp-pusher.mp-pushed {    /* left: 270px; */
position: fixed; }
.mp-pusher.mp-pushed::after, .mp-menu .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.mp-menu .mp-level.mp-level-overlay { cursor: pointer; overflow: hidden; }
.mp-menu .mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; }
.mp-cover .mp-level.mp-level-open { right: 0; padding-left: 0; }
.mp-menu>.mp-level ul { margin: 0; padding: 0; list-style: none; }
.mp-menu>.mp-level ul li { margin: 0; padding: 0 20px; border-bottom: 1px solid #666; }
.mp-menu>.mp-level ul li a { display: block; padding: 10px 0px; text-decoration: none; text-decoration: none; font-size: 16px; font-weight: normal; color: #fff; position: relative; }
.mp-menu>.mp-level ul li a:hover { }
.mp-menu>.mp-level .mp-back { outline: none; color: #ccc; display: block; text-decoration: none; line-height: 40px; padding: 0 20px; left: 0; text-align: left; width: 100%; border: 0; border-bottom: 1px solid #999; }
.icms-header { position: relative; height: 130px; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); z-index: 2; }
.icms-header .top-info { position: absolute; left: 0; top: 0; background: #000; color: #fff; width: 100%; font-size: 14px; line-height: 30px; padding: 0px 0 0px 10px; }
.icms-header .top-info span { }
.icms-header .top-info a {color: #fff;}
.icms-header .languages { position: absolute; right: 10px; top: 0; }
.icms-header .languages ul { list-style: none; padding: 0; margin: 0; }
.icms-header .languages ul li { float: left; color: #fff; line-height: 28px; }
.icms-header .languages ul li+li::before { content: '|'; float: left; padding: 0 5px; }
.icms-header .languages ul li a { display: block; color: #fff; float: left; font-size: 14px; line-height: 30px; }
.icms-header .languages ul li a.active, .icms-header .languages ul li a:hover { text-decoration: underline; }
.icms-header .logo { padding-top: 40px; text-align: center; }
.icms-header .logo a { display: inline-block; z-index: 2; position: relative; }
.icms-header .logo img { display: block; max-width: 100%; height: auto; }
.icms-header .main-menu { position: absolute; top: 60px; z-index: 5; left: 0px; }
.icms-header .main-menu > ul { list-style: none; padding: 0; margin: 0; }
.icms-header .main-menu ul { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.icms-header .main-menu > ul > li { display: inline-block; position: relative; padding: 0 10px; }
.icms-header .main-menu ul li:hover > ul { opacity: 1; visibility: visible; }
.icms-header .main-menu > ul > li > a { display: block; font-size: 18px; text-decoration: none; padding: 0; line-height: 30px; border-bottom: 1px solid transparent; }
.icms-header .main-menu > ul > li > a.active, .icms-header .main-menu > ul > li > a:hover { border-color: #000; }
.icms-header .main-menu > ul > li > ul { position: absolute; top: 100%; background: #fff; left: 0; min-width: 200px; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; list-style: none; padding: 0; margin: 0; }
.icms-header .main-menu > ul > li > ul > li { border-bottom: 1px solid #eee; position: relative; }
.icms-header .main-menu > ul > li > ul > li > a { display: block; font-size: 14px; text-decoration: none; padding: 5px 10px; }
.icms-header .main-menu > ul > li > ul > li ul { opacity: 0; visibility: hidden; position: absolute; left: 100%; top: 0; list-style: none; margin: 0; padding: 0; background: #fff; min-width: 200px; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); }
.icms-header .main-menu > ul > li > ul > li ul li { border-bottom: 1px solid #eee; }
.icms-header .main-menu > ul > li > ul > li ul li a { display: block; font-size: 14px; text-decoration: none; padding: 5px 10px; }
#jqContent { position: absolute; right: 0; top: 0; min-width: 300px; }
.icms-header .options { position: absolute; top: 60px; right: 0px; font-size: 14px; color: #000; z-index: 10; }
.icms-header .options > ul { list-style: none; padding: 0; margin: 0; }
.icms-header .options > ul > { list-style: none; padding: 0; margin: 0; }
.icms-header .options > ul > li { list-style: none; padding: 0; margin: 0; width: 30px; float: left; position: relative; margin-right: 10px; }

.icms-header .options > ul > li + li::before { content: ''; background: #ccc; width: 1px; height: 100%; left: -10px; top: 0; position: absolute; }
.icms-header .options > ul > li + li { margin-left: 10px; }
.icms-header .options > ul > li.bag { width: 45px; }
.icms-header .options > ul > li.bag > a { padding-right: 20px; }
.icms-header .options > ul > li > a { cursor: pointer; position: relative; display: block; text-indent: -9999px; font-size: 23px; line-height: 26px; }
.icms-header .options > ul > li .dropdown-menu { background: #fff; background: rgba(255, 255, 255, 0.9); padding: 5px 15px; margin: 0; margin-top: 12px; right: 0; left: auto; border: 0; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.icms-header .options > ul > li .dropdown-menu:before { content: ''; position: absolute; top: -7px; right: 12px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #bdb7bb; display: inline-block; }
.icms-header .options > ul > li .dropdown-menu li { }
.icms-header .options > ul > li .dropdown-menu li a { padding: 0; color: #000; font-size: 14px; line-height: 30px; }
.icms-header .options > ul > li .dropdown-menu li a:hover { background: none; }
.icms-header .options > ul > li .counter { text-indent: 0; position: absolute; right: 0; top: 6px; font-size: 12px; font-weight: 700; height: 18px; line-height: 18px; width: 18px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000; color: #fff; }
.icms-header .options > ul > li .counter span { }
.icms-header .options > ul > li.bag .icons { padding-right: 20px; }
.icms-header .options > ul > li .icons { position: absolute; left: 0; top: 0; text-indent: 0; width: 100%; text-align: center; line-height: 26px; }
.icms-header .mob-menu-toggle { position: absolute; right: 10px; font-size: 14px; top: 43px; display: none; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; }
body.mp-pushed-open .icms-header .mob-menu-toggle { right: 270px; }
.icms-header .mob-menu-toggle a { font-size: 25px; display: block; padding: 0 8px; text-decoration: none; }
header { }
header.brd { border-bottom: 1px solid #ccc; padding-bottom: 24px; }
header .top { background: #e1e1e1; text-align: center; padding-top: 5px; padding-bottom: 5px; font-size: 14px; }
header .top span:after { content: "|"; padding: 0 16px; }
header .top span:last-child:after { display: none; }
header .mid { }
header .mid.main-content-pad { padding: 10px 50px; border-bottom: 1px solid #ccc; }
header .mid .pull-left, header .mid .pull-left a { color: #666; }
header .mid .pull-left a:hover, header .mid .pull-left a.active { color: #000; }
header .mid .pull-left a:after { display: inline-block; content: "|"; padding: 0 5px; }
header .mid .pull-left a:last-child:after { display: none; }
header .mid .pull-right { text-align: right; position: relative; }
header .mid .pull-right > div { display: inline-block; vertical-align: top; margin-left: 20px; }
header .mid .pull-right > div:first-child { margin-left: 0; }
header .mid .pull-right a.cart, header .mid .pull-right a.fav { background-repeat: no-repeat; background-position: 0 center; padding-left: 20px; }
header .mid .pull-right a.cart { background-image: url(../img/icon-bag.png); }
header .mid .pull-right a.cart.has { font-weight: 600; }
header .mid .pull-right a.fav { background-image: url(../img/icon-wishlist.png); }
header .mid .pull-right #jqContent { }
.cart-window-no { display: none; }
.cart-window { border: 1px solid #ccc; border-top: 0; background: #fff; width: 100%; max-width: 470px; padding: 16px 30px 20px 30px; position: absolute; top: 37px; right: 0; z-index: 101; }
.cart-window .resp-w { position: relative; }
.cart-window .resp-w .items { width: 242px; overflow: hidden; }
.cart-window .resp-w .items .itemsV { position: relative; }
.cart-window .resp-w .items .itemsC { width: 1266px; }
.cart-window .resp-w .items .itemsC .item { float: left; width: 114px; margin-right: 14px; text-align: left; }
.cart-window .resp-w .items .itemsC .item .code { font-size: 12px; margin-top: 5px; }
.cart-window .resp-w .items .itemsC .item .attr { font-size: 12px; }
.cart-window .resp-w .items .itemsC .item .prc { font-size: 12px; font-weight: 700; }
.cart-window .resp-w .prev, .cart-window .resp-w .next { position: absolute; top: 65px; width: 18px; height: 34px; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; }
.cart-window .resp-w .prev { left: -22px; background-image: url(../img/arrow-left-18x34.png); -webkit-background-size: 12px 12px; -moz-background-size: 12px; background-size: 12px; }
.cart-window .resp-w .next { right: -29px; background-image: url(../img/arrow-right-18x34.png); -webkit-background-size: 12px 12px; -moz-background-size: 12px; background-size: 12px; }
.cart-window .tot { border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 14px; font-size: 12px; font-weight: 700; padding: 3px 0; }
.cart-window .tot .lft { float: left; }
.cart-window .tot .rgt { float: right; text-align: right; }
.cart-window .mybtn { margin-top: 12px; }
.cart-window .mybtn a { display: block; background: #000; color: #fff; text-align: center; font-size: 12px; font-weight: 700; padding: 12px 5px 12px 5px; text-decoration: none; }
header .bot { }
header .bot.main-content-pad { padding: 15px 50px 20px 50px; }
header .bot .logo { text-align: center; }
header .bot .logo a { display: inline-block; }
header .bot .pull-right { padding-top: 4px; }
header .bot .pull-right ul li { margin-left: 40px; position: relative; }
header .bot .pull-right ul li:first-child { margin-left: 0; }
header .bot .pull-right > ul > li > a:hover, header .bot .pull-right > ul > li > a.active, header .bot .pull-right > ul > li > a.activeo { border-bottom: 1px solid #000; padding-bottom: 6px; text-decoration: none; }
header .bot .pull-right ul li ul { position: absolute; top: 20px; left: -26px; background: #fff; padding: 30px 26px 12px 26px; display: none; z-index: 100; }
header .bot .pull-right ul li ul li { margin-left: 0; margin-top: 5px; }
header .bot .pull-right ul li ul li a:hover, header .bot .pull-right ul li ul li a.active { text-decoration: underline; }
header .bot .pull-right .cart-window { position: absolute; top: 40px; right: 0; border: 1px solid #ccc; background: #fff; width: 100%; max-width: 474px; }
header .bot .pull-right .cart-window .resp-w { }
header .bot .pull-right .cart-window .resp-w > div { }
header .bot .mob-cart { display: none; float: right; position: relative; }
header .bot .mob-cart a { display: block; background: url(../img/icon-bag-2.png) no-repeat 0 0; height: 20px; padding-left: 20px; }
.custom-search { background: #ebebeb; border: 0; width: 100%; margin: 0; padding: 5px 10px; cursor: pointer; }

/* nav#menu { visibility: hidden; height: 0; } */
.home-box-1 { }
.home-box-1 .slider-homepage { }
.home-box-1 a { display: block; }
.home-box-1 img { width: 100%; display: block; height: auto; }
.home-box-1 .slider-homepage .slick-left, .home-box-1 .slider-homepage .slick-right { position: absolute; left: 20px; top: 50%; font-size: 50px; line-height: 50px; margin-top: -25px; cursor: pointer; color: #999; z-index: 1; outline: none; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; }
.home-box-1 .slider-homepage .slick-right { left: auto; right: 20px; }
.home-box-1 .slider-homepage .slick-left:hover, .home-box-1 .slider-homepage .slick-right:hover { color: #000; }
.home-box-2 { padding: 0 30px; margin-top: 50px; }
.home-box-2 ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; list-style: none; padding: 0; margin: 0; }
.home-box-2 ul li { }
.home-box-2 ul li a { display: block; text-decoration: none; }
.home-box-2 ul li img { width: 100%; display: block; height: auto; }
.home-box-2 ul li .ttl { display: block; text-align: center; padding: 10px; font-size: 20px; color: #000; text-transform: uppercase; word-break: break-word; }
.home-box-3 { padding: 0 30px; margin-top: 40px; }
.home-box-3 ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 30px; list-style: none; padding: 0; margin: 0; }
.home-box-3 ul li { }
.home-box-3 ul li a { display: block; text-decoration: none; }
.home-box-3 ul li img { width: 100%; display: block; height: auto; }
.home-box-text { margin-top: 50px; }

/********************* HEADER *********************/
.popupboxnl { width: 100%; max-width: 600px; position: relative; margin: auto auto; }
.popupboxnl .img { }
.popupboxnl .frm { position: absolute; left: 0; bottom: 26px; width: 100%; }
.popupboxnl .frm .chk { max-width: 394px; margin: 10px auto 0 auto; padding: 0 10px; }
.popupboxnl .frm .chk .ins { background: #fff; padding: 5px 16px; }
.popupboxnl .frm .chk .ins > div { display: inline-block; vertical-align: middle; }
.popupboxnl .frm .chk .lft { }
.popupboxnl .frm .chk .rgt { padding: 3px 0 0 10px; }
.popupboxnl .frm .chk .rgt label { cursor: pointer; font-size: 18px; color: #000002; }
.popupboxnl .frm .npt { max-width: 394px; margin: 10px auto 0 auto; padding: 0 10px; }
.popupboxnl .frm .npt input { margin: 0px; padding: 0 16px; background: #fff; border: 0; width: 100%; height: 50px; font-size: 18px; color: #000002; }
.popupboxnl .frm .mybtn { text-align: center; margin-top: 16px; }
.popupboxnl .frm .mybtn input { padding: 0; margin: 0px; background: #000; border: 0; width: 100%; max-width: 190px; height: 50px; color: #a8a6a6; font-size: 18px; cursor: pointer; }

/********************* FOOTER *********************/
footer.icms-footer { border-top: 1px solid #ccc; margin-top: 90px; padding-bottom: 40px; position: relative; }
footer.icms-footer .f-content { margin: auto; max-width: 1724px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 40px; padding: 0 20px; }
footer.icms-footer .f-content .col-footer { padding: 50px 0px 50px 0px; }
footer.icms-footer .f-content .col-footer.socials { }
footer.icms-footer .f-content .col-footer { }
footer.icms-footer .f-content .col-footer.information { border-top: 0; }
footer.icms-footer .f-content .col-footer.information .logo { display: inline-block; }
footer.icms-footer .f-content .col-footer.information .logo img { display: block; max-width: 100%; height: auto; }
footer.icms-footer .f-content .col-footer.information .info { list-style: none; padding: 0; margin: 0; margin-top: 25px; }
footer.icms-footer .f-content .col-footer.information .info li { margin-top: 20px; position: relative; }
footer.icms-footer .f-content .col-footer.information .info li a { color: #000; display: block; position: relative; padding-left: 35px; word-break: break-word; font-size: 14px; text-decoration: none; }
footer.icms-footer .f-content .col-footer.information .info li span.txt { position: absolute; left: 0; top: 0; font-weight: bold; font-family: 'Gotham Greek'; }
footer.icms-footer .f-content .col-footer.information .info li span.myicons { display: block; width: 25px; height: 25px; background: #fff; color: #000; text-align: center; line-height: 25px; font-size: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 0; }
footer.icms-footer .f-content .col-footer .col-ttl { position: relative; margin-top: 20px; font-size: 20px; font-weight: 500; text-transform: uppercase; font-family: 'Gotham Greek'; }
footer.icms-footer .f-content .col-footer .col-txt { font-size: 14px; margin-top: 22px; }
footer.icms-footer .f-content .col-footer.newsletter .ns-form { }
footer.icms-footer .f-content .col-footer.newsletter .ns-form .input-data { border-bottom: 1px solid #000; position: relative; margin-top: 20px; padding-right: 30px; }
footer.icms-footer .f-content .col-footer.newsletter .ns-form .input-data input { width: 100%; display: block; border: 0; outline: none; font-size: 14px; color: #000; padding: 0 0 2px 0; margin: 0; background: transparent; }
footer.icms-footer .f-content .col-footer.newsletter .ns-form .input-data button { position: absolute; right: 0; top: 0; width: 22px; text-align: right; padding: 0; margin: 0; display: block; background: transparent; border: 0; outline: none; line-height: 20px; height: 20px; }
footer.icms-footer .f-content .col-footer.newsletter .ns-form .input-terms { font-size: 12px; margin-top: 15px; }
footer.icms-footer .f-content .col-footer.newsletter .ns-form .input-terms label { padding-left: 0; }
footer.icms-footer .f-content .col-footer.newsletter .ns-form .input-terms a { font-weight: 500; font-family: 'Gotham Greek'; }
footer.icms-footer .f-content .col-footer.cats { }
footer.icms-footer .f-content .col-footer.cats ul { list-style: none; padding: 0; margin: 0; margin-top: 22px; }
footer.icms-footer .f-content .col-footer.cats ul li { margin-top: 15px; }
footer.icms-footer .f-content .col-footer.cats ul li a { font-size: 14px; color: #000; text-decoration: none; word-break: break-word; text-transform: uppercase; }
footer.icms-footer .f-content .col-footer.cats ul li a:hover { }
footer.icms-footer .f-content .col-footer .socials { }
footer.icms-footer .f-content .col-footer ul.socials { list-style: none; padding: 0; margin: 0; margin-top: 10px; max-width: 150px; text-align: center; }
footer.icms-footer .f-content .col-footer ul.socials li { display: inline-block; margin: 20px 10px 0 0; }
footer.icms-footer .f-content .col-footer ul.socials li a { display: block; font-size: 24px; text-decoration: none; color: #000; position: relative; }
footer.icms-footer .f-content .col-footer ul.socials li a span { display: block; color: #000; text-align: center; line-height: 25px; }
footer.icms-footer .copyright { border-top: 1px solid #fff; background: #ccc; }
footer.icms-footer .copyright .copy { color: #000; font-size: 14px; margin: auto; max-width: 1724px; padding: 15px 20px; }
footer.icms-footer .copyright .dev { float: right; }
footer.icms-footer .copyright .copy a { color: #000; }
.go-to-top { cursor: pointer; width: 48px; height: 48px; position: fixed; bottom: 50px; right: 50px; z-index: 1; border: 1px solid #fff; line-height: 43px; text-align: center; color: #fff; padding-bottom: 4px; background: rgba(0, 0, 0, 0.6); display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home { }
.home .new.main-content-pad { padding: 64px 50px 0 50px; }
.home .new .pull-left { width: 50%; }
.home .new .pull-right { width: 50%; }
.home .new .ins { max-width: 592px; margin: auto auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
.home .new .ttl { text-align: center; }
.home .new .ttl h2 { margin: 0; font-size: 36px; }
.home .new .txt { margin-top: 30px; font-size: 18px; text-align: justify; }
.home .new .lnk { margin-top: 66px; text-align: center; }
.home .new .lnk a { display: inline-block; background: #111; font-size: 24px; color: #fff; width: 100%; max-width: 254px; padding: 3px 10px; }
.home .new a:hover { text-decoration: none; }
.home .boxes { overflow: hidden; margin-top: 94px; }
.home .boxes.boxes-d { display: block; }
.home .boxes.boxes-m { display: none; }
.home .boxes ul { margin-left: -0.8%; margin-right: -0.8%; }
.home .boxes.boxes-m ul { margin-left: 0; margin-right: 0; }
.home .boxes ul li { float: left; width: 31.73%; margin-left: 0.8%; margin-right: 0.8%; position: relative; }
.home .boxes.boxes-m ul li { float: none; width: 100%; margin-left: 0; margin-right: 0; position: relative; }
.home .boxes ul li a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; padding: 0 10px; line-height: 55px; font-size: 48px; color: #fff; font-weight: 700; }
.home .boxes ul li a:hover { background: rgba(255, 255, 255, 0.3); text-decoration: none; }
.home .resp-2 { margin-top: 40px; }
.home .tunic { margin-top: 30px; }
.home .tunic a { text-decoration: none; }
.home .tunic .pull-left { float: left; width: 32.3%; }
.home .tunic .pull-left.cnt { float: left; width: 35.4%; }
.home .tunic .pull-right { float: right; width: 32.3%; }
.home .tunic .pull-left .ins, .home .tunic .pull-right .ins { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
.home .tunic .cnt { width: 32.3%; background: #ebebeb; }
.home .tunic .cnt .ins { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 20px 42px; }
.home .tunic .cnt .ttl { text-align: center; }
.home .tunic .cnt .ttl h3 { margin: 0; font-size: 36px; }
.home .tunic .cnt .txt { margin-top: 30px; font-size: 18px; text-align: justify; }
.home .tunic .cnt .lnk { margin-top: 66px; text-align: center; }
.home .tunic .cnt .lnk a { display: inline-block; background: #111; font-size: 24px; color: #fff; width: 100%; max-width: 254px; padding: 3px 10px; }
.homeblock { position: relative; margin: 0 30px; margin-top: 50px; }
.homeblock:before { content: ""; position: absolute; top: 10px; right: 40px; width: 1px; height: 25px; background: #6d6e70; }
.homeblock.block-no:before { display: none; }
.homeblock .m-ttl { margin-top: 0; padding-right: 90px; }
.homeblock .m-ttl h1, .homeblock .m-ttl h2 { margin: 0; font-size: 28px; font-weight: normal; position: relative; z-index: 1; letter-spacing: 4px; line-height: 44px; }
.homeblock .m-ttl h1:before, .homeblock .m-ttl h2:before { border-top: 1px solid #ccc; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; }
.homeblock .m-ttl h1 span, .homeblock .m-ttl h1 a, .homeblock .m-ttl h2 span, .homeblock .m-ttl h2 a { background: #fff; padding-right: 20px; display: inline-block; }
.homeblock .slider-m-c-2 { overflow: hidden; margin-top: 50px; position: relative; }
.homeblock .slider-m-c-2.slider-m-c-noov { overflow: visible; }
.homeblock.block-3 .p-item .p-img img { max-width: 230px; }
.homeblock.block-4 .slider-m-c-2 { margin-top: 42px; }
.homeblock .slider-m-c { margin-left: -15px; margin-right: -15px; }
.homeblock .slider-m-c.slider-m-c-nosp { margin-left: 0; margin-right: 0; }
.homeblock .slider-m { }
.homeblock .slider-m .slider-m-item { padding: 0 15px; }
.homeblock .p-item { max-width: 440px; margin: auto auto; text-align: center; }
.homeblock .p-item .p-img a { display: block; position: relative; }
.homeblock .p-item .p-ttl { margin-top: 8px; }
.homeblock .p-item .p-ttl h3 { margin: 0; font-size: 18px; font-weight: normal; line-height: normal; }
.homeblock .p-item .p-ttl h3 a { display: block; font-size: 18px; text-decoration: none; }
.homeblock .p-item .p-prc { margin-top: 6px; font-size: 24px; }
.homeblock .p-item .p-prc span { margin-left: 10px; text-decoration: line-through; font-size: 18px; color: #6d6e70; }
.homeblock .p-item .p-prc a { display: block; }
.homeblock .slider-m-c.slider-m-c-nosp .slider-m-item { padding-left: 0; padding-right: 0; }
.homeblock .slider-m-btn { width: 35px; height: 44px; position: absolute; top: 0px; cursor: pointer; font-size: 30px; color: #ccc; text-align: center; }
.homeblock .slider-m-btn.slider-m-btn-l { right: 50px; }
.homeblock .slider-m-btn.slider-m-btn-l:hover { color: #000 }
.homeblock .slider-m-btn.slider-m-btn-r { right: 0; }
.homeblock .slider-m-btn.slider-m-btn-r:hover { color: #000 }
.home2019 { overflow: hidden; }
.home2019 .block { margin-top: 50px; }
.home2019 .block.main-content-pad { padding: 0 50px; }
.home2019 .block ul { margin-left: -15px; margin-right: -15px; margin-top: -30px; overflow: hidden; }
.home2019 .block ul li { float: left; width: 100%; padding: 0 15px; margin-top: 30px; }
.home2019 .block.items-2 ul li { width: 50%; }
.home2019 .block.items-3 ul li { width: 33.33%; }
.video-container { position: relative; overflow: hidden; }
.video-container video { width: 100%; height: auto; }

/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.about { }
.about.main-content { max-width: 1716px; }
.about .txt { margin-top: 60px; padding: 0 340px; text-align: justify; }
.about .lnk { text-align: center; margin-top: 90px; }
.about .lnk a { display: inline-block; vertical-align: top; border: 1px solid #000; width: 100%; max-width: 304px; padding: 15px 10px; font-size: 18px; text-decoration: none; }

/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact { }
.contact.main-content { max-width: 734px; }
.contact .pull-left { width: 51%; padding-right: 30px; }
.contact .pull-right { width: 49%; }
.contact .pull-left .ttl, .contact .pull-right .ttl { font-size: 16px; margin-top: 58px; }
.contact .pull-right .ttl { text-align: right; }
.contact .pull-left .brd, .contact .pull-right .brd { border-top: 1px solid #000; width: 100%; max-width: 90px; margin-top: 7px; }
.contact .pull-right .brd { float: right; }
.contact .pull-left .txt { line-height: 36px; margin-top: 18px; word-break: break-all; }
.contact .pull-right .frm { margin-top: 30px; }
.contact .pull-right .captcha { float: right; }
.contact .pull-right .lft { float: left; margin-top: 6px; color: #767676; }
.contact .pull-right .rgt { float: right; margin-top: 6px; }
.contact .pull-right .rgt input { background: none; border: 0; font-size: 18px; cursor: pointer; padding: 0; }
.contact .map { height: 285px; margin-top: 46px; }

/********************* CONTACT *********************/

/********************* STORES *********************/
.stores { }
.stores.main-content { max-width: 1250px; }
.stores .pull-left { width: 196px; padding-right: 10px; position: relative; margin-top: 40px; }
.stores .pull-left ul li { margin-top: 16px; }
.stores .pull-left ul li:first-child { margin-top: 0; }
.stores .pull-left ul li a.active { font-weight: 700; font-style: italic; }
.stores .pull-right { width: 100%; margin-left: -196px; margin-top: 40px; }
.stores .pull-right .ins { padding-left: 196px; }
.stores .pull-right .ins .map { float: left; width: 100%; margin-right: -320px; }
.stores .pull-right .ins .map .ins2 { padding-right: 350px; }
.stores .pull-right .ins .map .ins2 .mapC { height: 555px; }
.stores .pull-right .ins .det { float: right; width: 320px; position: relative; }
.stores .pull-right .ins .det .ttl { font-size: 16px; }
.stores .pull-right .ins .det .ttl:after { content: ""; display: block; max-width: 90px; width: 100%; border-bottom: 1px solid #000; padding-bottom: 10px; }
.stores .pull-right .ins .det .txt { line-height: 36px; margin-top: 18px; }
.stores .pull-right .ins .det .lnk { margin-top: 18px; }
.stores .pull-right .ins .det .lnk a { text-decoration: underline; }

/********************* STORES *********************/

/********************* PRODUCTS *********************/
.prods { }
.prods.main-content { max-width: 1840px; }
.prods .mttl .txt { margin-top: 10px; }
.prods .mttl .ln { display: none; }
.prods .pull-left { width: 286px; position: relative; margin-top: 76px; }
.prods .pull-left .fltBtn { font-size: 24px; font-weight: 700; cursor: pointer; display: none; }
.prods .pull-left .fltContItem { border-top: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 15px; }
.prods .pull-left .fltContItem:first-child { border-top: 0; padding-bottom: 15px; margin-bottom: 0; }
.prods .pull-left .fltContItem .ttl { font-weight: 700; margin-top: 15px; font-size: 12px; color: #999; }
.prods .pull-left .fltContItem:first-child .ttl { margin-top: 0; }
.prods .pull-left .fltContItem .ttl.prc { margin-top: 15px; }
.prods .pull-left .lst { }
.prods .pull-left .lst.content-1 { max-height: 365px; }
.prods .pull-left .lst .mCSB_scrollTools { margin-top: 15px; }
.prods .pull-left .lst ul li { margin-top: 15px; }
.prods .pull-left .lst ul li a.active { text-decoration: none; font-weight: bold; }
.prods .pull-left .lst ul li ul { padding-left: 18px; display: none; }
.prods .pull-left .lst ul li.active ul { display: block; }
.prods .pull-left .lst .price-range { margin-top: 24px; }
.prods .pull-left .lst .rangeAmounts { margin-top: 0; }
.prods .pull-left .lst .rangeAmounts .amount-l { float: left; }
.prods .pull-left .lst .rangeAmounts .amount-r { float: right; }

/*
.ui-widget.ui-widget-content { border: none !important; }
#slider-range { background: #959595 !important; height: 1px !important; }
#slider-range span:last-child {  }
.ui-slider-range { background: #959595 !important; }
.ui-widget-content { border: 0; }
.ui-slider-handle { background: #000 !important; width: 10px !important; height: 10px !important; border: 0 !important; border-radius: 50%; cursor: pointer !important; margin-left: 0 !important; left: 0 !important; top: -5px !important; }
*/
.ui-widget.ui-widget-content { border: none !important; }
#slider-range { background: #959595 !important; height: 1px !important; }
#slider-range span:last-child { margin-left: -10px !important; }
.ui-slider-range { background: #959595 !important; }
.ui-widget-content { border: 0; }
.ui-slider-handle { background: #000 !important; width: 10px !important; height: 10px !important; border: 0 !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer !important; margin-left: 0 !important; left: 0; top: -5px !important; }
.ui-state-focus { background: #000 !important; }
.prods .pull-right { width: 100%; margin-left: -286px; margin-top: 46px; }
.prods.srch .pull-right { margin-left: 0; }
.prods .pull-right .ins { padding-left: 338px; }
.prods.srch .pull-right .ins { padding-left: 0; }
.prods .pull-right .top { text-align: right; }
.prods .pull-right .top > div { display: inline-block; vertical-align: top; margin-left: 36px; }
.prods .pull-right .top > div:first-child { margin-left: 10px; }
.prods .pull-right .top > div.sblk { position: relative; z-index: 10; }
.prods .pull-right .top > div.sblk .slbl { cursor: pointer; }
.prods .pull-right .top > div.sblk .slbl:after { content: ""; display: inline-block; vertical-align: top; width: 0; height: 0; margin: 5px 0 0 10px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #959595; }
.prods .pull-right .top > div.sblk .slst { position: absolute; top: 20px; left: -10px; text-align: left; display: none; background: #fff; padding: 5px 10px 10px 10px; }
.prods .pull-right .top > div.sblk .slst ul li a.active { text-decoration: underline; }
.prods .pull-right .top > div.pagin { margin-top: 0; }
.prods .pull-right .top > div.all { }
.prods .pull-right .top > div.all a.active { text-decoration: underline; }
.prods .pull-right .lst { }
.prods .pull-right .lst ul { margin-left: -1%; margin-right: -1%; }
.prods .pull-right .lst ul li { float: left; width: 23%; margin-left: 1%; margin-right: 1%; margin-top: 14px; padding-bottom: 16px; }
.prod-item { max-width: 480px; margin: auto auto; }
.prod-item .img { position: relative; }
.prod-item .img .coming { position: absolute; top: 0; right: 0; }
.prod-item .img .coming a { display: block; background: url(../img/coming.png) no-repeat 0 0; width: 234px; height: 137px; }
.prod-item .img .new { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -42px; }
.prod-item .img .new a { display: block; background: rgba(255, 255, 255, 0.7); text-align: center; padding: 30px 0; color: #737273; text-decoration: none; font-size: 18px; }
.prod-item .img .more { position: absolute; bottom: 9%; left: 0; max-width: 236px; width: 100%; }
.prod-item .img .more a { display: block; background: rgba(183, 183, 183, 0.7); color: #fff; text-decoration: none; font-size: 18px; font-weight: 700; text-align: center; padding: 10px 0; }
.prod-item .img .more a span { display: inline-block; background: url(../img/colors.png) no-repeat center left; padding-left: 28px; }
.prod-item .det { padding: 24px 30px 0 30px; }
.prod-item .det .ttl { }
.prod-item .det .ttl h2, .prod-item .det .ttl h3 { margin: 0; }
.prod-item .det .ttl a, .prod-item .det .ttl h2 a, .prod-item .det .ttl h3 a { display: block; font-size: 16px; font-weight: bold; text-align: center; }
.prod-item .det .code { margin-top: 6px; }
.prod-item .det .prc { margin-top: 6px; text-align: center; }
.prod-item .det .prc a { font-size: 24px; text-decoration: none; }
.prod-item .det .prc a span { margin-left: 10px; color: #999; font-size: 16px; text-decoration: line-through; }
.prod-item .det .soldout { text-align: center; }
.prod-item .det .soldout a { font-size: 18px; font-weight: 700; }
.main-content .form-tpl-order { display: -ms-grid; display: grid; -ms-grid-columns: 250px auto; grid-template-columns: 250px auto; }
.main-content .form-tpl-order .form-data { padding: 0 10px; margin-top: 20px; }
.main-content .form-tpl-order .form-data .row { margin-left: -10px; margin-right: -10px; }
.main-content .form-tpl-order .form-data .cust-col { padding-right: 10px; padding-left: 10px; }
.main-content .form-tpl-order .form-data .frm-ttl { font-size: 18px; font-weight: 600; margin-top: 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.main-content .form-tpl-order .form-txt { margin-top: 40px; padding: 0 10px; padding-left: 50px; }

/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prod { }
.prod .main-content { max-width: 1840px; }
.prod .pull-left { width: 55.5%; margin-top: 30px; }
.media-container { position: relative; }
.media-container .thumbs { position: absolute; left: 0; top: 0; width: 160px; height: 100%; overflow: hidden; z-index: 1; padding: 36px 0; }
.media-container .thumbs .item { outline: none; text-align: center; padding: 5px 0; }
.media-container .thumbs .item.slick-current { }
.media-container .thumbs .item img { width: auto; height: auto; max-height: 140px; display: block; margin: auto auto; }
.media-container .big-container { margin-left: 170px; position: relative; }
.media-container .big-container .ins-container { width: 100%; max-width: 700px; float: right; }
.media-container .big-container .item { outline: none; }
.media-container .big-container .item a { outline: none; }
.media-container .big-container .item img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.media-container .big-container .item a:hover { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.media-container .thumbs .slick-up, .media-container .thumbs .slick-down { position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer; width: 100%; background: url(../img/arrow-top-32x17.png) no-repeat top center; background-color: #fff; height: 36px; }
.media-container .thumbs .slick-down { bottom: 0px; top: auto; background-image: url(../img/arrow-bottom-32x17.png); background-position: bottom; }
.media-container .big-container .slick-left, .media-container .big-container .slick-right { position: absolute; left: 0; top: 50%; font-size: 50px; line-height: 50px; margin-top: -25px; cursor: pointer; color: #999; z-index: 1; outline: none; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; }
.media-container .big-container .slick-right { left: auto; right: 0; }
.media-container .big-container .slick-left:hover, .media-container .big-container .slick-right:hover { color: #000; }
.prod .pull-right { width: 44.5%; margin-top: 30px; padding-left: 20px; }
.prod .pull-right .ins { float: right; max-width: 684px; width: 100%; }
.prod .pull-right .ttl { }
.prod .pull-right .video-link { margin-top: 15px; }
.prod .pull-right .video-link a { font-size: 14px; text-decoration: none; color: #fff; background: #000; display: inline-block; padding: 10px 20px; }
.prod .pull-right .video-link a span { margin-right: 10px }
.prod .pull-right .ttl h1, .prod .pull-right .ttl h2 { font-size: 18px; margin: 0; font-weight: 700; }
.prod .pull-right .code { font-size: 14px; margin-top: 15px; }
.prod .pull-right .prc { text-align: left; font-size: 18px; margin-top: 20px; }
.prod .pull-right .prc span, .prod .pull-right .prc strong { display: inline-block; vertical-align: middle; }
.prod .pull-right .prc strong { font-size: 30px; font-weight: 700; }
.prod .pull-right .prc strong .prev-prc { font-size: 30px; font-weight: 700; margin-left: 20px; }
.prod .pull-right .prc strong font { color: #999; text-decoration: line-through; margin-left: 10px; font-size: 16px; }
.prod .pull-right .prc2 { text-align: center; font-size: 18px; margin-top: 8px; }
.prod .pull-right .soldout { font-size: 14px; margin-top: 8px; font-weight: 700; color: #777; }
.prod .pull-right .lst { margin-top: 20px; }
.prod .pull-right .lst ul { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.prod .pull-right .lst ul li { border-top: 1px solid rgba(0, 0, 0, 0.15); padding: 12px 12px 12px 0; }
.prod .pull-right .lst ul li .ttl { cursor: pointer; }
.prod .pull-right .lst ul li .ttl h2 { margin: 0; font-size: 14px; display: inline-block; }
.prod .pull-right .lst ul li:first-child .ttl { cursor: text; }
.prod .pull-right .lst ul li .ttl:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 14px solid #000; float: right; margin-top: 3px; }
.prod .pull-right .lst ul li:first-child .ttl:after { display: none; }
.prod .pull-right .lst ul li .txt { display: none; margin-top: 10px; padding-bottom: 0px; }
.prod .pull-right .lst ul li .txt h2 { margin: 0; font-size: 14px; }
.prod .pull-right .lst ul li:first-child .txt { display: block; }
.prod .pull-right .pin { margin-top: 9px; margin-left: -10px; margin-right: -10px; }
.prod .pull-right .pin table { border-spacing: 10px; border-collapse: separate; }
.prod .pull-right .pin table tr td { background: #ebebeb; padding: 10px; }
.prod .pull-right .pin table tr td input { background: #fff; border: 0; height: 23px; width: 100%; max-width: 110px; margin: auto auto; text-align: center; cursor: pointer; }
.prod .pull-right .lim { display: inline-block; vertical-align: top; padding: 10px 0; }
.prod .pull-right .lim:before { content: ""; display: inline-block; vertical-align: top; margin-right: 8px; width: 18px; height: 18px; background: #ff0000; }
.prod .pull-right .prcs { margin-top: 3px; }
.prod .pull-right .prcs ul li { border-bottom: 1px solid #000; font-size: 18px; padding-bottom: 8px; margin-top: 10px; }
.prod .pull-right .prcs ul li .lft { float: left; }
.prod .pull-right .prcs ul li .rgt { float: right; }
.prod .pull-right .opt { margin-top: 20px; padding-bottom: 0px; }
.prod .pull-right .opt > div { display: inline-block; vertical-align: middle; }
.prod .pull-right .opt .inpt { margin-left: 7px; }
.prod .pull-right .opt .color-selection-box { list-style: none; padding: 0; margin: 0; }
.prod .pull-right .opt .color-selection-box li { display: inline-block; margin: 3px 5px 3px 0; }
.prod .pull-right .opt .color-selection-box li span { display: block; width: 40px; height: 40px; padding: 2px; border: 1px solid #ccc; cursor: pointer; }
.prod .pull-right .opt .color-selection-box li img { width: 100%; height: auto; display: block; }
.prod .pull-right .opt .color-selection-box li span:hover, .prod .pull-right .opt .color-selection-box li span.active { border-color: #000; }
.prod .tier-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.prod .tier-container .tier-price-cont { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -moz-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; /* new */ }
.prod .tier-container .tier-prices-cont { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
.prod .tier-prices { margin-top: 15px; max-width: 350px }
.prod .tier-prices .table { margin-bottom: 0; }
.prod .tier-prices .table thead { }
.prod .tier-prices .table thead tr { }
.prod .tier-prices .table thead tr:first-child th { border-top: 0px solid #ccc; }
.prod .tier-prices .table thead tr th { background: #fff; color: #000; text-align: left; width: 50%; border-top: 1px solid #ccc; border-bottom: 0; font-weight: 600; font-size: 12px; }
.prod .tier-prices .table tbody { }
.prod .tier-prices .table tbody tr { }
.prod .tier-prices .table tbody tr:hover { background: #eee; }
.prod .tier-prices .table tbody tr td { text-align: left; font-size: 14px; font-weight: normal; }
.prod .tier-prices .table tbody tr td span { font-weight: normal; }

/*.prod .pull-right .opt .inpt select { border: 1px solid #000; font-size: 18px;width: 152px; padding: 11px 0 11px 5px; cursor: pointer; outline: medium none; background: none; }
.prod .pull-right .opt .inpt select:focus { outline: medium none; border: 1px solid #000; }*/
.prod .pull-right .opt .lnk { vertical-align: bottom; margin-left: 20px; padding-bottom: 10px; }
.prod .pull-right .opt .lnk a { display: inline-block; border-bottom: 1px solid #000; text-decoration: none; padding-bottom: 2px; }
.prod .pull-right .opt .inpts { border: 1px solid #000; width: 152px; margin-left: 7px; }
.prod .pull-right .opt .inpts div { float: left; line-height: 44px; }
.prod .pull-right .opt .inpts div.minus, .prod .pull-right .opt .inpts div.plus { width: 40px; text-align: center; cursor: pointer; }
.prod .pull-right .opt .inpts div.cnt { width: 70px; border-left: 1px solid #000; border-right: 1px solid #000; }
.prod .pull-right .opt .inpts div.cnt input { background: none; border: 0; text-align: center; width: 100%; height: 44px; }
.prod .pull-right .btns { margin-top: 40px; }
.prod .pull-right .btns div { float: left; }
.prod .pull-right .btns .add-to-cart { background: #000; font-size: 16px; color: #fff; font-weight: 700; width: 100%; max-width: 310px; padding: 13px 10px; text-align: center; cursor: pointer; }
.prod .pull-right .btns .add-to-fav { display: inline-block; font-size: 16px; text-align: left; cursor: pointer; margin-top: 11px; margin-left: 32px; }
.prod .pull-right .btns .add-to-fav:before { content: " "; background: url(../img/icon-heart.png) no-repeat 0 0; width: 13px; height: 11px; display: inline-block; vertical-align: top; margin-right: 13px; margin-top: 6px; }
.prod .pull-right .shr { margin-top: 50px; }
.prod .pull-right .shr > span { display: block; margin-bottom: 10px }
.prod .pull-right .shr a { margin-right: 20px; }
.prod .pull-right .dlv { margin-top: 50px; line-height: 30px; }
.prod .pull-right .dlv span { display: inline-block; vertical-align: middle; }
.prod .pull-right .dlv .ico { background: url(../img/icon-truck.png) no-repeat 0 center; width: 66px; height: 23px; }
.prod .pull-right .dlv .txt { border-left: 1px solid #000; padding-left: 52px; font-style: italic; }
.prod .sttl { text-align: center; margin-top: 96px; }
.prod .sttl span { display: inline-block; font-size: 24px; border-top: 1px solid #000; padding-top: 35px; }
.prod .resp-2 { margin-top: 54px; }
.prod .resp-2 .prod-item { padding: 0 5px; }
.prod .no-avail { margin-top: 30px; text-align: center; }
.prod .no-avail .ttl h2 { font-size: 18px; margin: 0; font-weight: 700; }
.prod .no-avail .code { font-size: 18px; margin-top: 18px; }
.prod .no-avail .txt { margin: 30px auto 0 auto; background: #000; color: #fff; font-weight: 600; text-align: center; padding: 8px 10px; width: 100%; max-width: 400px; }

/********************* PRODUCT *********************/

/********************* GIFT CARD *********************/
.giftcard { }
.giftcard.main-content { max-width: 1106px; padding: 0 10px; }
.giftcard .img { float: left; width: 48%; margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
.giftcard .img img { max-width: 500px; }
.giftcard .frm { float: right; width: 51%%; margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
.giftcard .frm .ins { float: right; width: 460px; border: 1px solid #000; padding: 24px 0 40px 0; }
.giftcard .frm .ins .ins2 { max-width: 324px; padding: 0 10px; }
.giftcard .frm .ins .ins2 .info { font-size: 12px; color: #ff0000; }
.giftcard .txt { margin-top: 70px; }

/********************* GIFT CARD *********************/
.error-template { padding: 40px 10px; text-align: center; }
.error-actions { margin-top: 15px; margin-bottom: 10px; }
.error-actions .btn { margin-right: 10px; margin-top: 5px; }
.main-content .page-info { margin-top: 20px; padding: 0 10px; }
.main-content .page-info > h1.page-title { font-size: 30px; line-height: normal; margin: 20px 10px 0 10px; padding: 0; text-align: center }
.main-content .page-info > h1.page-title span { display: block; color: #999; }
.main-content .page-info .txt-page { line-height: normal; margin-top: 20px; }
.main-content .simple-form-content { max-width: 700px; margin: auto auto; }
.main-content .simple-form-content label { font-size: 14px; line-height: normal; }
.main-content .simple-form-content .info { font-size: 12px; color: #ff0000; }
.main-content .simple-form-content .right-addon { position: relative; }
.main-content .simple-form-content .right-addon .fa { position: absolute; padding: 10px; pointer-events: none; right: 0px; line-height: 12px; }
.main-content .simple-form-content .right-addon .custom-fields { padding-right: 30px; }
.main-content .register-info { text-align: center; margin-top: 20px; }
.main-content .register-info h1, .main-content .register-info h2, .main-content .register-info h3 { font-size: 20px; line-height: normal; }
.main-content .register-info p { font-size: 14px; line-height: normal; }
.main-content .panel-tpl { margin-top: 30px; border-top: 1px solid #dbdbdb; }
.main-content .panel-tpl .pt-ttl { font-size: 22px; color: #0060ae; font-weight: 700; position: relative; margin-bottom: 30px; }
.main-content .panel-tpl .pt-ttl::before { content: ''; position: absolute; width: 100%; height: 1px; background: #dbdbdb; top: 50%; z-index: 0; }
.main-content .panel-tpl .pt-ttl span { display: inline-block; background: #fff; position: relative; z-index: 1; padding-right: 10px; }
.main-content .panel-tpl .panel-group { margin: 0; }
.main-content .panel-tpl .panel { border: 0; background-color: transparent; -webkit-box-shadow: 0 1px 1px #dbdbdb; -moz-box-shadow: 0 1px 1px #dbdbdb; box-shadow: 0 1px 1px #dbdbdb; }
.main-content .panel-tpl .panel .panel-heading { color: #2a2a2a; background-color: transparent; border: 0; padding: 20px 0; }
.main-content .panel-tpl .panel .panel-heading .panel-title { font-size: 18px; font-weight: normal; position: relative; }
.main-content .panel-tpl .panel .panel-heading .panel-title a { text-decoration: none; }
.main-content .panel-tpl .panel .panel-heading .accordion-toggle:before { font-family: FontAwesome; content: "\f106"; color: #2a2a2a; width: 20px; text-align: center; font-size: 20px; line-height: 20px; position: absolute; right: 0; top: 0; }
.main-content .panel-tpl .panel-heading .accordion-toggle.collapsed:before { content: "\f107"; }
.main-content .panel-tpl .panel-collapse>.panel-body { border: 0; padding: 0 0 30px 0; }
.my-page { max-width: 1200px; margin: auto auto; padding: 0px; }
.my-page .my-menu { }
.my-page .my-menu ul { padding: 0; margin: 0; list-style: none; }
.my-page .my-menu ul li { padding: 3px 0; margin: 0; list-style: none; }
.my-page .my-menu ul li a { font-size: 14px; color: #a1a1a1; text-decoration: none; font-weight: 700; line-height: 20px; }
.my-page .my-menu ul li a:hover, .my-page .my-menu ul li a.active { color: #000; }
.my-page .my-dashboard { text-align: left; }
.my-page .my-dashboard .greeting { font-size: 14px; color: #a1a1a1; padding-top: 3px; }
.my-page .my-dashboard .greeting b { font-weight: 700; }
.my-page .my-dashboard .my-dash-box { border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.my-page .my-dashboard .my-dash-box h2 { font-size: 14px; font-weight: 700; margin: 0; padding: 0; line-height: 20px; margin-top: 20px; }
.my-page .my-dashboard .my-dash-box .box-info { font-size: 14px; color: #000; padding: 10px 0 5px 0; }
.my-page .my-dashboard .my-dash-box .box-info span { font-weight: 700; }
.my-page .my-dashboard .my-dash-box .box-info .p-ttl { padding-bottom: 10px; }
.my-page .my-dashboard .my-dash-box .box-info .p-sub { color: #999; }
.my-page .my-boxes { text-align: center; }
.my-page .my-boxes .my-forms { padding-top: 20px; }
.my-page .my-boxes .my-forms input { margin-left: -10px; }
.my-page .my-boxes .my-forms input[type="checkbox"] { margin-left: -20px; margin-top: 9px; }
.my-page .my-boxes .my-forms label { font-size: 14px; font-weight: 700; line-height: 30px; }
.my-page .my-boxes .my-forms select { margin-left: -10px; }
.my-page .my-boxes .my-forms textarea { margin-left: -10px; }
.my-page .my-boxes .my-forms .txt { font-size: 14px; color: #000; text-align: center; padding-top: 10px; }
.my-page .my-boxes > div.txt { font-size: 14px; color: #000; padding-top: 10px; }
.my-page .prd-list-fav { }
.my-page .prd-list-fav ul { list-style: none; padding: 0; margin: 0; }
.my-page .prd-list-fav ul li { list-style: none; padding: 0; margin: 10px 1% 40px 1%; float: left; width: 23%; }
.my-page .prd-list-fav ul li div.img-wrapper { position: relative; overflow: hidden; }
.my-page .prd-list-fav ul li div.img-wrapper img { display: block; width: 100%; }
.my-page .prd-list-fav ul li div.item-text { position: relative; padding-top: 10px; }
.my-page .prd-list-fav ul li div.item-text a.item-link { text-decoration: none; display: block; }
.my-page .prd-list-fav ul li div.item-text a.item-link .ttl { font-size: 14px; color: #000; font-weight: 700; line-height: normal; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.my-page .prd-list-fav ul li div.item-text a.item-link .code { font-size: 14px; color: #a1a1a1; font-weight: 700; line-height: normal; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.my-page .prd-list-fav ul li div.actions { margin-top: 10px; }
.my-page .prd-list-fav ul li div.actions .avail { font-size: 14px; color: #000; font-family: font-weight; display: block; }
.my-page .prd-list-fav ul li div.actions .my-button { font-size: 14px; color: #a1a1a1; font-family: font-weight; display: inline-block; cursor: pointer; }
.my-page .my-points .box-info { font-size: 14px; color: #000; padding: 0px 0 20px 0; }
.my-page .my-points .box-info span { font-family: font-weight; }
.my-page .my-points table { background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; }
.my-page .my-points table thead { }
.my-page .my-points table thead tr { }
.my-page .my-points table thead tr td { font-size: 15px; color: #a1a1a1; padding: 15px 10px; border-top: none; }
.my-page .my-points table thead tr td:first-child { }
.my-page .my-points table thead tr td:last-child { }
.my-page .my-points table tbody { }
.my-page .my-points table tbody tr { }
.my-page .my-points table tbody tr td { padding: 10px 10px; position: relative; color: #000; font-size: 14px; border: 1px solid #ecf0f1; }
.my-page .my-points table tbody tr td b { font-weight: 700; }
.my-page .my-points table tbody tr td:first-child { border-left: 0; }
.my-page .my-points table tbody tr td:last-child { border-right: 0; }
.my-page .my-points table tbody tr.expired { background-color: #F5F5F5; }

/* shopping bag */
.shopping-bag { padding: 0 10px; }
.shopping-bag form { margin: 0; }
.shopping-bag a.sc-img { float: left; margin-right: 10px; }
.shopping-bag a.sc-img img { max-width: 150px; width: 100%; display: block; }
.shopping-bag a.sc-ttl { font-size: 16px; color: #000; text-decoration: none; font-weight: 700; }
.shopping-bag div.sc-attrs { padding-top: 5px; padding-bottom: 25px; }
.shopping-bag div.sc-attrs div { color: #7b7b7b; font-size: 14px; }
.shopping-bag div.sc-attrs div.notify { color: #000; }
.shopping-bag div.sc-price { font-size: 16px; color: #000; }
.shopping-bag div.sc-price-old { font-size: 16px; color: #7b7b7b; text-decoration: line-through; padding-top: 5px; }
.shopping-bag div.sc-price-t { font-size: 16px; color: #000; font-weight: 700; }
.shopping-bag div.sc-price-t-old { font-size: 16px; color: #7b7b7b; text-decoration: line-through; padding-top: 5px; }
.shopping-bag div.sc-qty { font-size: 16px; color: #000; }
.shopping-bag div.sc-qty input { border: 0; color: #000; background: transparent; padding: 0; margin: 0px; font-size: 16px; width: 30px; display: inline-block; text-align: center; margin-top: 0px; }
.shopping-bag div.sc-qty button { padding: 0px; margin: 0px; width: 20px; display: inline-block; }
.shopping-bag .update-qty { float: left; }
.shopping-bag .sc-remove { position: absolute; bottom: 10px; left: 170px; display: block; font-size: 14px; color: #000; border-bottom: 1px solid #000; text-decoration: none; }

/*.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; color: #000; margin-bottom: 0px; } .shopping-bag .update-qty button:focus{ border: 2px outset buttonface;}*/
.shopping-bag .sc-txt { font-size: 16px; color: #666; text-align: right; line-height: 28px; }
.shopping-bag .sc-val { font-size: 16px; color: #000; line-height: 28px; font-weight: 700; }
.shopping-bag .sc-val label { padding-right: 5px; font-size: 16px; color: #000; display: inline-block; }
.shopping-bag .sc-val .icheckbox_flat {/*float: left; margin-top: 1px;*/ }
.shopping-bag .sc-txt-t { font-size: 16px; color: #000; text-align: right; font-weight: 700; }
.shopping-bag .sc-val-t { font-size: 16px; color: #000; font-weight: 700; }
.shopping-bag .sc-more-options { }
.shopping-bag .sc-more-options .sc-coupon-form { margin-top: 20px; border-top: 1px solid #dfdfdf; padding-top: 10px; }
.shopping-bag .sc-more-options .sc-coupon-form input { width: 170px; float: left; margin-right: 10px; }
.shopping-bag .sc-more-options .sc-coupon-form button { }

/*.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; color: #000; margin-bottom: 0px;}*/
.shopping-bag .sc-credits { margin-top: 20px; border-top: 1px solid #dfdfdf; padding-top: 10px; }
.shopping-bag .sc-credits label { font-size: 18px; color: #666; display: inline-block; cursor: pointer; }
.shopping-bag .sc-points { border-top: 1px solid #dfdfdf; padding-top: 10px; }
.shopping-bag .sc-points .sc-av-points { font-size: 14px; }
.shopping-bag .sc-points .sc-av-points span { font-weight: 700; }
.shopping-bag .sc-points .sc-point-options { font-size: 14px; }
.shopping-bag .sc-points .sc-point-options .sc-p-ttl { padding: 5px 0 5px 0; }
.shopping-bag .sc-points .sc-point-options table { width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; max-width: 400px; }
.shopping-bag .sc-points .sc-point-options table tr { }
.shopping-bag .sc-points .sc-point-options table tr td { text-align: left; padding: 5px; font-size: 14px; border: 1px solid #ddd; }
.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: 700; }
.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: 700; font-size: 14px; padding: 0; margin: 0; }
.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: left; padding: 5px 0 0 0; border: 0px solid #ddd; }
.shopping-bag .sc-points .sc-point-options table tr td.final button { margin-top: 0px; }
.sb-table { background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; }
.sb-table th, .sb-table td { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.sb-table th { font-size: 14px; color: #000; }
.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; 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; }
.sb-table td { padding: 10px 10px; 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; }
.sb-table .td-subtotal { width: 120px; }
.sb-table .td-info-2 { padding: 0 !important; border: 0 !important; }
.sb-table .td-info-2-t { display: none; }
.my-sc-steps { margin-top: 15px; }
.my-sc-steps .step-sc { margin-top: 5px; }
.my-sc-steps .step-sc h3.step-title { background: #ccc; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-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; }
.my-sc-steps .step-sc h3.step-title.active { background: #000; color: #fff; }
.my-sc-steps .step-sc .step-content { padding: 10px 10px; background: #fff; }
.sc-step-form { }
.sc-step-form input { margin-left: -10px; }
.sc-step-form button[type="submit"] { }
.sc-step-form select { margin-left: -10px; }
.sc-step-form textarea { margin-left: -10px; }
.sc-step-form label { font-size: 14px; line-height: 30px; }
.sc-step-form h2.ttl { font-size: 20px; color: #000; text-align: center; margin: 0; padding: 10px 0 10px 0; line-height: normal; }
.sc-step-form .txt { font-size: 14px; color: #000; text-align: center; padding-top: 10px; }
.sc-step-form .more { font-size: 14px; color: #000; text-align: center; padding-top: 10px; }
.sc-step-form .more a { font-size: 14px; color: #666; text-decoration: none; }
.sc-step-options { }
.sc-step-options .sc-option { padding: 20px 0; }
.sc-step-options .sc-option .sc-option-txt { font-size: 14px; color: #000; padding-top: 5px; }
.sc-step-options .sc-option .sc-option-ttl { display: inline-block; font-size: 16px; padding-left: 10px; line-height: 20px; color: #000; }
.my-orders-list { margin-top: 10px; }
.my-orders-list .my-list-ord { margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; }
.my-orders-list .my-list-ord .my-o-order-id { font-size: 14px; color: #000; }
.my-orders-list .my-list-ord .my-o-order-id span { font-size: 18px; color: #000; font-weight: 700; display: block; }
.my-orders-list .my-list-ord .my-o-order-date { font-size: 14px; color: #000; text-align: center; }
.my-orders-list .my-list-ord .my-o-order-date span { font-size: 18px; color: #000; font-weight: 700; display: block; }
.my-orders-list .my-list-ord .my-o-order-status { font-size: 14px; color: #000; text-align: right; }
.my-orders-list .my-list-ord .my-o-order-status span { font-size: 18px; color: #000; font-weight: 700; display: block; }
.my-orders-list .my-list-ord .my-list-item { padding-top: 10px; display: none; }
.my-orders-list .my-list-ord .my-list-item table { background: #fdfdfd; width: 100%; text-align: left; padding: 0; border: none; border-collapse: collapse; }
.my-orders-list .my-list-ord .my-list-item table th { font-size: 15px; color: #a1a1a1; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 5px 5px; }
.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; }
.my-orders-list .my-list-ord .my-list-item .my-o-img { float: left; margin-right: 10px; }
.my-orders-list .my-list-ord .my-list-item .my-o-img img { max-width: 110px; width: 100%; display: block; }
.my-orders-list .my-list-ord .my-list-item .my-o-ttl { font-size: 18px; color: #000; text-decoration: none; font-weight: 700; }
.my-orders-list .my-list-ord .my-list-item .my-o-code { font-size: 16px; color: #000; text-decoration: none; }
.my-orders-list .my-list-ord .my-list-item .my-o-attrs { padding-top: 5px; }
.my-orders-list .my-list-ord .my-list-item .my-o-attrs div { color: #a1a1a1; font-size: 12px; }
.my-orders-list .my-list-ord .my-list-item .my-o-qty { font-size: 18px; color: #000; font-weight: 700; }
.my-orders-list .my-list-ord .my-list-item .my-o-price { font-size: 18px; color: #000; font-weight: 700; }
.my-orders-list .my-list-ord .my-list-item .my-o-price-old { font-size: 18px; color: #a1a1a1; text-decoration: line-through; padding-top: 5px; }
.my-orders-list .my-o-but { text-align: center; }
.my-orders-list .my-o-but button { margin-top: 10px; }
.my-orders-list .my-order-info { margin-top: 10px; }
.my-orders-list .my-order-info .myo-i-ttl { font-size: 14px; color: #000; font-family: font-weight; }
.my-orders-list .my-order-info .myo-i-rows { font-size: 13px; color: #000; line-height: normal; }
.my-orders-list .my-order-info .myo-i-rows-other { font-size: 12px; color: #a1a1a1; line-height: normal; }
.btn-custom { color: #fff; background-color: #c1b8b0; border-color: #c1b8b0; outline: none !important; }
.btn-custom:focus, .btn-custom.focus { color: #fff; background-color: #c1b8b0; border-color: #c1b8b0; }
.btn-custom:hover { color: #fff; background-color: #c1b8b0; border-color: #c1b8b0; }
.btn-custom:active, .btn-custom.active, .open >.dropdown-toggle.btn-custom { color: #fff; background-color: #c1b8b0; border-color: #c1b8b0; }
.btn-custom:active:hover, .btn-custom.active:hover, .open >.dropdown-toggle.btn-custom:hover, .btn-custom:active:focus, .btn-custom.active:focus, .open >.dropdown-toggle.btn-custom:focus, .btn-custom:active.focus, .btn-custom.active.focus, .open >.dropdown-toggle.btn-custom.focus { color: #fff; background-color: #c1b8b0; border-color: #c1b8b0; }
.btn-custom:active, .btn-custom.active, .open >.dropdown-toggle.btn-custom { background-image: none; }
.btn-custom.disabled:hover, .btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover, .btn-custom.disabled:focus, .btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus, .btn-custom.disabled.focus, .btn-custom[disabled].focus, fieldset[disabled] .btn-custom.focus { color: #fff; background-color: #c1b8b0; border-color: #c1b8b0; }
.btn-custom .badge { color: #fff; }
.loadthis { display: none; }

/*@media only screen and (max-width: 1283px) {*/
@media only screen and (max-width:1160px) {
    .media-container .thumbs { display: none; }
    .media-container .big-container { margin-left: 0; }
    .media-container .big-container .ins-container { float: none; margin: auto auto; }
}
@media only screen and (max-width:1440px) {
    .main-content-ins { padding-left: 0; padding-right: 0; }

    /********************* HEADER *********************/
    header .top span:nth-child(2):after { display: none; }
    header .top span:nth-child(3):before { content: ""; display: block; }
    header .mid.main-content-pad { padding-left: 10px; padding-right: 10px; }
    header .bot.main-content-pad { padding-left: 10px; padding-right: 10px; }
    header .bot .pull-right ul li { margin-left: 20px; }

    /********************* HEADER *********************/

    /********************* HOMEPAGE *********************/
    .home .new.main-content-pad { padding-left: 10px; padding-right: 10px; }
    .home .new .pull-right { padding-left: 20px; }
    .home2019 .block.main-content-pad { padding-left: 10px; padding-right: 10px; }

    /********************* HOMEPAGE *********************/

    /********************* ABOUT US *********************/
    .about .txt { padding-left: 290px; padding-right: 290px; }

/********************* ABOUT US *********************/ }
@media only screen and (max-width:1400px) {
    .prod .pull-right .dlv { margin-top: 50px; line-height: normal; }
    .prod .pull-right .dlv span { display: inline-block; vertical-align: middle; }
    .prod .pull-right .dlv .ico { background: url(../img/icon-truck.png) no-repeat 0 center; width: 66px; height: 23px; }
    .prod .pull-right .dlv .txt { border-left: 1px solid #000; padding-left: 52px; font-style: italic; }
    .prod .pull-right .dlv { }
    .prod .pull-right .dlv span { display: block; }
    .prod .pull-right .dlv .ico { display: block; background-position: top center; height: 27px; width: 100%; }
    .prod .pull-right .dlv .txt { border-left: 0; padding-left: 0; margin-top: 10px; text-align: center; }
}
@media only screen and (max-width:1199px) {

    /* .col-lg- */
    .main-content-ins { padding-top: 28px; }

    /********************* HEADER *********************/
    header .bot.main-content-pad { padding-top: 28px; }
    header .bot .pull-left { float: none !important; }
    header .bot .pull-left a img { margin: auto auto; }
    header .bot .pull-right { float: none !important; text-align: center; margin-top: 20px; }

    /********************* HEADER *********************/

    /********************* HOMEPAGE *********************/
    .home .boxes ul { margin-left: -0.5%; margin-right: -0.5%; }
    .home .boxes ul li { width: 32.33%; margin-left: 0.5%; margin-right: 0.5%; }
    .home .boxes ul li a { line-height: normal; font-size: 30px; }
    .home2019 .block { margin-top: 30px; }
    .home2019 .block ul { margin-left: -10px; margin-right: -10px; margin-top: -20px; }
    .home2019 .block ul li { padding: 0 10px; margin-top: 20px; }

    /********************* HOMEPAGE *********************/

    /********************* ABOUT US *********************/
    .about .txt { padding-right: 0; background: url(../img/demo/about-left.jpg) no-repeat left center; }

    /********************* ABOUT US *********************/

    /********************* PRODUCTS *********************/
    .prods .pull-right .ins { padding-left: 316px; }
    .prods .pull-right .lst ul li { width: 48%; }

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

    /* .col-md- */

    /********************* HEADER *********************/
    header .top { display: none; }
    header .bot .pull-right ul li { margin-left: 12px; }

    /********************* HEADER *********************/

    /********************* HOMEPAGE *********************/
    .home .new .pull-left { float: none !important; width: 100%; }
    .home .new .pull-right { float: none !important; width: 100%; padding-left: 0; margin-top: 40px; }
    .home .tunic .pull-left { float: none !important; width: 100% !important; }
    .home .tunic .pull-left:first-child { display: none; }
    .home .tunic .pull-right { display: none; }
    .home .tunic .cnt .ins { padding: 30px 20px; }
    .home .boxes.boxes-d { display: none; }
    .home .boxes.boxes-m { display: block; }

    /********************* HOMEPAGE *********************/

    /********************* STORES *********************/
    .stores .pull-right .ins .map { float: none; margin-right: 0; }
    .stores .pull-right .ins .map .ins2 { padding-right: 0; }
    .stores .pull-right .ins .map .ins2 .mapC { height: 285px; }
    .stores .pull-right .ins .det { float: none; width: 100%; margin-top: 30px; }

    /********************* STORES *********************/

    /********************* PRODUCTS *********************/
    .prods .pull-left { float: none !important; width: 100%; margin-top: 30px; }
    .prods .pull-left .fltBtn { display: inline-block; }
    .prods .pull-left .fltCont { display: none; margin-top: 20px; }
    .prods .pull-left .fltCont .fltContItem .lst { display: none; }
    .prods .pull-left .ins { max-width: 300px; margin: auto auto; text-align: center; }
    .prods .pull-left .ins .lst.content-1 { max-height: none; }
    .prods .pull-left .lst ul li ul { padding-left: 0; }
    .prods .pull-right { float: none !important; margin-left: 0; margin-top: 40px; }
    .prods .pull-right .ins { padding-left: 0; }
    .prods .pull-right .lst ul li { width: 31.33%; }
    .prod-item .det { padding: 18px 0 0 0; }

    /********************* PRODUCTS *********************/

    /********************* PRODUCT *********************/
    .prod .pull-left { float: none !important; width: 100%; max-width: 400px; margin-top: 30px; margin-left: auto !important; margin-right: auto !important; }
    .prod .pull-right { float: none !important; width: 100%; margin-top: 30px; padding-left: 0; }
    .prod .pull-right .ins { float: none; max-width: 100%; }
    .prod .sttl { text-align: center; margin-top: 50px; }
    .prod .sttl span { padding-top: 15px; }
    .prod .resp-2 { margin-top: 40px; }

    /********************* PRODUCT *********************/

    /********************* GIFT CARD *********************/
    .giftcard .img { float: none; width: 100%; }
    .giftcard .img img { margin: auto auto; }
    .giftcard .frm { float: none; width: 100%%; }
    .giftcard .frm .ins { float: none; margin: auto auto; }
    .giftcard .txt { margin-top: 40px; }

    /********************* GIFT CARD *********************/
    .my-page .prd-list-fav ul li { margin: 10px 1% 40px 1%; width: 31.3%; }
}
@media only screen and (max-width:950px) {
    header #main-menu { display: none; }
    .icms-header .mob-menu-toggle { display: block; }
    .icms-header .top-info { padding-left: 10px }
    .icms-header .languages { right: 10px }
    .icms-header .options { right: 45px; top: 48px; }
    .icms-header .options > ul > li a { font-size: 17px; }
    .icms-header .top-info span { display: none; }
    .icms-header .logo { text-align: left; padding-left: 10px; padding-top: 35px; }
    .icms-header .logo img { max-height: 50px; }
    .icms-header { height: 90px }
}
@media only screen and (max-width:767px) {

    /* .col-xs- */
    footer.icms-footer .f-content { display: block; padding: 50px 20px; }
    footer.icms-footer .f-content .col-footer { padding: 0px 0 0 0; border-top: 1px solid #ccc; margin-top: 20px; }
    footer.icms-footer .f-content .col-footer.cats2 { margin-top: 0; border-top: 0; }
    footer.icms-footer .f-content .col-footer.cats2 .col-ttl { display: none; }
    footer.icms-footer .f-content .col-footer.cats2 ul { margin-top: 0; }
    .mttl .ttl h1 { font-size: 24px; }
    .mttl .txt { font-size: 14px; margin-top: 10px; }
    .mttl .txt h2 { font-size: 14px; }
    .mttl .ln { padding-bottom: 20px; }
    .popupboxnl .frm { bottom: 14px; }
    .popupboxnl .frm .chk .ins { padding-left: 10px; padding-right: 10px; }
    .popupboxnl .frm .chk .rgt label { font-size: 16px; }
    .popupboxnl .frm .npt input { padding-left: 10px; padding-right: 10px; height: 40px; font-size: 16px; }
    .popupboxnl .frm .mybtn { margin-top: 10px; }
    .popupboxnl .frm .mybtn input { max-width: 190px; height: 40px; font-size: 16px; }
    .prod-item .img .coming a { background-image: url(../img/coming-small.png); width: 140px; height: 82px; }
    .prod-item .det .prc a { font-size: 20px; }

    /********************* HEADER *********************/
    header .top span:nth-child(1):after { display: none; }
    header .top span:nth-child(2):before { content: ""; display: block; }
    header .mid.main-content-pad { padding-top: 6px; padding-bottom: 6px; }
    header .mid .pull-left { float: none !important; text-align: center; }
    header .mid .pull-right { display: none; }
    header .mid .pull-right div { margin-left: 10px; }
    header .mid .pull-right a.cart, header .mid .pull-right a.fav { padding-left: 16px; }
    header .mid .pull-right a.cart font:first-child, header .mid .pull-right a.fav font:first-child { display: none; }
    header .mid .pull-right a.cart { width: 10px; }
    header .mid .pull-right a.fav { width: 13px; }

    /********************* HEADER *********************/

    /********************* HOMEPAGE *********************/
    .home .resp-1 { display: none; }
    .home .new { display: none; }
    .home .tunic { display: none; }
    .home .boxes { padding-left: 10px; padding-right: 10px; margin-top: 40px; }
    .home2019 .block { margin-top: 20px; }
    .home2019 .block ul { margin-left: -5px; margin-right: -5px; margin-top: -10px; }
    .home2019 .block ul li { padding: 0 5px; margin-top: 10px; }

    /********************* HOMEPAGE *********************/

    /********************* STORES *********************/
    .stores .pull-left { width: 160px; }
    .stores .pull-right { margin-left: -160px; }
    .stores .pull-right .ins { padding-left: 160px; }

    /********************* STORES *********************/

    /********************* ABOUT US *********************/
    .about .txt { margin-top: 40px; }
    .about .txt { padding-left: 0; background: none; }
    .about .lnk { margin-top: 50px; }

    /********************* ABOUT US *********************/

    /********************* CONTACT *********************/
    .contact .pull-left .ttl, .contact .pull-right .ttl { margin-top: 30px; }

    /********************* CONTACT *********************/
    .main-content .form-tpl-order { display: block; }
    .main-content .form-tpl-order .form-txt { padding-left: 10px; }

    /********************* PRODUCTS *********************/
    .prods .pull-left { margin-top: 20px; }
    .prods .pull-left .fltBtn { font-size: 20px; }
    .prods .pull-right { margin-top: 20px; }
    .prods .pull-right .top > div { margin-left: 10px; }
    .home-box-3 ul { display: block; }
    .home-box-3 ul li { margin-bottom: 30px }
    .home-box-2 ul { }

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

    /********************* CONTACT *********************/
    .contact .pull-left { float: none !important; width: 100%; text-align: center; padding-right: 0; }
    .contact .pull-right { float: none !important; width: 100%; }
    .contact .pull-right .ttl { float: none; text-align: center; }
    .contact .pull-left .brd, .contact .pull-right .brd { margin-left: auto; margin-right: auto; }
    .contact .pull-right .brd { float: none; }

/********************* CONTACT *********************/ }
@media only screen and (max-width:640px) {
    .my-page .prd-list-fav ul li { margin: 10px 1% 40px 1%; width: 48%; }
    .icms-header .options > ul > li > a { }
    .home-box-2 ul li .ttl { font-size: 16px; }
    .home-box-2 ul { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
}
@media only screen and (max-width:500px) {

    /********************* PRODUCTS *********************/
    .prods .pull-right .lst ul { margin-left: 0; margin-right: 0; }
    .prods .pull-right .lst ul li { width: 48%; }

/********************* PRODUCTS *********************/ }
@media only screen and (max-width:480px) {
    .main-content .form-tpl-order .form-data label { font-size: 12px; }
    .prod-item .det .prc a { font-size: 18px; }

    /********************* HEADER *********************/
    header .bot { height: 20px; position: relative; margin-bottom: 10px; }
    header .bot .pull-left { position: absolute; top: 28px; left: 0; width: 100%; text-align: center; }
    header .bot .pull-left a { display: inline-block; margin: 0 auto; max-width: 240px; }
    header .bot .pull-left a img { max-width: 240px; }
    header .bot .pull-right { float: left !important; text-align: left; margin-top: 0; padding-top: 0; position: relative; }
    header .bot .mob-cart { display: block; }
    .icms-header .mob-menu-toggle { display: block; }

    /********************* HEADER *********************/
    .home .boxes ul { margin-left: 0; margin-right: 0; }
    .home .boxes ul li { float: none; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; margin-top: 10px; }
    .home .boxes.boxes-m ul li { max-width: 100%; }

    /********************* STORES *********************/
    .stores .pull-left { float: none !important; width: 100%; text-align: center; }
    .stores .pull-left ul li { margin-top: 10px; }
    .stores .pull-right { float: none !important; width: 100%; margin-left: 0; text-align: center; }
    .stores .pull-right .ins { padding-left: 0; }
    .stores .pull-right .ins .det .ttl:after { margin-left: auto; margin-right: auto; }

    /********************* STORES *********************/
    .shopping-bag a.sc-img { float: none; margin-right: 0; width: 100%; }
    .shopping-bag a.sc-img img { max-width: 100%; width: 100px; display: block; }
    .shopping-bag a.sc-ttl { display: none; }
    .shopping-bag div.sc-attrs { display: none; }
    .sb-table .td-bord { border: 0; padding-bottom: 0; }
    .sb-table .td-info { width: 100px !important; padding-left: 0; padding-right: 0; }
    .sb-table .td-info div { display: none; }
    .sb-table .td-info-2 { border-bottom: 1px solid #dfdfdf !important; }
    .sb-table .td-info-2-t { display: block; padding: 0 0 10px 0; }

    /*.sb-table .td-remove{width: 0 !important;}
    .sb-table .td-remove div{display: none;}*/
    .sb-table .td-subtotal { width: auto; }
    .sb-table .td-subtotal .sc-price-t { white-space: nowrap; }
    .homeblock .m-ttl h1, .homeblock .m-ttl h2 { font-size: 18px; }
    .prod .tier-container { display: block; }
}
@media only screen and (max-width:420px) {
    .prod .pull-right .prc strong { display: block; margin-left: 0; }

    .icms-header .options > ul > li {margin-right: 5px; }
    .icms-header .options > ul > li + li { margin-left: 5px; }
}
@media only screen and (max-width:360px) {

/*.prods .pull-right .lst ul li { float: none; width: 100%; margin-left: 0; margin-right: 0; }*/ }