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; } .main-content { max-width: 1920px; margin-left: auto; margin-right: auto; } .main-content-ins { max-width: 1900px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .main-content-top { padding-top: 112px; } .no-marg-padd { margin: 0; padding: 0; } .no-marg-padd li { margin: 0; padding: 0; } input, textarea { outline: 0 !important; } strong, b { font-weight: 700 !important; } label{ color: #252525; font-weight: 400; } label[class*="required"]:after{ content: "*"; display: inline-block; vertical-align: top; } .pagin { text-align: right; margin-top: 60px; } .pagin a, .pagin span { display: inline-block; vertical-align: middle; } .pagin .pgn-page { letter-spacing: 1px; font-weight: 600; margin-right: 10px; } .pagin .pgn-txt { margin-left: 8px; margin-right: 8px; } .pagin .prev, .pagin .next { font-size: 16px; } .ph { } .ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #000; } .ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #000; } .ph::-moz-placeholder { /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #000; } .ph:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #000; } .ph:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #000; } ol.breadcrumb { background: transparent; margin: 16px 0 0 0; padding: 0; } ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 12px; } ol.breadcrumb li + li:before { content: "|"; padding: 0 5px 0 1px; color: #000; font-weight: 400; } ol.breadcrumb li a { text-decoration: none; font-size: 12px; } ol.breadcrumb li:last-child a { font-weight: 600; } #cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; } #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:#ff0000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; } #cookie-bar .cb-enable:hover {background:#009900;} #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;} .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 */ } .dark-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.6); z-index: 9998; display: none; } .close-menu-custom { position: absolute; top: 6px; right: 12px; } .close-menu-custom i { font-size: 24px; color: #000; } .custom-search { background: #ddd; border: 0; width: 100%; margin: 0; padding: 7px 12px; cursor: pointer; color: #000; } .input-sm, .btn-sm { font-size: 14px; } .bootstrap-dialog .modal-header { background-color: #ddd !important; } .bootstrap-dialog .bootstrap-dialog-title { color: #000; } .bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 24px; opacity: 1; } .btn { background: #000 !important; color: #fff !important; border-color: #000 !important; } .btn.btn-warning { background: #ddd !important; color: #000 !important; border-color: #ddd !important; } /********************* HEADER *********************/ header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #ccc; z-index: 100; } header .main-content-ins { position: relative; padding-top: 20px; max-width: 1920px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .lft { float: left; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .lft a { display: inline-block; background: url(../img/logo.png) no-repeat 0 0; width: 299px; height: 71px; background-size: 299px 71px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .rgt { float: right; } header .rgt .top { } header .rgt .top .ins { float: right; } header .rgt .top .ins > div { display: inline-block; vertical-align: middle; margin-left: 50px; line-height: 24px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .rgt .top .ins > div:first-child { margin-left: 0; } header .rgt .top .pho { background: url(../img/new/icon-phone.png) no-repeat center left; background-size: 24px 24px; padding-left: 34px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .rgt .top .mob-ln { display: none !important; } header .rgt .top .mob-menu { display: none !important; text-align: right; margin-left: 0 !important; margin-top: 16px; } header .rgt .top .mob-menu a { font-size: 18px; } header .rgt .top .mob-menu a i { margin-right: 10px; } header .rgt .top .lngs a { color: #3d3d3d; } header .rgt .top .lngs a.active { font-size: 18px; color: #000; } header .rgt .top .lnks { } header .rgt .top .lnks > ul > li { float: left; padding: 0 20px; border-left: 1px solid #363636; position: relative; } header .rgt .top .lnks > ul > li:first-child { padding-left: 0; border-left: 0; } header .rgt .top .lnks > ul > li:last-child { padding-right: 0; } header .rgt .top .lnks > ul > li > a { display: block; background-repeat: no-repeat; height: 24px; line-height: 24px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .rgt .top .lnks > ul > li > a.srch { background-image: url(../img/new/icon-search.png); background-position: center left; background-size: 26px 23px; width: 26px; } header .rgt .top .lnks > ul > li > a.fav { background-image: url(../img/new/icon-wishlist.png); background-position: center left; background-size: 24px 24px; width: 24px; } header .rgt .top .lnks > ul > li > a.cart { background-image: url(../img/new/icon-bag.png); background-position: center left; background-size: 21px 24px; padding-left: 30px; } header .rgt .top .lnks > ul > li > a.acc { background-image: url(../img/new/icon-account.png), url(../img/new/arrow-down.png); background-position: center left, center right; background-size: 20px 24px, 7px 7px; width: 36px; } header .rgt .top .lnks > ul > li > ul { position: absolute; top: 37px; right: 6px; z-index: 10; background: #fff; border: 1px solid #ccc; padding: 5px 10px 10px 10px; display: none; } header .rgt .top .lnks > ul > li > ul: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 #ccc; display: inline-block; } header .rgt .top .lnks > ul > li > ul > li { text-align: right; margin-top: 5px; } header .rgt .top .lnks > ul > li > ul > li a { white-space: nowrap; } header .rgt .bot { margin-top: 16px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .rgt .bot .main-menu { float: right; } header .rgt .bot .main-menu > ul > li { float: left; margin-left: 36px; position: relative; padding-bottom: 20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .rgt .bot .main-menu > ul > li:first-child { margin-left: 0; } header .rgt .bot .main-menu > ul > li > a { display: block; font-size: 16px; line-height: 28px; border-bottom: 1px solid #fff; } header .rgt .bot .main-menu > ul > li:hover > a, header .rgt .bot .main-menu > ul > li > a:hover, header .rgt .bot .main-menu > ul > li > a.active, header .rgt .bot .main-menu > ul > li > a.activeo { border-bottom-color: #000; } header .rgt .bot .main-menu > ul > li .mn-ins { position: absolute; top: 100%; left: -26px; width: 440px; background: #fff; padding: 14px 26px 16px 26px; display: none; border-top: 1px solid #ccc; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } header .rgt .bot .main-menu > ul > li:hover .mn-ins { display: block; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft { float: left; width: 248px; text-align: left; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft ul li { margin-top: 6px; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft ul li.off { margin-top: 26px; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft ul li:first-child { margin-top: 0; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft ul li a { font-size: 15px; font-weight: 300; padding-bottom: 1px; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft ul li.off a { font-weight: 400; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft ul li a:hover, header .rgt .bot .main-menu > ul > li .mn-ins .mn-lft ul li a.active { border-bottom: 1px solid #ccc; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-rgt { float: right; width: 140px; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-rgt a { display: block; position: relative; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-rgt a > span { position: absolute; bottom: 6px; left: 0; width: 100%; text-align: center; } header .rgt .bot .main-menu > ul > li .mn-ins .mn-rgt a > span span { display: inline-block; background: #fff; border: 1px solid #898989; padding: 1px 14px; } .cbp-af-header.cbp-af-header-shrink header .main-content-ins { padding-top: 10px; } .cbp-af-header.cbp-af-header-shrink header .lft { margin-top: 5px; } .cbp-af-header.cbp-af-header-shrink header .lft a { width: 253px; height: 60px; background-size: 211px 50px; } .cbp-af-header.cbp-af-header-shrink header .rgt .top .ins > div { line-height: 18px; } .cbp-af-header.cbp-af-header-shrink header .rgt .top .pho { background-size: 18px 18px; padding-left: 30px; } .cbp-af-header.cbp-af-header-shrink header .rgt .top .lnks > ul > li > a.srch { background-size: 20px 18px; width: 20px; } .cbp-af-header.cbp-af-header-shrink header .rgt .top .lnks > ul > li > a.fav { background-size: 18px 18px; width: 18px; } .cbp-af-header.cbp-af-header-shrink header .rgt .top .lnks > ul > li > a.cart { background-size: 16px 18px; padding-left: 25px; } .cbp-af-header.cbp-af-header-shrink header .rgt .top .lnks > ul > li > a.acc { background-size: 15px 18px, 7px 7px; width: 31px; } .cbp-af-header.cbp-af-header-shrink header .rgt .bot { margin-top: 7px; } .cbp-af-header.cbp-af-header-shrink header .rgt .bot .main-menu > ul > li { margin-left: 24px; padding-bottom: 10px; } .cbp-af-header.cbp-af-header-shrink header .rgt .bot .main-menu > ul > li > a { font-size: 15px; } .cbp-af-header.cbp-af-header-shrink header .rgt .bot .main-menu > ul > li .mn-ins { } .cart-window-no { display: none; } /*.cart-window { position: absolute; top: 45px; z-index: 101; border-top-width: 3px; border-top-style: solid; border-color: #474747; right: -1px; min-width: 380px; background: #fff; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; -moz-box-shadow: 0px 2px 5px #000000; -webkit-box-shadow: 0px 2px 5px #000000; box-shadow: 0px 2px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')"; } .cart-window:before{border-bottom-color: #474747; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-bottom-width: 8px; border-bottom-style: solid; border-right: 7px solid transparent; position: absolute; top: -8px; right: 22px;} .cart-window:after{content: ""; position: absolute; display: block; height: 13px; width: 100%; margin-top: -13px; left: 0; top: 0;}*/ .cart-window { border-top: 3px solid #474747; background: #fff; min-width: 340px; position: absolute; top: 37px; right: -1px; z-index: 101; -moz-box-shadow: 0px 2px 5px #000000; -webkit-box-shadow: 0px 2px 5px #000000; box-shadow: 0px 2px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')"; } .cart-window:before{border-bottom-color: #474747; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-bottom-width: 8px; border-bottom-style: solid; border-right: 7px solid transparent; position: absolute; top: -8px; right: 22px;} .cart-window:after{content: ""; position: absolute; display: block; height: 13px; width: 100%; margin-top: -13px; left: 0; top: 0;} .mini-shopping-cart {padding: 5px 10px;} .mini-shopping-cart .msc-header{font-size: 12px; color: #000; text-align: center; text-transform: uppercase;} .mini-shopping-cart ul.msc-p-list{list-style: none; padding: 0; margin: 0;} .mini-shopping-cart ul.msc-p-list li{height: 140px; list-style: none; padding: 10px 0 10px 0; margin: 0; border-bottom: 1px solid #eee; position: relative; text-align: left;} .mini-shopping-cart ul.msc-p-list li .msc-lft{float: left; width: 75%;} .mini-shopping-cart ul.msc-p-list li .msc-rght {float: right; width: 25%; text-align: right;} .mini-shopping-cart ul.msc-p-list li .msc-img{float: left; margin-right: 10px;} .mini-shopping-cart ul.msc-p-list li .msc-img img{display: block; max-width: 80px;} .mini-shopping-cart ul.msc-p-list li .msc-ttl{ display: block; font-size: 13px; color: #000; font-weight: 600; line-height: 14px;} .mini-shopping-cart ul.msc-p-list li .msc-code{padding-top: 5px; display: block; font-size: 12px; color: #000; text-transform: uppercase;} .mini-shopping-cart ul.msc-p-list li .msc-attrs{padding-top: 10px;} .mini-shopping-cart ul.msc-p-list li .msc-attrs .msc-attr{display: block; font-size: 12px; color: #000; text-transform: uppercase;} .mini-shopping-cart ul.msc-p-list li .msc-price{font-size: 12px; color: #000; font-weight: 500; line-height: 20px;} .mini-shopping-cart ul.msc-p-list li .msc-price-old{font-size: 12px; color: #999; font-weight: 500; text-decoration: line-through;} .mini-shopping-cart ul.msc-p-list li .msc-remove{position: absolute; right: 0px; bottom: 5px; border: 0; display: block; background: none; margin: 0; padding: 0; font-size: 13px; color: #6e6e6e;} .mini-shopping-cart ul.msc-p-list li .msc-remove i{ font-size: 14px;color: #444;} .mini-shopping-cart ul.msc-total-all{/* background: #e8e8e8; */list-style: none; padding: 5px 0; margin: 0; border-top: 1px solid #eee; background-color: white;} .mini-shopping-cart ul.msc-total-all li{list-style: none; padding: 0; margin: 0;} .mini-shopping-cart ul.msc-total-all li.msc-other{font-size: 14px; color: #000; padding: 5px 10px 5px 0;} .mini-shopping-cart ul.msc-total-all li.msc-total{font-size: 16px; color: #000; font-weight: 700; padding: 5px 10px 5px 0;} .mini-shopping-cart ul.msc-total-all li .msc-rght {float: right; width: 25%; text-align: right;} .mini-shopping-cart ul.msc-total-all li .msc-lft {float: left; width: 75%; text-align: right; text-transform: uppercase;} .mini-shopping-cart .msc-footer {text-align: center; padding: 0px 0 10px 0;} .mini-shopping-cart .msc-footer a {display: block; line-height: 30px; font-size: 16px; margin: 0; padding: 0; text-transform: uppercase; text-decoration: none; background: #000; color: #fff;} .mini-shopping-cart .msc-carousel {position: relative; margin-top: 5px; border-top: 1px solid #eee; padding: 10px 0;} .mini-shopping-cart .msc-carousel .msc-c-container {margin: 0; overflow: hidden; position: relative; padding: 20px 0;} .mini-shopping-cart .msc-carousel .prev, .mini-shopping-cart .msc-carousel .next{position: absolute; top: 0; cursor: pointer; z-index: 2; color: #c0c0c0; font-size: 50px; line-height: 20px; left: 50%; margin-left: -16px;} .mini-shopping-cart .msc-carousel .not-active {display: none;} .mini-shopping-cart .msc-carousel .prev i, .mini-shopping-cart .msc-carousel .next i {line-height: 20px;} .mini-shopping-cart .msc-carousel .prev:hover, .mini-shopping-cart .msc-carousel .next:hover {color: #000;} .mini-shopping-cart .msc-carousel .next{bottom: 0; top: auto;} .mini-shopping-cart .msc-carousel .msc-c-scroller {position: absolute; top: 20px; z-index: 1; height: 279px; overflow: hidden; width: 100%;} .mini-shopping-cart .msc-carousel .msc-c-scroller-visible {position: relative;} .mob-menu-toggle { display: none; } .mob-menu-toggle a { color: #fff; } .mob-menu-toggle i { margin-right: 10px; } nav#menu { visibility: hidden; height: 0; } nav#menu ul li a:hover, nav#menu ul li a.active { color: #000; } .close-menu { cursor: pointer; } /********************* HEADER *********************/ /********************* FOOTER *********************/ footer { border-top: 1px solid #898989; padding: 40px 0 10px 0; margin-top: 100px; position: relative; } footer #toTop { position: absolute; top: 10px; right: 20px; background: url(../img/arrow-top-22x11.png) no-repeat top center; padding-top: 16px; cursor: pointer; } footer.hp { margin-top: 0; } footer .cols { position: relative; } footer .col { } footer .col.col1 { float: left; position: relative; } footer .col.col1 > div { display: inline-block; vertical-align: top; } footer .col.col1 .lft { } footer .col.col1 .lft span { display: block; font-size: 30px; line-height: 24px; } footer .col.col1 .cnt { text-align: center; margin-top: 30px; padding: 0 40px; } footer .col.col1 .rgt { width: 310px; border-bottom: 1px solid #000; position: relative; margin-top: 18px; } footer .col.col1 .rgt .inpt { } footer .col.col1 .rgt .inpt input { background: none; border: 0; margin: 0; padding: 0 80px 0 0; width: 100%; height: 28px; } footer .col.col1 .rgt .inpt input::-webkit-input-placeholder { font-size: 12px; color: #868686; } footer .col.col1 .rgt .inpt input:-moz-placeholder { font-size: 12px; color: #868686; } footer .col.col1 .rgt .inpt input::-moz-placeholder { font-size: 12px; color: #868686; } footer .col.col1 .rgt .inpt input:-ms-input-placeholder { font-size: 12px; color: #868686; } footer .col.col1 .rgt .inpt input:-ms-input-placeholder { font-size: 12px; color: #868686; } footer .col.col1 .rgt .mybtn { position: absolute; top: 0; right: 0; } footer .col.col1 .rgt .mybtn input { background: none; border: 0; display: inline-block; font-size: 16px; margin: 0; padding: 0; cursor: pointer; height: 28px; } footer .col.col2 { text-align: center; position: absolute; top: 24px; left: 0; width: 100%; } footer .col.col2 div { padding: 0 10px; } footer .col.col2 span, footer .col.col2 a { display: inline-block; vertical-align: middle; } footer .col.col2 a { margin-left: 20px; } footer .col.col2 span { font-size: 18px; } footer .col.col2 i { font-size: 22px; } footer .col.col3 { float: right; margin-top: 12px; text-align: right; position: relative; } footer .col.col3 > div { display: inline-block; text-align: left; } footer .col.col3 > div > div { display: block; padding-left: 30px; background-repeat: no-repeat; } footer .col.col3 div.time { background-image: url(../img/time.png); background-position: center left 2px; } footer .col.col3 div.free { background-image: url(../img/truck-3.png); background-position: center left; margin-top: 10px; } footer .col.col3 div.banks { margin-top: 10px; text-align: left; padding-left: 0; } footer .col.col3 div.banks span { display: inline-block; vertical-align: middle; margin-right: 10px; } footer .col.col3 div.banks span a { display: inline-block; vertical-align: middle; } footer .col.col3 div.banks span:last-child { margin-right: 0; } footer .bot { margin-top: 30px; } footer .bot .lft { float: left; } footer .bot .lft ul li+li:before { content: "|"; color: #a3a3a3; margin: 0 10px; } footer .bot .rgt { float: right; font-size: 12px; color: #5d5d5d; } footer .bot .rgt a { color: #5d5d5d; } footer .bot .rgt a:last-child { color: #000; } /********************* FOOTER *********************/ .m-ttl { margin-top: 24px; text-align: center; } .m-ttl h1 { margin: 0; font-size: 24px; } .m-ttl h2 { margin: 0; font-size: 20px; } .m-txt { margin-top: -20px; font-size: 16px; text-align: center; } .m-txt-2 { margin-top: 20px; font-size: 16px; } .m-error { margin-top: 20px; } .m-error a { margin: 10px 5px 0 5px; } .m-ins { margin: 50px auto 0 auto; } .m-lst { } .m-lst ul { margin-left: -10px; margin-right: -10px; margin-top: -30px; overflow: hidden; } .m-lst ul li { float: left; width: 33.33%; padding: 0 10px; margin-top: 30px; } /********************* HOMEPAGE *********************/ .home .hp-grid-1 ul li { float: left; width: 25%; } .slide-btn { width: 33px !important; height: 24px !important; margin-bottom: 50px !important; cursor: pointer; } .slide-btn.slide-btn-lft { margin-right: 150px !important; } .slide-btn.slide-btn-rgt { margin-left: 150px !important; } .slide-btn img { width: 33px !important; height: 24px !important; } .slide-txt { font-size: 18px !important; color: #fff !important; margin-bottom: 40px !important; } .slide-txt strong { font-size: 36px !important; font-weight: 800 !important; } .hp-grid-1-item { position: relative; } .hp-grid-1-item span { display: block; } .hp-grid-1-item .txts { position: absolute; top: 15%; left: 20px; } .hp-grid-1-item.hp-grid-1-item-lg .txts { top: 37%; } .hp-grid-1-item .txts .txt-1 { font-size: 18px; font-weight: 700; letter-spacing: 2px; } .hp-grid-1-item .txts .txt-1:after { content: ""; display: block; background: #000; width: 30px; height: 3px; margin-top: 10px; } .hp-grid-1-item .txts .txt-2 { font-size: 24px; letter-spacing: 2px; margin-top: 6px; } .hp-grid-1-item.hp-grid-1-item-lnk { padding-top: 100%; } .hp-grid-1-item.hp-grid-1-item-lnk div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; flex-direction: column; } .hp-grid-1-item.hp-grid-1-item-lnk a { display: block; font-size: 24px; letter-spacing: 2px; text-align: center; background: url(../img/new/arrow-right.png) no-repeat bottom center; padding-bottom: 32px; line-height: 43px; } .hp-m-ttl { text-align: center; } .hp-m-ttl h2 { margin: 0; font-size: 36px; font-weight: 300; letter-spacing: 4px; } .hp-prods { margin-top: 90px; } .hp-slider-c-2 { margin-top: 38px; overflow: hidden; } .hp-slider-c { margin-left: -10px; margin-right: -10px; } .hp-slider { } .hp-slider .hp-slider-item { padding: 0 10px; } .p-item-2 { max-width: 456px; margin: auto auto; } .p-item-2 .p-img { } .p-item-2 .p-img a { display: block; position: relative; } .p-item-2 .p-img a span { color: #fff; } .p-item-2 .p-img a > span { display: block; position: absolute; background-position: 0 0; background-repeat: no-repeat; } .p-item-2 .p-img a > span.p-fav { top: 20px; right: 20px; background: url(../img/new/icon-wishlist-2.png) no-repeat 0 0; width: 25px; height: 22px; cursor: pointer; } .p-item-2 .p-img a > span.p-fav-active { background-image: url(../img/new/icon-wishlist-2-active.png); height: 24px; } .p-item-2 .p-img a > span.p-label { width: 115px; height: 43px; background-size: 115px 43px; padding-left: 5px; top: 20px; left: 0; } .p-item-2 .p-img a > span.p-disc { } .p-item-2 .p-img a > span.p-disc span { display: block; } .p-item-2 .p-img a > span.p-disc .p-disc-ttl { font-size: 12px; font-weight: 700; margin-top: 4px; } .p-item-2 .p-img a > span.p-disc .p-disc-txt { font-size: 18px; font-weight: 700; margin-top: -4px; margin-right: 20px; text-align: right; } .p-item-2 .p-img a > span.p-disc-1 { background-image: url(../img/new/label-1.png); } .p-item-2 .p-img a > span.p-disc-2 { background-image: url(../img/new/label-3.png); } .p-item-2 .p-img a > span.p-soldout { background-image: url(../img/new/label-2.png); font-size: 12px; font-weight: 700; line-height: 43px; } .p-item-2 .p-det { padding: 15px 20px 0 20px; position: relative; text-align: center; } .p-item-2 .p-det .p-ttl { } .p-item-2 .p-det .p-ttl h3 { margin: 0; font-size: 20px; font-weight: 400; } .p-item-2 .p-det .p-code { } .p-item-2 .p-det .p-code a { font-size: 16px; } .p-item-2 .p-det .p-prc { margin-top: 20px; } .p-item-2 .p-det .p-prc a { font-size: 20px; font-weight: 700; } .p-item-2 .p-det .p-prc a span { font-size: 20px; font-weight: 400; margin-right: 10px; text-decoration: line-through; } .p-item-2 .p-det .p-buy { margin-top: 10px; } .p-item-2 .p-det .p-buy a { display: inline-block; font-size: 20px; background: url(../img/new/icon-bag.png) no-repeat center right; background-size: 18px 20px; padding-right: 26px; line-height: 24px; } .hp-bnr-1 { margin-top: 120px; } .hp-bnr-1 .hp-bnr-1-lft { float: left; width: 26%; } .hp-bnr-1 .hp-bnr-1-rgt { float: right; width: 74%; } .hp-bnr-1 .hp-bnr-1-rgt a { display: block; position: relative; } .hp-bnr-1 .hp-bnr-1-rgt a > span { display: block; position: absolute; top: 30%; left: 0; width: 100%; padding: 0 10px; background: rgba(255,255,255,0.3); text-align: right; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span { display: inline-block; border-bottom: 3px solid #fff; margin-right: 200px; text-align: left; padding: 14px 0 5px 0; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span > span { display: block; color: #fff; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span > span.hp-bnr-1-txt-1 { font-size: 24px; font-weight: 700; letter-spacing: 2px; background: url(../img/new/arrow-right-white.png) no-repeat center right; padding-right: 50px; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span > span.hp-bnr-1-txt-2 { font-size: 24px; font-style: italic; letter-spacing: 2px; margin-top: 6px; } .hp-insta { margin-top: 110px; } .hp-insta .hp-slider-insta { margin-top: 50px; } .hp-insta .hp-slider-insta .hp-slider-insta-item { opacity: 0.6; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .hp-insta .hp-slider-insta .hp-slider-insta-item.slick-active { opacity: 1; } .hp-insta .hp-slider-insta .hp-slider-insta-item a { display: flex; justify-content: center; flex-direction: column; position: relative; } .hp-insta .hp-slider-insta .hp-slider-insta-item a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .hp-insta .hp-slider-insta .hp-slider-insta-item.slick-active a:before { background: none; } .hp-insta .hp-insta-lnk { text-align: center; margin-top: 40px; } .hp-insta .hp-insta-lnk a { display: inline-block; font-size: 24px; font-weight: 300; } /********************* HOMEPAGE *********************/ /********************* ABOUT US *********************/ .company { } .company .m-ins { max-width: 1530px; } .company .lft { float: left; width: 46.6%; } .company .rgt { float: right; width: 53.4%; padding-left: 38px; } .company .rgt .txt { display: block; font-size: 16px; line-height: 20px; } .company .rgt .lnk { margin-top: 30px; } .company .rgt .lnk a { display: inline-block; font-size: 18px; font-weight: 600; } .company .rgt .lnk a i { margin-left: 10px; } /********************* ABOUT US *********************/ /********************* WHOLE SALE *********************/ .whole { } .whole .m-ins { max-width: 1530px; } .whole .txt { display: block; font-size: 16px; line-height: 20px; text-align: justify; } .whole .lnk { margin-top: 30px; } .whole .lnk a { display: inline-block; font-size: 18px; font-weight: 600; } .whole .lnk a i { margin-left: 10px; } /********************* WHOLE SALE *********************/ /********************* CONTACT *********************/ .contact { } .contact .m-ins { max-width: 968px; } .contact .lft { float: left; width: 42%; } .contact .lft .ttl { font-size: 16px; font-weight: 600; color: #252525; margin-top: 30px; } .contact .lft .lst { } .contact .lft .lst ul li { margin-top: 20px; } .contact .lft .lst ul li .lst-ttl { font-weight: 600; } .contact .lft .lst ul li .lst-txt { margin-top: 4px; } .contact .lft .email { margin-top: 40px; } .contact .lft .email a { display: inline-block; background: url(../img/email.png) no-repeat center left; padding-left: 44px; font-size: 16px; } .contact .rgt { float: right; width: 58%; padding-left: 38px; } .contact .rgt .ttl { font-size: 16px; font-weight: 600; color: #252525; } .contact .rgt .ttl:after { content: ""; display: block; width: 25px; height: 1px; background: #ff0000; margin-top: 5px; } .contact .rgt .frm { padding-top: 14px;} .contact .rgt .frm .item { margin-top: 4px; } .contact .rgt .frm .item .txt { } .contact .rgt .frm .item .inpt { margin-top: -2px; } .contact .rgt .frm .item .inpt input { background: none; border: 1px solid #0d0d0d; margin: 0; padding: 0 10px; width: 100%; height: 38px; cursor: pointer; } .contact .rgt .frm .item .inpt textarea { background: none; border: 1px solid #0d0d0d; margin: 0; padding: 4px 10px; width: 100%; height: 72px; cursor: pointer; } .contact .rgt .frm .bot { margin-top: 20px; } .contact .rgt .frm .bot .b-lft { float: left; } .contact .rgt .frm .bot .b-rgt { float: right; margin-top: 46px; } .contact .rgt .frm .bot .b-rgt input { display: inline-block; background: #252525; border: 0; font-size: 16px; color: #fff; font-weight: 600; margin: 0; padding: 0 12px; height: 26px; cursor: pointer; } /********************* CONTACT *********************/ /********************* CAREER *********************/ .career { } .career .m-ins { max-width: 968px; } .career .ttl { font-size: 16px; font-weight: 600; color: #252525; text-align: center; margin-top: 34px; } .career .ttl:after { content: ""; display: block; width: 25px; height: 1px; background: #ff0000; margin: 5px auto 0 auto; } .career .frm { max-width: 560px; margin: 0 auto; padding-top: 14px; } .career .frm { } .career .frm .item { margin-top: 4px; } .career .frm .item .txt { } .career .frm .item .inpt { margin-top: -2px; } .career .frm .item .inpt input { background: none; border: 1px solid #0d0d0d; margin: 0; padding: 0 10px; width: 100%; height: 38px; cursor: pointer; } .career .frm .item .inpt textarea { background: none; border: 1px solid #0d0d0d; margin: 0; padding: 4px 10px; width: 100%; height: 72px; cursor: pointer; } .career .frm .upl { margin-top: 23px; } .pld-btn-info {margin-bottom: 20px;} .pld-btn-info a.att-small { display: inline-block; background: url(../img/download.png) no-repeat center left; font-size: 16px; padding-left: 40px; line-height: 27px; color: #010101; } .pld-btn-info a.att-small span { font-weight: 600; } .pld-btn-info .img-demo {width: 150px; height: 150px; border-radius: 10px; float: left; background: #ddd; overflow: hidden; margin-right: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 6px #ddd; -moz-box-shadow: 0px 0px 6px #ddd; box-shadow: 0px 0px 6px #ddd;} .pld-btn-info .img-demo img {border-radius: 10px; width: 100%;} .pld-btn-info .info {font-size: 18px; color: #00AEEF; font-weight: 700; display: inline-block; cursor: pointer;} .pld-btn-info .info-res {display: none; padding: 5px 0 0 0; font-size: 16px; color: #999;} .pld-btn-info .file-butons {padding-top: 5px; position: relative;} .pld-btn-info .file-butons ul{list-style:none; padding:0; margin:0;} .pld-btn-info .file-butons ul li{list-style:none; padding: 0 0 0 45px; margin:0; position: relative; cursor: pointer;} .pld-btn-info .file-butons ul li+li{border-top: 1px solid #eee; margin-top: 10px; } .pld-btn-info .file-butons a {font-size: 16px; color: #999; display: inline-block; text-decoration: none; font-weight: 700;} .pld-btn-info .file-butons a i {margin-right: 5px;} .pld-btn-info .file-butons .file-selected {font-size: 16px; color: #999; text-decoration: none; cursor: default; } .pld-btn-info .file-butons .file-selected i { cursor: pointer; } .pld-btn-info .file-butons .file-selected a { font-weight: 400; } .pld-btn-info .file-butons .file-progress {font-size: 16px; color: #999;} .pld-btn-info .file-butons ul li .file-progress{position: absolute; left: 0; top: 0;} .career .frm .bot { margin-top: 42px; } .career .frm .bot .b-lft { float: left; } .career .frm .bot .b-rgt { float: right; margin-top: 46px; } .career .frm .bot .b-rgt input { display: inline-block; background: #252525; border: 0; font-size: 16px; color: #fff; font-weight: 600; margin: 0; padding: 0 12px; height: 26px; cursor: pointer; } /********************* CAREER *********************/ /********************* STORES *********************/ .stores { } .stores .m-ins { max-width: 1200px; } .stores .m-ins > ul { margin-left: -10px; margin-right: -10px; margin-top: -30px; overflow: hidden; } .stores .m-ins > ul > li { float: left; width: 50%; padding: 0 10px; margin-top: 70px; } .stores .m-ins > ul > li .ttl { } .stores .m-ins > ul > li .ttl h2 { margin: 0; font-size: 18px; font-weight: 600; } .stores .m-ins > ul > li .map { width: 260px; height: 172px; margin-top: 20px; } .stores .m-ins > ul > li .det { padding-top: 20px; } .stores .m-ins > ul > li .det > div { background-position: center left; background-repeat: no-repeat; font-size: 16px; padding-left: 42px; margin-top: 20px; } .stores .m-ins > ul > li .det .addr { background-image: url(../img/address.png); line-height: 21px; } .stores .m-ins > ul > li .det .email { background-image: url(../img/email.png); line-height: 15px; } .stores .m-ins > ul > li .det .phone { background-image: url(../img/phone.png); line-height: 21px; } .stores .m-ins > ul > li .times { margin-top: 34px; } .stores .m-ins > ul > li .times .ttl2 { font-size: 16px; font-weight: 600; } .stores .m-ins > ul > li .times ul { padding-top: 12px; } .stores .m-ins > ul > li .times ul li { float: left; width: 33%; padding-right: 10px; margin-top: 10px; } /********************* STORES *********************/ /********************* SIMPLE *********************/ .simple { } .simple .m-ins { max-width: 1490px; } .simple .lft { float: left; width: 214px; position: relative; } .simple .lft ul li { margin-top: 10px; } .simple .lft ul li:first-child { margin-top: 0; } .simple .lft ul li a { display: block; font-size: 18px; position: relative; padding-left: 34px; } .simple .lft ul li a:after { content: ""; width: 23px; height: 1px; background: #ff0000; position: absolute; top: 50%; left: 0; display: none; } .simple .lft ul li a:hover:after, .simple .lft ul li a.active:after { display: block; } .simple .lft ul li a.active { font-weight: 600; } .simple .rgt { float: right; width: 100%; margin-left: -214px; } .simple .rgt .ins { padding-left: 234px; } /********************* SIMPLE *********************/ /********************* BLOG *********************/ .blog { } .blog .m-ins { max-width: 1430px; } .blog .lst { margin-top: -60px; } .blog .lst ul { margin-left: -15px; margin-right: -15px; overflow: hidden; } .blog .lst ul li { float: left; width: 50%; padding-left: 15px; padding-right: 15px; margin-top: 60px; } .b-item { } .b-item .b-ttl { margin-top: 30px; } .b-item .b-ttl a { font-size: 24px; } .b-item .b-dt { margin-top: 12px; } .b-item .b-dt a { font-size: 16px; } .b-item .b-txt { margin-top: 16px; } .b-item .b-lnk { margin-top: 14px; text-align: right; } .b-item .b-lnk a { display: inline-block; font-size: 16px; padding-right: 20px; background: url(../img/arrow-right-8x14.png) no-repeat top 6px right; } #fboverlay { opacity: 1; filter: alpha(opacity=100); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } /********************* BLOG *********************/ /********************* BLOG INSIDE *********************/ .blog-ins { } .blog-ins .m-ins { max-width: 1290px; position: relative; } .blog-ins .dt { position: absolute; top: 0; text-align: center; } .blog-ins .dt .dt-num { font-family: Georgia, serif; font-size: 48px; font-style: italic; } .blog-ins .dt .dt-day { font-family: Georgia, serif; font-size: 20px; margin-top: -12px; } .blog-ins .dt .dt-oth { font-family: Georgia, serif; font-size: 12px; margin-top: -2px; } .blog-ins .ttl { } .blog-ins .ttl h1 { margin: 0; font-family: Georgia, serif; font-size: 45px; font-style: italic; } .blog-ins .pbl { font-weight: 600; padding-top: 18px; } .blog-ins .txt { font-size: 16px; margin-top: 14px; } .sugg .sugg-ttl { text-align: center; font-size: 24px; margin-top: 22px; } .sugg .sugg-ttl:after { content: ""; display: block; width: 25px; height: 1px; background: #ff0000; margin: 5px auto 0 auto; } .sugg .sugg-lst { } .sugg .sugg-lst .slider-2-c { margin-top: 34px; overflow: hidden; } .sugg .sugg-lst .slider-2-c-2 { margin-left: -6px; margin-right: -6px; } .sugg .sugg-lst .slider-2 { } .sugg .sugg-lst .slider-2-c .slider-2-c-2 .slider-2 .p-item { margin: 0 6px; } .blog-ins .img { margin-top: 64px; } .blog-ins .shr { margin: 46px auto 0 auto; max-width: 776px; border-top: 2px solid #ccc; text-align: center; padding-top: 46px; } .blog-ins .shr > div { display: inline-block; vertical-align: middle; margin-left: 40px; } .blog-ins .shr > div:first-child { margin-left: 0; } .blog-ins .shr > div a i { font-size: 16px; } /********************* BLOG INSIDE *********************/ .p-item { text-align: center; } .p-item .p-img { } .p-item .p-img a { display: block; position: relative; } .p-item .p-img a span.off { position: absolute; bottom: 16px; right: 18px; background: #000; color: #fff; font-weight: 600; font-style: italic; cursor: pointer; padding: 4px 10px; } .p-item .p-img a span.sold-out { position: absolute; bottom: 16px; left: 18px; background: #000; color: #fff; font-weight: 600; font-style: italic; cursor: pointer; padding: 4px 10px; } .p-item .p-ttl { font-size: 18px; margin-top: 28px; } .p-item .p-code { font-size: 16px; margin-top: 4px; } .p-item .p-prc { font-size: 24px; margin-top: 12px; } .p-item .p-prc span { font-size: 18px; margin-left: 20px; text-decoration: line-through; } .p-item .p-lnk { margin-top: 20px; } .p-item .p-lnk a { display: inline-block; font-size: 20px; font-weight: 600px; width: 100%; max-width: 238px; border: 1px solid #ccc; padding: 4px 10px 6px 4px; } .p-item .p-lnk a span { margin-left: 30px; font-size: 16px; } /********************* PRODUCTS *********************/ .prods { } .prods .m-ins { margin-top: 20px; } .prods .lft { float: left; width: 204px; position: relative; } .prods .lft .flt-btn { font-size: 16px; font-weight: 600; display: none; cursor: pointer; } .prods .lft .flt-cnt-mob { display: none; margin-top: 0; } .prods .lft .flt-cnt-mob .l-item:first-child { margin-top: 10px; } .prods .lft .flt-cnt-mob .l-item.l-item-prc { display: none; } .prods .lft .flt-cnt { position: relative; margin-top: 24px; } .prods .lft .flt-cnt-2 { } .prods .lft .flt-cnt-3 {padding-right: 20px; } .l-item { margin-top: 24px; } .l-item:first-child { /*margin-top: 0;*/ } .l-item .l-ttl { background: url(../img/bullet.png) no-repeat center left; padding-left: 14px; padding-bottom: 3px; border-bottom: 1px solid #000; position: relative; font-size: 17px; font-weight: 700; cursor: pointer; } .l-item:first-child .l-ttl, .l-item:last-child .l-ttl { cursor: default; } .l-item .l-ttl:first-child { margin-top: 0; } .l-item .l-ttl:after { content: ""; display: block; border-bottom: 1px solid #000; position: absolute; bottom: -3px; left: 0; width: 100%; } .l-item .l-ttl span { float: right; } .l-item .l-lst { display: none; } .l-item .l-lst.active { display: block; } .l-item .l-lst-1 { padding-top: 5px; } .l-item .l-lst-1 ul li { margin-top: 10px; } .l-item .l-lst-1 ul li a { font-weight: 600; } .l-item .l-lst-1 ul li a:hover, .l-item .l-lst-1 ul li a.active { color: #b1b1b1; } .l-item .l-lst-2 { } .l-item .l-lst-2 ul li { margin-top: 12px; } .l-item .l-lst-2 ul li:first-child { margin-top: 14px; } .l-item .l-lst-2 ul li a { font-weight: 600; } .l-item .l-lst-2 ul li a:before { content: ""; display: inline-block; vertical-align: middle; width: 13px; height: 13px; border: 1px solid #ccc; background-color: #ebebeb; margin-right: 12px; } .l-item .l-lst-2 ul li a:hover:before, .l-item .l-lst-2 ul li a.active:before { background-image: url(../img/tick.png); background-repeat: no-repeat; background-position: top 2px left 1px; } .prods .lft .prc { margin-top: 31px; padding: 0 2px; } .prods .lft .rem { cursor: pointer; margin-top: 18px; } .prods .lft .rem span { margin-left: 24px; } .prods .rgt { float: right; width: 100%; margin-left: -204px; } .prods .rgt .ins { padding-left: 214px; } .prods .rgt .ins .ins2 { width: 100%; max-width: 1620px; float: right; } .prods .rgt .ins .ins2 .top { text-align: right; letter-spacing: 2px; } .prods .rgt .ins .ins2 .top i { margin-right: 18px; } .prods .rgt .ins .ins2 .top a.active { font-weight: 700; } .prods .rgt .ins .ins2 .lst { padding-top: 10px; } .prods .rgt .ins .ins2 .lst ul { margin-left: -6px; margin-right: -6px; margin-top: -58px; overflow: hidden; } .prods .rgt .ins .ins2 .lst ul li { float: left; width: 33.33%; padding-left: 6px; padding-right: 6px; margin-top: 58px; } /********************* PRODUCTS *********************/ /********************* PRODUCT *********************/ .slick-up { position: absolute; top: 0; left: 0; width: 100%; display: block; background: url(../img/arrow-top-17x11.png) no-repeat center 0; height: 13px; cursor: pointer; } .slick-down { position: absolute; bottom: 0; left: 0; width: 100%; display: block; background: url(../img/arrow-down-17x11.png) no-repeat center 0; height: 13px; cursor: pointer; } .product { } .product .m-ins { max-width: 1614px; } .product .top { } .product .top .lft { float: left; width: 53.4%; position: relative; } .product .top .lft .slider { } .product .top .lft .slider .gal-thumbs { float: left; width: 160px; position: relative; } .product .top .lft .slider .gal-thumbs .item { margin: 20px 0; border: 0; cursor: pointer; } .product .top .lft .slider .gal-big { float: right; width: 630px; overflow: hidden; } .product .top .lft .slider .gal-big a { display: block; position: relative; } .product .top .lft .slider .gal-big a:after { content: "ZOOM"; display: block; position: absolute; z-index: 9999; bottom: 20px; right: 20px; background: url(../img/zoom.png) no-repeat center right; line-height: 29px; padding-right: 43px; font-size: 16px; } .product .top .rgt { float: right; width: 46.6%; margin-top: 30px; } .product .top .rgt .ins { width: 100%; max-width: 704px; float: right; padding-left: 30px; } .product .top .rgt .ins .ttl { } .product .top .rgt .ins .ttl h1 { font-size: 24px; margin: 0; } .product .top .rgt .ins .code { font-size: 18px; margin-top: 8px; } .product .top .rgt .ins .avail { display: inline-block; font-size: 16px; margin-top: 14px; border-bottom: 1px solid #111; } .product .top .rgt .ins .prc { font-size: 30px; margin-top: 20px; } .product .top .rgt .ins .prc span { font-size: 18px; margin-left: 20px; text-decoration: line-through; } .product .top .rgt .ins .not { padding-top: 20px; } .product .top .rgt .ins .not > div { float: left; } .product .top .rgt .ins .not div.ntxt { margin-right: 15px; font-size: 16px; font-weight: 600; margin-top: 7px; } .product .top .rgt .ins .not div.ninpt { width: 216px; border: 1px solid #999; height: 30px; position: relative; margin-top: 5px; } .product .top .rgt .ins .not div.ninpt .ninpt-i { margin-right: 28px; } .product .top .rgt .ins .not div.ninpt .ninpt-i input { background: none; border: 0; margin: 0; padding: 0 10px; width: 100%; height: 28px; } .product .top .rgt .ins .not div.ninpt .ninpt-b { position: absolute; top: 0; right: 0; width: 28px; } .product .top .rgt .ins .not div.ninpt .ninpt-b input { background: url(../img/arrow-right-7x7.png) no-repeat center center; border: 0; margin: 0; padding: 0; width: 100%; height: 28px; cursor: pointer; } .product .top .rgt .ins .sel { margin-top: 10px; } .product .top .rgt .ins .sel.sel1 { margin-top: 26px; } .product .top .rgt .ins .sel .sel-ins { display: inline-block; vertical-align: middle; } .product .top .rgt .ins .sel .sel-ins > div { display: inline-block; vertical-align: top; } .product .top .rgt .ins .sel .sel-txt { font-size: 18px; color: #252525; width: 103px; padding-top: 5px; } .product .top .rgt .ins .sel .sel-lst { /*margin-left: 20px;*/ position: relative; } .product .top .rgt .ins .sel .sel-lst span { display: block; background: url(../img/arrow-down-12x8.png) no-repeat center right 5px; font-size: 18px; padding: 5px 26px 5px 5px; cursor: pointer; border: 1px solid #fff; min-width: 120px; } .product .top .rgt .ins .sel .sel-lst span.opened { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } .product .top .rgt .ins .sel .sel-lst ul { display: none; position: absolute; top: 30px; left: 0; background: #fff; padding: 5px 5px 10px 5px; border: 1px solid #ccc; min-width: 100%; border-top: 0; } .product .top .rgt .ins .sel .sel-lst ul li { cursor: pointer; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; white-space: nowrap; } .product .top .rgt .ins .sel .sel-lst ul li.active { font-weight: 600; } .product .top .rgt .ins .sel .sel-lst ul li .color-box { display: inline-block; vertical-align: middle; width: 20px; height: 10px; margin-right: 5px; } .product .top .rgt .ins .sel .sel-lnk { display: inline-block; vertical-align: middle; margin-left: 50px; font-size: 12px; color: #000; border-bottom: 1px solid #000; cursor: pointer; margin-top: 8px; padding-bottom: 1px; position: relative; } .product .top .rgt .ins .sel.sel1 .sel-lst ul { z-index: 4; } .product .top .rgt .ins .sel.sel2 .sel-lst ul { z-index: 3; } .product .top .rgt .ins .sel.sel3 .sel-lst ul { z-index: 2; } .product .top .rgt .ins .add-to-cart { width: 312px; background: #111; text-align: center; padding: 9px 10px; cursor: pointer; margin-top: 22px; } .product .top .rgt .ins .add-to-cart span { display: inline-block; background: url(../img/cart-2.png) no-repeat center left; padding-left: 44px; font-size: 18px; color: #fff; } .product .top .rgt .ins .add-to-fav { padding-left: 34px; background: url(../img/favorites.png) no-repeat center left; font-size: 16px; cursor: pointer; margin-top: 24px; line-height: 22px; } .product .top .rgt .ins .det-ttl { display: inline-block; color: #252525; background: url(../img/arrow-down-12x8.png) no-repeat center right; padding-right: 22px; font-weight: 600; margin-top: 36px; } .product .top .rgt .ins .det-txt { display: block; color: #111; font-size: 16px; line-height: 18px; margin-top: 8px; } .product .top .rgt .ins .det-txt:after { content: ""; display: block; background: #000; width: 75px; height: 1px; margin-top: 32px; } .product .top .rgt .ins .det-attr { margin-top: 10px; } .product .top .rgt .ins .det-attr span { font-weight: 600; } .product .top .rgt .ins .del { margin-top: 32px; background: url(../img/truck-2.png) no-repeat 0 0; height: 24px; padding: 5px 0 0 60px; font-weight: 600; } .product .top .rgt .ins .shr { margin-top: 42px; } .product .top .rgt .ins .shr > div { display: inline-block; vertical-align: middle; margin-left: 28px; } .product .top .rgt .ins .shr > div:first-child { margin-left: 0; } .product .top .rgt .ins .shr > div a i { font-size: 24px; } .product .sugg .sugg-ttl { margin-top: 50px; } .size-chart { } .size-chart .m-ins { max-width: 1530px; } .size-chart .m-ins .ttl { margin-top: 30px; } .size-chart .m-ins .ttl:first-child { margin-top: 0; } .size-chart .lft { float: left; width: 50%; padding-right: 5px; } .size-chart .lft table { width: 100%; margin: 10px 0 0 0; padding: 0; border-color: #ccc; } .size-chart .lft table tr td { padding: 5px; border-color: #ccc; } .size-chart .lft table tr:first-child td, .size-chart .lft table tr td:first-child { background: #ddd; } .size-chart .rgt { float: right; width: 50%; padding-left: 5px; } .size-chart .rgt .img { margin-top: 10px; } .size-chart .ttl { text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 6px; font-weight: 600; } .size-chart .txt { margin-top: 10px; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; } .size-chart .txt b, .size-chart .txt strong { font-weight: 600; } /********************* PRODUCT *********************/ /********************* CATALOGUES *********************/ .catal { } .catal .m-ins { max-width: 1320px; } .catal .lst { } .catal .lst ul { margin-left: -5px; margin-right: -5px; margin-top: -110px; overflow: hidden; } .catal .lst ul li { float: left; width: 20%; padding: 0 5px; margin-top: 110px; } .c-item { max-width: 186px; margin: auto auto; } .c-item .img { } .c-item .img a { display: block; position: relative; } .c-item .img a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 10px; line-height: 36px; display: flex; justify-content: center; flex-direction: column; font-size: 18px; text-align: center; background: #fff; background: rgba(255,255,255,0.4); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 0; } .c-item .img a:hover span { opacity: 1; } .catal .lnk { text-align: center; margin-top: 50px; } .catal .lnk a { display: inline-block; background: url(../img/arrow-down-17x11.png) no-repeat bottom center; padding-bottom: 16px; font-size: 18px; } /********************* CATALOGUES *********************/ /********************* CATALOGUES *********************/ .catal-art { } .catal-art .m-ins { max-width: 1060px; padding-left: 40px; padding-right: 40px; position: relative; } .catal-art .page-book { text-align: center; margin-top: 30px; } .catal-art .page-book span.number { font-weight: 700;} .catal-art .page-book span.txt { border: 0px solid #ddd; display: inline-block; width: auto; padding: 0; margin: 0px; } .catal-art .page-book select { border: 0px solid #ddd; display: inline-block; width: auto; padding: 0; margin: 0px; outline: 0; } /********************* CATALOGUES *********************/ .icms-content {max-width: 1280px; margin: auto auto; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;} .icms-content .page-ttl {border-bottom: 1px solid #e1e1e1;padding-top: 30px;} .icms-content .page-ttl h1, .page-ttl h2 {font-size: 20px;margin: 0;padding:0 0 15px 0;text-transform: uppercase;color: #000;text-align: center;} .icms-content .simple-form-content {max-width: 1000px; margin: auto auto;} .icms-content .simple-form-content label {font-size: 14px; line-height: normal;} .icms-content .simple-form-content .info {font-size: 12px; color: #000; } .icms-content .simple-form-content .right-addon {position: relative;} .icms-content .simple-form-content .right-addon .fa{position: absolute; padding: 10px; pointer-events: none; right: 0px; line-height: 12px;} .icms-content .simple-form-content .right-addon .custom-fields{padding-right: 30px;} .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: 20px; line-height: normal; } .icms-content .register-info p {font-size: 14px; 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{font-size: 16px; color: #a1a1a1; text-decoration: none; font-weight: 600; line-height: normal; text-transform: uppercase;} .icms-content .my-page .my-menu ul li a:hover, .icms-content .my-page .my-menu ul li a.active{color: #000;} .icms-content .my-page .my-dashboard{text-align: left; margin-top: 20px;} .icms-content .my-page .my-dashboard .greeting{font-size: 14px; color: #a1a1a1; 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{font-size: 14px; font-weight: 600; margin: 0; padding: 0; line-height: 20px; margin-top: 20px; text-transform: uppercase;} .icms-content .my-page .my-dashboard .my-dash-box .txt{font-size: 14px; color: #666; padding: 5px 0;} .icms-content .my-page .my-dashboard .my-dash-box .box-info{font-size: 14px; color: #000; padding: 10px 0 5px 0;} .icms-content .my-page .my-dashboard .my-dash-box .box-info span{font-weight: 600;} .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 {color: #999;} .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 label {font-size: 14px; font-weight: 700; line-height: 30px;} .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{font-size: 14px; color: #000; text-align: center; padding-top: 10px;} .icms-content .my-page .my-boxes > div.txt{font-size: 14px; color: #000; 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{font-size: 14px; color: #000; font-weight: 700; 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{font-size: 14px; color: #a1a1a1; font-weight: 700; 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-size: 14px; color: #000; font-weight: 700; display: block;} .icms-content .my-page .prd-list-fav ul li div.actions .my-button{font-size: 14px; color: #a1a1a1; 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{font-size: 14px; color: #000; 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{font-size: 15px; color: #a1a1a1; 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; color: #000; font-size: 14px; 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 {font-size: 14px; color: #000;} .icms-content .my-orders-list .my-list-ord .my-o-order-id span {font-size: 18px; color: #000; font-weight: 600; display: block;} .icms-content .my-orders-list .my-list-ord .my-o-order-date {font-size: 14px; color: #000; text-align: center;} .icms-content .my-orders-list .my-list-ord .my-o-order-date span {font-size: 18px; color: #000; font-weight: 600; display: block;} .icms-content .my-orders-list .my-list-ord .my-o-order-status {font-size: 14px; color: #000; text-align: right;} .icms-content .my-orders-list .my-list-ord .my-o-order-status span {font-size: 18px; color: #000; font-weight: 600; 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 {font-size: 15px; color: #a1a1a1; 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 {font-size: 18px; color: #000; text-decoration: none; font-weight: 700;} .icms-content .my-orders-list .my-list-ord .my-list-item .my-o-code {font-size: 16px; color: #000; 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 {color: #a1a1a1; font-weight: 600; font-size: 12px;} .icms-content .my-orders-list .my-list-ord .my-list-item .my-o-qty {font-size: 18px; color: #000; font-weight: 700;} .icms-content .my-orders-list .my-list-ord .my-list-item .my-o-price {font-size: 18px; color: #000; font-weight: 700;} .icms-content .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;} .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-size: 14px; color: #000; font-weight: 700;} .icms-content .my-orders-list .my-order-info .myo-i-rows{font-size: 13px; color: #000; line-height: normal;} .icms-content .my-orders-list .my-order-info .myo-i-rows-other{font-size: 12px; color: #a1a1a1; 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{font-size: 16px; color: #000; text-decoration: none; font-weight: 600;} .icms-content .shopping-bag div.sc-attrs{padding-top: 5px; padding-bottom: 25px;} .icms-content .shopping-bag div.sc-attrs div{color: #7b7b7b; font-size: 14px;} .icms-content .shopping-bag div.sc-attrs div.notify{color: #000;} .icms-content .shopping-bag div.sc-price{font-size: 16px; color: #000;} .icms-content .shopping-bag div.sc-price-old{font-size: 16px; color: #7b7b7b; text-decoration: line-through; padding-top: 5px;} .icms-content .shopping-bag div.sc-price-t{font-size: 16px; color: #000; font-weight: 700;} .icms-content .shopping-bag div.sc-price-t-old{font-size: 16px; color: #7b7b7b; text-decoration: line-through; padding-top: 5px;} .icms-content .shopping-bag div.sc-qty{font-size: 16px; color: #000;} .icms-content .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;} .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; font-size: 14px; color: #000; 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; color: #000; margin-bottom: 0px; } .icms-content .shopping-bag .update-qty button:focus{ border: 2px outset buttonface;}*/ .icms-content .shopping-bag .sc-txt{font-size: 16px; color: #666; text-align: right; line-height: 28px;} .icms-content .shopping-bag .sc-val{font-size: 16px; color: #000; line-height: 28px; font-weight: 600;} .icms-content .shopping-bag .sc-val label{padding-right: 5px; font-size: 16px; color: #000; display: inline-block;} .icms-content .shopping-bag .sc-val .icheckbox_flat{/*float: left; margin-top: 1px;*/} .icms-content .shopping-bag .sc-txt-t{font-size: 16px; color: #000; text-align: right; font-weight: 700;} .icms-content .shopping-bag .sc-val-t{font-size: 16px; color: #000; font-weight: 700;} .icms-content .shopping-bag .sc-more-options{} .icms-content .shopping-bag .sc-more-options .sc-coupon-form{margin-top: 20px; border-top: 1px solid #dfdfdf; padding-top: 10px;} .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{} /*.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; color: #000; 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{font-size: 18px; color: #666; 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 {font-size: 14px;} .icms-content .shopping-bag .sc-points .sc-av-points span {font-weight: 700;} .icms-content .shopping-bag .sc-points .sc-point-options {font-size: 14px;} .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; font-size: 14px; 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: 100px; text-align: center; border: 0; display: inline-block; font-weight: 700; font-size: 14px; padding: 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{font-size: 14px; color: #000; text-transform: uppercase;} .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: 600;} .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 {font-size: 14px; line-height: 30px;} .icms-content .sc-step-form h2.ttl {font-size: 20px; color: #000; text-align: center; margin: 0; padding: 10px 0 10px 0; line-height: normal;} .icms-content .sc-step-form .txt {font-size: 14px; color: #000; text-align: center; padding-top: 10px;} .icms-content .sc-step-form .more {font-size: 14px; color: #000; text-align: center; padding-top: 10px;} .icms-content .sc-step-form .more a {font-size: 14px; color: #666; 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{font-size: 14px; color: #000; padding-top: 5px;} .icms-content .sc-step-options .sc-option .sc-option-ttl{display: inline-block; font-size: 16px; padding-left: 10px; line-height: 20px; color: #000;} @media only screen and (max-width: 1650px) { /********************* BLOG INSIDE *********************/ .blog-ins .dt { position: relative; top: auto; left: auto; padding-bottom: 10px; } /********************* BLOG INSIDE *********************/ } @media only screen and (max-width: 1600px) { /********************* HEADER *********************/ .cart-window { border-top: 1px solid #ccc; top: 32px; } /********************* HEADER *********************/ /********************* FOOTER *********************/ footer .col.col1 .rgt { display: block; width: 100%; } footer .col.col1 .cnt { text-align: right; padding-left: 20px; padding-right: 0; } /********************* FOOTER *********************/ } @media only screen and (max-width: 1560px) { .p-item-2 .p-det { padding: 10px 0 0 0; } .p-item-2 .p-det .p-fav { top: 10px; right: 0; } .p-item-2 .p-det .p-ttl h3 { font-size: 16px; } .p-item-2 .p-det .p-code { margin-top: 4px; } .p-item-2 .p-det .p-code a { font-size: 14px; } .p-item-2 .p-det .p-prc { margin-top: 10px; } .p-item-2 .p-det .p-prc a { font-size: 18px; } .p-item-2 .p-det .p-prc a span { font-size: 18px; } .p-item-2 .p-det .p-buy { margin-top: 2px; } .p-item-2 .p-det .p-buy a { font-size: 16px; padding-right: 30px; } } @media only screen and (max-width: 1517px) { /********************* PRODUCT *********************/ .slick-up { position: absolute; top: 50%; left: 0; right: auto; width: 11px; height: 17px; background-image: url(../img/arrow-left-11x17.png); } .slick-down { position: absolute; top: 50%; left: auto; right: 0; width: 11px; height: 17px; background-image: url(../img/arrow-right-11x17.png); } .product .top .lft .slider .gal-thumbs { float: none; width: 100%; padding: 0 40px; margin-top: 20px; } .product .top .lft .slider .gal-thumbs .item { margin: 0 12px; } .product .top .lft .slider .gal-big { float: none; width: 100%; max-width: 630px; margin: auto auto; } /********************* PRODUCT *********************/ } @media only screen and (max-width: 1440px) { .p-item-2 .p-img a > span.p-fav { width: 23px; height: 20px; background-size: 23px 20px; } } @media only screen and (max-width: 1280px) { /********************* FOOTER *********************/ footer { padding-top: 20px; padding-bottom: 20px; } footer .col.col2 { text-align: left; position: relative; top: auto; left: auto; margin-bottom: 20px; } footer .col.col2 div { padding-left: 0; padding-right: 0; } footer .col.col3 { margin-top: 0; } /********************* FOOTER *********************/ /********************* HOMEPAGE *********************/ .slide-txt { margin-bottom: 50px !important; } .hp-grid-1-item .txts .txt-1 { font-size: 16px; letter-spacing: 0; } .hp-grid-1-item .txts .txt-2 { font-size: 20px; letter-spacing: 0; } .hp-grid-1-item.hp-grid-1-item-lnk a { font-size: 20px; letter-spacing: 0; padding-bottom: 40px; line-height: normal; } /********************* HOMEPAGE *********************/ } @media only screen and (max-width: 1200px) { /* .col-lg- */ /********************* HEADER *********************/ header .rgt .top .ins > div { margin-left: 30px; } header .rgt .bot .main-menu > ul > li { margin-left: 12px; } /********************* HEADER *********************/ /********************* HOMEPAGE *********************/ .home .hp-grid-1 { max-width: 960px; margin: auto auto; } .home .hp-grid-1 ul { margin-left: -5px; margin-right: -5px; overflow: hidden; } .home .hp-grid-1 ul li { float: left; width: 50%; padding: 0 5px; margin-top: 10px; } .hp-m-ttl h2 { font-size: 30px; letter-spacing: 2px; } .hp-prods { margin-top: 60px; } .hp-slider-c-2 { margin-top: 30px; } .hp-slider-c { margin-left: -5px; margin-right: -5px; } .hp-slider { } .hp-slider .hp-slider-item { padding: 0 5px; } .hp-bnr-1 { margin-top: 60px; } .hp-bnr-1 .hp-bnr-1-lft { display: none; } .hp-bnr-1 .hp-bnr-1-rgt { float: none; width: 100%; } .hp-bnr-1 .hp-bnr-1-rgt a > span { top: 10%; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span { border-bottom-width: 1px; margin-right: 100px; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span > span.hp-bnr-1-txt-1 { font-size: 20px; letter-spacing: normal; background-size: 28px 20px; padding-right: 38px; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span > span.hp-bnr-1-txt-2 { font-size: 20px; letter-spacing: normal; } .hp-insta { margin-top: 60px; } .hp-insta .hp-slider-insta { margin-top: 30px; } .hp-insta .hp-insta-lnk { margin-top: 30px; } .hp-insta .hp-insta-lnk a { font-size: 20px; } /********************* HOMEPAGE *********************/ /********************* FOOTER *********************/ footer .bot { text-align: center; } footer .bot .lft { float: none; } footer .bot .rgt { float: none; margin-top: 10px; } /********************* FOOTER *********************/ /********************* PRODUCTS *********************/ .prods .rgt .ins .ins2 .lst ul li { width: 50%; } /********************* PRODUCTS *********************/ } @media only screen and (max-width: 1024px) { /********************* HEADER *********************/ header .rgt .bot .main-menu > ul > li { margin-left: 10px; } header .rgt .bot .main-menu > ul > li > a { font-size: 15px; } /********************* HEADER *********************/ } @media only screen and (max-width: 992px) { /* .col-md- */ .main-content-top { padding-top: 0; } /********************* HEADER *********************/ header { position: relative; top: auto; left: auto; } header .main-content-ins { padding-bottom: 20px; } header .lft { max-height: 71px; } header .rgt { text-align: right; } header .rgt .top { display: inline-block; } header .rgt .top .ins { } header .rgt .top .ins > div { margin-left: 20px; line-height: 20px; } header .rgt .top .pho { background-size: 20px 20px; padding-left: 24px; } header .rgt .top .mob-ln { display: block !important; } header .rgt .top .mob-menu { display: inline-block !important; } header .rgt .top .lngs a.active { font-size: 14px; } header .rgt .top .lnks { margin-top: 16px; } header .rgt .top .lnks > ul > li { padding: 0 14px; } header .rgt .top .lnks > ul > li > a { height: 20px; line-height: 20px; } header .rgt .top .lnks > ul > li > a.srch { background-size: 23px 20px; width: 23px; } header .rgt .top .lnks > ul > li > a.fav { background-size: 20px 20px; width: 20px; } header .rgt .top .lnks > ul > li > a.cart { background-size: 18px 20px; padding-left: 24px; } header .rgt .top .lnks > ul > li > a.acc { background-size: 17px 20px, auto; width: 30px; } header .rgt .bot { display: none; } /********************* HEADER *********************/ /********************* FOOTER *********************/ footer { margin-top: 60px; } footer .col.col1 { float: none; } footer .col.col3 { float: none; margin-top: 20px; text-align: left; } /********************* FOOTER *********************/ .m-ins { margin-top: 30px; } .m-lst ul li { width: 50%; } /********************* ABOUT US *********************/ .company .lft { float: none; width: 100%; max-width: 712px; margin-left: auto; margin-right: auto; } .company .rgt { float: none; width: 100%; padding-left: 0; margin-top: 20px; } .company .rgt .lnk { margin-top: 20px; } /********************* ABOUT US *********************/ /********************* WHOLE SALE *********************/ .whole .txt { margin-top: 20px; } .whole .lnk { margin-top: 20px; } /********************* WHOLE SALE *********************/ /********************* CONTACT *********************/ .contact .rgt .frm .bot .b-lft { float: none; } .contact .rgt .frm .bot .b-rgt { float: none; margin-top: 20px; } /********************* CONTACT *********************/ /********************* STORES *********************/ .stores .m-ins > ul > li { margin-top: 40px; } .stores .m-ins > ul > li .map { margin-left: auto; margin-right: auto; } .stores .m-ins > ul > li .det { padding-top: 20px; } .stores .m-ins > ul > li .det > div { background: none !important; padding-left: 0; margin-top: 10px; line-height: none !important; } .stores .m-ins > ul > li .times ul { margin-left: -5px; margin-right: -5px; overflow: hidden; } .stores .m-ins > ul > li .times ul li { padding-right: 5px; padding-left: 5px; } /********************* STORES *********************/ /********************* PRODUCTS *********************/ .prods .lft { float: none; width: 100%; } .prods .lft .flt-btn { display: block; } .prods .lft .flt-cnt { display: none; } .prods .rgt { float: none; margin-left: 0; } .prods .rgt .ins { padding-left: 0; } .prods .rgt .ins .ins2 { max-width: 100%; float: none; } /********************* PRODUCTS *********************/ /********************* PRODUCT *********************/ .product .top .rgt .ins .sel .sel-lnk { margin-left: 20px; } .product .top .lft .slider .gal-thumbs { padding-left: 23px; padding-right: 23px; } /********************* PRODUCT *********************/ /********************* CATALOGUES *********************/ .catal .lst ul { margin-top: -10px; } .catal .lst ul li { margin-top: 10px; } .catal .lnk { margin-top: 30px; } /********************* CATALOGUES *********************/ .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; font-size: 16px; color: #000; 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;} } @media only screen and (max-width: 991px) { .size-chart .lft { float: none; width: 100%; padding-right: 0; } .size-chart .rgt { float: none; width: 100%; padding-left: 0; margin-top: 20px; } } @media only screen and (max-width: 768px) { /* .col-sm- */ /********************* FOOTER *********************/ footer .col.col1 .lft span { font-size: 24px; line-height: auto; } footer .col.col1 .cnt { margin-top: 26px; } footer .col.col1 .rgt .mybtn input { font-size: 14px; } footer .col.col2 span { font-size: 14px; } footer .col.col2 i { font-size: 18px; } /********************* FOOTER *********************/ .m-ttl { margin-top: 20px; } .m-ttl h1 { font-size: 20px; } .m-ttl h2 { font-size: 16px; } .m-txt { font-size: 14px; } .m-lst ul { margin-left: -5px; margin-right: -5px; } .m-lst ul li { width: 50%; padding-left: 5px; padding-right: 5px; } /********************* HOMEPAGE *********************/ .hp-m-ttl h2 { font-size: 24px; letter-spacing: normal; } .hp-prods { margin-top: 40px; } .hp-slider-c-2 { margin-top: 20px; } .hp-bnr-1 { margin-top: 40px; } .hp-insta { margin-top: 40px; } .hp-insta .hp-insta-lnk { margin-top: 10px; } /********************* HOMEPAGE *********************/ /********************* ABOUT US *********************/ .company .rgt .txt { font-size: 14px; line-height: auto; } .company .rgt .lnk a { font-size: 14px; } /********************* ABOUT US *********************/ /********************* WHOLE SALE *********************/ .whole .txt { font-size: 14px;} .whole .lnk a { font-size: 14px; } /********************* WHOLE SALE *********************/ /********************* CONTACT *********************/ .contact .lft { float: none; width: 100%; text-align: center; } .contact .lft .img img { margin: auto auto; } .contact .lft .ttl { margin-top: 20px; } .contact .lft .email { margin-top: 20px; } .contact .lft .email a { padding-left: 30px; font-size: 14px; } .contact .rgt { float: none; width: 100%; padding-left: 0; margin-top: 30px; } .contact .rgt .ttl { text-align: center; } .contact .rgt .ttl:after { margin-left: auto; margin-right: auto; } /********************* CONTACT *********************/ /********************* CAREER *********************/ .career .ttl { margin-top: 30px; } .career .frm .upl { margin-top: 20px; } .pld-btn-info a.att-small { font-size: 14px; padding-left: 30px; } .career .frm .bot { margin-top: 30px; } /********************* CAREER *********************/ /********************* STORES *********************/ .stores .m-ins > ul > li .det > div { font-size: 14px; } .stores .m-ins > ul > li .times { margin-top: 30px; } .stores .m-ins > ul > li .times .ttl2 { font-size: 14px; } /********************* STORES *********************/ /********************* SIMPLE *********************/ .simple .lft { float: none; width: 100%; text-align: center; } .simple .lft ul li { margin-top: 5px; } .simple .lft ul li a { font-size: 16px; padding-left: 0; } .simple .lft ul li a:after { display: none !important; } .simple .rgt { float: none; margin-left: 0; margin-top: 30px; } .simple .rgt .ins { padding-left: 0; } /********************* SIMPLE *********************/ /********************* BLOG *********************/ .blog .lst { margin-top: -30px; } .blog .lst ul { margin-left: -5px; margin-right: -5px; } .blog .lst ul li { padding-left: 5px; padding-right: 5px; margin-top: 30px; } .b-item { } .b-item .b-ttl { margin-top: 14px; } .b-item .b-ttl a { font-size: 18px; } .b-item .b-dt { margin-top: 10px; } .b-item .b-dt a { font-size: 14px; } .b-item .b-txt { margin-top: 10px; } .b-item .b-lnk { margin-top: 10px; } .b-item .b-lnk a { font-size: 14px; background-position: top 4px right; } /********************* BLOG *********************/ /********************* BLOG INSIDE *********************/ .blog-ins .ttl h1 { font-size: 30px; } .blog-ins .txt { font-size: 14px; } .blog-ins .txt img { max-width: 100%; } .sugg-ttl { font-size: 20px; } .sugg-lst .slider-2-c { margin-top: 30px; overflow: hidden; } .blog-ins .img { margin-top: 40px; } .blog-ins .shr { margin-top: 30px; padding-top: 30px; } .blog-ins .shr > div { margin-left: 20px; } /********************* BLOG INSIDE *********************/ .p-item .p-ttl { font-size: 16px; margin-top: 20px; } .p-item .p-code { font-size: 14px; } .p-item .p-prc { font-size: 18px; margin-top: 10px; } .p-item .p-prc span { margin-left: 10px; } .p-item .p-lnk { margin-top: 10px; } .p-item .p-lnk a { font-size: 16px; } .p-item .p-lnk a span { font-size: 14px; margin-left: 20px; } /********************* PRODUCTS *********************/ .prods .rgt .ins .ins2 .lst ul { margin-left: -5px; margin-right: -5px; margin-top: -30px; } .prods .rgt .ins .ins2 .lst ul li { padding-left: 5px; padding-right: 5px; margin-top: 30px; } /********************* PRODUCTS *********************/ /********************* PRODUCT *********************/ .product .top .lft { float: none; width: 100%; } .product .top .lft .slider .gal-thumbs { margin-top: 10px; } .product .top .lft .slider .gal-thumbs .item { margin-left: 5px; margin-right: 5px; } .product .top .rgt { float: none; width: 100%; } .product .top .rgt .ins { max-width: 100%; float: none; padding-left: 0; } .product .top .rgt .ins .ttl h1 { font-size: 18px; } .product .top .rgt .ins .code { font-size: 14px; } .product .top .rgt .ins .prc { font-size: 20px; margin-top: 10px; } .product .top .rgt .ins .prc span { font-size: 16px; margin-left: 10px; } .product .top .rgt .ins .sel { margin-top: 4px; } .product .top .rgt .ins .sel.sel1 { margin-top: 10px; } .product .top .rgt .ins .sel .sel-txt { font-size: 14px; width: 80px; } .product .top .rgt .ins .sel .sel-lst span { font-size: 14px; } .product .top .rgt .ins .add-to-cart { width: 100%; margin-top: 20px; } .product .top .rgt .ins .add-to-fav { margin-top: 20px; } .product .top .rgt .ins .det-ttl { margin-top: 30px; } .product .top .rgt .ins .det-txt { font-size: 14px; line-height: normal; } .product .top .rgt .ins .det-txt:after { margin-top: 20px; } .product .top .rgt .ins .del { margin-top: 20px; } .product .top .rgt .ins .shr { margin-top: 30px; } .product .top .rgt .ins .shr > div { margin-left: 20px; } /********************* PRODUCT *********************/ /********************* CATALOGUES *********************/ .catal .lst ul li { width: 25%; } /********************* CATALOGUES *********************/ .icms-content { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { /* .col-xs- */ .main-content-ins { padding-left: 10px; padding-right: 10px; } /********************* HEADER *********************/ header .main-content-ins { padding-top: 16px; padding-bottom: 10px; } header .lft { float: none; text-align: center; } header .rgt { float: none; text-align: center; margin-top: 20px; } /********************* HEADER *********************/ /********************* FOOTER *********************/ footer #toTop { right: 10px; } /********************* FOOTER *********************/ .p-item-2 .p-img a > span.p-label { width: 106px; height: 40px; background-size: 106px 40px; } .p-item-2 .p-img a > span.p-disc .p-disc-ttl { font-size: 11px; } .p-item-2 .p-img a > span.p-disc .p-disc-txt { font-size: 16px; } .p-item-2 .p-img a > span.p-soldout { font-size: 11px; line-height: 40px; } /********************* HOMEPAGE *********************/ .hp-grid-1-item .txts .txt-1 { font-size: 14px; } .hp-grid-1-item .txts .txt-2 { font-size: 16px; } .hp-grid-1-item.hp-grid-1-item-lnk a { font-size: 16px; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span { margin-right: 0; } /********************* HOMEPAGE *********************/ /********************* STORES *********************/ .stores .m-ins > ul { margin-left: 0; margin-right: 0; } .stores .m-ins > ul > li { float: none; width: 100%; padding-left: 0; padding-right: 0; } .stores .m-ins > ul > li .map { width: 100%; } /********************* STORES *********************/ } @media only screen and (max-width: 767px) { /* .col-xs- */ .cart-window { top: 76px; right: 50%; margin-right: -170px; } .cart-window:before{ right: 50%; margin-right: -7px; } } @media only screen and (max-width: 560px) { /********************* CATALOGUES *********************/ .catal .lst ul li { width: 33.33%; } /********************* CATALOGUES *********************/ } @media only screen and (max-width: 480px) { .m-lst ul { margin-left: 0; margin-right: 0; } .m-lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; } /********************* HOMEPAGE *********************/ .slide-btn { margin-bottom: 10px !important; } .slide-txt { margin-bottom: 15px !important; } .home .hp-grid-1 ul { margin-left: 0; margin-right: 0; margin-top: 10px; } .home .hp-grid-1 ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; } .hp-grid-1-item.hp-grid-1-item-lnk { padding: 0 10px; margin-top: 30px; } .hp-grid-1-item.hp-grid-1-item-lnk div { position: relative; top: auto; left: auto; bottom: auto; right: auto; } .hp-slider-c { margin-left: 0; margin-right: 0; } .hp-slider .hp-slider-item { padding-left: 0; padding-right: 0; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span { padding-top: 8px; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span > span.hp-bnr-1-txt-1 { font-size: 18px; } .hp-bnr-1 .hp-bnr-1-rgt a > span > span > span.hp-bnr-1-txt-2 { font-size: 18px; margin-top: 0; } /********************* HOMEPAGE *********************/ /********************* FOOTER *********************/ footer .col.col1 .cnt { text-align: left; padding-left: 0; display: block; margin-top: 10px; } footer.hp #toTop { display: none; } /********************* FOOTER *********************/ /********************* CAREER *********************/ .career .frm .bot .b-lft { float: none; } .career .frm .bot .b-rgt { float: none; margin-top: 20px; } /********************* CAREER *********************/ /********************* BLOG *********************/ .blog .lst ul { margin-left: 0; margin-right: 0; } .blog .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; } .b-item .b-ttl a { font-size: 16px; } /********************* BLOG *********************/ /********************* BLOG INSIDE *********************/ .blog-ins .ttl h1 { font-size: 24px; } /********************* BLOG INSIDE *********************/ /********************* PRODUCTS *********************/ .prods .rgt .ins .ins2 .lst ul { margin-left: 0; margin-right: 0; } .prods .rgt .ins .ins2 .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; } /********************* PRODUCTS *********************/ .icms-content .my-page .prd-list-fav ul li{width: 50%;} } @media only screen and (max-width: 400px) { /********************* CATALOGUES *********************/ .catal .lst ul li { width: 50%; } /********************* CATALOGUES *********************/ }