/** Shopify CDN: Minification failed Line 1667:66 Unexpected "}" Line 1859:1 Expected percentage but found "0" **/ .animated{animation-duration:1s;animation-fill-mode:both}.animated.hinge{animation-duration:2s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}100%{transform:translateY(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{transform:translateX(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}100%{transform:translateX(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.slideOutRight{animation-name:slideOutRight}body{ font-family:var(--ft1); background-color:#fff; -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } img{-webkit-user-drag:none;user-drag:none;} @keyframes spin { 0% {transform:rotate(0)} 100% {transform:rotate(360deg) }} .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .slick-list { position:relative; overflow:hidden; display:block; margin:0; padding:0 } .slick-list:focus { outline:0 } .slick-list.dragging { cursor:pointer; cursor:hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .slick-track { position:relative; left:0; top:0; display:block } .slick-track:after, .slick-track:before { content:""; display:table } .slick-track:after { clear:both } .slick-loading .slick-track { visibility:hidden } .slick-slide { float:left; height:100%; min-height:1px; display:none } [dir=rtl] .slick-slide { float:right } .slick-slide img { display:block; margin:0 auto } .slick-slide.slick-loading img { display:none } .slick-slide.dragging img { pointer-events:none } .slick-initialized .slick-slide { display:block } .slick-loading .slick-slide { visibility:hidden } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent } .slick-arrow.slick-hidden { display:none } .slick-loading .slick-list:before { content:"\f110"; font-family:"adorn-icons"; font-size:30px; animation:at-spin 1.5s infinite linear; position:absolute; top:50%; left:50%; transform:translateX(-50%) } .slick-next, .slick-prev { position:absolute; top:50%; z-index:9; height:35px; line-height:34px; width:35px; text-align:center; font-size:0px; padding:0; background:0 0; border:none; border-radius:0; outline:0 none; cursor:pointer; transform:translateY(-50%); transition:all .3s ease-out } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity:.25 } .slick-next:before, .slick-prev:before { font-family:"adorn-icons"; font-size:20px; color:#222; opacity:.75; } .slick-next:focus, .slick-prev:focus { outline:0!important } @media only screen and (max-width:766px){ .slick-next, .slick-prev { height:30px; width:30px; line-height:29px; opacity:1!important } .slick-next:after, .slick-next:before, .slick-prev:after, .slick-prev:before { font-size:16px } } .slick-prev { left:0 } .slick-prev:before { content:"\ea8b" } [dir=rtl] .slick-prev { left:auto; right:-25px } [dir=rtl] .slick-prev:before { content:"\ea8c" } .slick-next { right:0 } .slick-next:before { content:"\ea8c" } [dir=rtl] .slick-next { left:-25px; right:auto } [dir=rtl] .slick-next:before { content:"\ea8b" } @media only screen and (min-width:1025px){ .slick-slider .slick-arrow { opacity:0; } } .slick-slider:hover .slick-arrow { opacity:.9 } .slick-slider:hover .slick-arrow:hover { opacity:1 } .arwOut .slick-prev { left:-20px } .arwOut .slick-next { right:-20px } @media only screen and (max-width:1024px){ .arwOut .slick-arrow { background-color:#fff; } .arwOut .slick-arrow:before { font-size:16px;} .arwOut .slick-prev {left:-5px;} .arwOut .slick-next {right:-5px;} } .slick-dots { position:absolute; bottom:30px; list-style:none; display:block; text-align:center; width:100% } .slick-dots li { position:relative; display:inline-block; height:13px; width:13px; margin:0 4px; cursor:pointer } .slick-dots button { border:0; background:none; display:block; height:14px; width:14px; font-size:0; } .slick-dots button:focus:before, .slick-dots button:hover:before { opacity:1 } .slick-dots button:before { transition:all .2s; border-radius:50%; position:absolute; top:0; left:0; height:13px; width:13px; content:"\2022"; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .slick-dots .slick-active button::before { opacity:1; background-color:currentColor } @media only screen and (max-width:766px){ .slick-dots { bottom:15px } .slick-dots li, .slick-dots button { height:10px; width:10px } } body { color:#222; font-size:12px; line-height:1.6; margin:0; padding:0; letter-spacing:0.02em;} @media only screen and (max-width:766px){body{overflow-x:hidden}} .page-width { margin:0 auto; padding-left:var(--site_gutter); padding-right:var(--site_gutter); max-width:100%; } .layout-boxed { background-color:#fff; max-width:1200px; margin:0 auto; position:relative; } .main-content .page-width.fullwidth {max-width:100%;} h1, h2, h3, h4, h5, h6 {font-family:var(--ft2); font-weight:600; line-height:1.6; letter-spacing:0.02em; word-wrap:break-word; color:#111; text-transform:uppercase; margin:0 0 20px 0;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; text-decoration:none; font-weight:inherit } .h1, h1 { font-size:26px;} .h2, h2 { font-size:23px;} .h3, h3 { font-size:20px;} .h4, h4 { font-size:16px;} .h5, h5 { font-size:15px;} .h6, h6 { font-size:14px;} @media only screen and (max-width:766px){ .h1, h1 { font-size:22px;} .h2, h2 { font-size:19px;} .h3, h3 { font-size:17px;} } a { color:#000; } a:hover { color:#666666; opacity:.8;} hr { margin:20px 0; border:0; border-bottom:1px solid #ffffff; } .hr--small { margin:10px 0; } .hr--invisible { border-bottom:0 } .border-bottom { border-bottom:1px solid #ffffff; } .border-top { border-top:1px solid #ffffff; } .ft1 { font-family:var(--ft1) } .ft2 { font-family:var(--ft2) } .ft3 { font-family:var(--ft3) } table { margin-bottom:20px } th { font-family:var(--ft2); font-weight:700 } td, th { text-align:left; border:1px solid #ffffff; padding:10px 14px } label { display:block; margin-bottom:5px } @media only screen and (max-width:766px){ .responsive_tbl thead { display:none } .responsive_tbl tr { display:block } .responsive_tbl td, .responsive_tbl tr { float:left; clear:both; width:100% } .responsive_tbl td, .responsive_tbl th { display:block; text-align:right; padding:10px 15px; border:0; margin:0 } .responsive_tbl td::before { content:attr(data-label); float:left; text-align:center; font-size:12px; padding-right:10px } .responsive_tbl_r +.responsive_tbl_r, tfoot>.responsive_tbl_r:first-child { position:relative; margin-top:10px; padding-top:var(--site_gutter); } .responsive_tbl_r +.responsive_tbl_r::after, tfoot>.responsive_tbl_r:first-child::after { content:''; display:block; position:absolute; top:0; left:calc(var(--site_gutter) / 2); right:calc(var(--site_gutter) / 2); border-bottom:1px solid #ffffff; } } fieldset { border:1px solid #ffffff; margin:0 0 15px; padding:7.5px ; } input,textarea,select, button { border-radius:0; font-size:12px; color:#111; line-height:20px;} @media only screen and (max-width:766px){ input,textarea,select, button { font-size:13px; }} input, select, textarea { padding:10px 18px; margin-bottom:15px; border:1px solid #fff; background-color:#fff; color:#000; border-radius:6px; } input:focus, select:focus, textarea:focus { border-color:#cccccc; } input[disabled], select[disabled], textarea[disabled] { cursor:default } ::-webkit-input-placeholder, ::-moz-placeholder,:-ms-input-placeholder{ color:#000; opacity:.6} ::-ms-input-placeholder { color:#000; opacity:1} input.input--error::-webkit-input-placeholder, select.input--error::-webkit-input-placeholder, textarea.input--error::-webkit-input-placeholder, input.input--error::-moz-placeholder, select.input--error::-moz-placeholder, textarea.input--error::-moz-placeholder,input.input--error:-ms-input-placeholder, select.input--error:-ms-input-placeholder, textarea.input--error:-ms-input-placeholder, input.input--error::-ms-input-placeholder, select.input--error::-ms-input-placeholder, textarea.input--error::-ms-input-placeholder{ color:var(--error); opacity:.5 } input.input--error, select.input--error, textarea.input--error { border-color:var(--error); background-color:#fff8f8; color:var(--error); } .errors, .form--success, .note { padding:8px; margin:0 0 calc(var(--site_gutter) / 2); } @media only screen and (min-width:767px){ .errors, .form--success, .note { padding:12px } } .note { border:1px solid #ffffff; } .form--success { border:1px solid #19a340; background-color:#f8fff9; color:#19a340 } .errors { border:1px solid var(--error); background-color:#fff8f8; color:var(--error); } .errors ul { list-style:none; padding:0; margin:0 } .errors a { color:var(--error); text-decoration:underline } .input-group { position:relative; display:flex;} .input-group__field, .input-group__btn .btn { width:100%; height:var(--input_height_sm); margin:0; padding:0 15px; } .input-group__field { border-radius:6px 0 0 6px; } .input-group__btn .btn { border-radius:0 6px 6px 0; } @media only screen and (min-width:767px){ .input-group__field, .input-group__btn .btn { height:var(--input_height); } } select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-position:right center; background-image:url(//www.dapperrise.com/cdn/shop/t/2/assets/arrow-select.png?v=93383133388335707051699495337); background-repeat:no-repeat; background-position:right 10px center; line-height:1.2; cursor:pointer; padding-right:30px; min-width:130px; } optgroup { font-weight:700 } option { color:#111; background-color:#fff; } input.custCheck { display:none!important } span.checkbox { display:inline-block; width:16px; height:16px; margin:0 5px 0 0; border:1px solid rgba(34, 34, 34, 0.3); background:#fff; vertical-align:middle; font-size:11px; font-weight:400; line-height:16px; text-align:center } input:checked+span.checkbox { color:#fff;background-color:#222; } input:checked+span.checkbox:before { content:'\ea7f'; font-family:'adorn-icons'; } .clr_body { color:#222;} .clr_light { color:#555555; } .content-indent { margin-top:20px; } .content-indent.none { margin-top:0 } .sec-empty { padding-top:20px; } .section-cover { padding:20px 0; } @media only screen and (min-width:767px){ .content-indent.default { margin-top:50px; } .content-indent.small { margin-top:20px; } .sec-empty.default { padding-top:50px;} .sec-empty.small { padding-top:20px; } .section-cover { padding:50px 0; } .section-cover.small-pd { padding:20px 0; } } .sec-ttl { padding-bottom:20px } .sec-ttl h3 { font-size:16px; font-weight:600; color:#111; margin:0; line-height:1.6;} .sec-ttl span { font-size:12px; color:#111; margin:5px auto 0; display:block; } .page-title { font-weight:700; font-size:18px; text-transform:uppercase; text-align:center; margin-bottom:15px; } @media only screen and (min-width:767px){ .sec-ttl { padding-bottom:35px } .sec-ttl h3 { font-size:20px; } .sec-ttl span { font-size:13px; } .page-title { font-size:20px; margin-bottom:30px;} .page_min_h { padding:70px 0 } } .placeholder-svg { display:block; fill:rgba(34, 34, 34, 0.15); background-color:#f4f4f4; width:100%; height:100%; max-width:100%; max-height:100%; } .placeholder-noblocks { padding:40px; text-align:center } .ph_bg { position:absolute; top:0; right:0; bottom:0; left:0 } .ph_bg .icon { border:0 } .svgcl1 { fill:#83cfdc; background-color:#f4f9fa; } .svgcl2 { fill:#f0a4aa; background-color:#fcf8f8; } .svgcl3 { fill:#c2e275; background-color:#fafef3; } .svgcl4 { fill:#eec585; background-color:#fefaf4; } .svgcl5 { fill:#c89feb; background-color:#faf7fc; } .svgcl6 { fill:#84e9b4; background-color:#f3fbf7; } .empty-page { padding:125px calc(var(--grid_gutter) / 2); } .tooltip-label { font-size:11px; line-height:18px; white-space:nowrap; transition:all 0.2s ease-in-out; visibility:hidden; opacity:0; background-color:#000; color:#fff; padding:0 5px; position:absolute; bottom:calc(100% + 20px); left:50%; transform:translateX(-50%); } .tooltip-label:before { content:""; border:5px solid transparent; position:absolute;} .tooltip-label.top:before { border-top-color:#000; bottom:-9px; left:50%; margin-left:-4px; } .tooltip-label.right { bottom:auto; top:50%; transform:translateY(-50%) } .tooltip-label.right:before { border-right-color:#000; left:-9px; top:4px;} .tooltip-label.left{ left:auto; bottom:auto; top:50%; transform:translateY(-50%)} .tooltip-label.left:before { border-left-color:#000; right:-9px; top:5px; } @media only screen and (max-width:1024px){ .tooltip-label { display:none; } } .btn { -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:all .3s ease-in-out; display:inline-block; text-decoration:none; cursor:pointer; white-space:normal; font-size:13px; font-weight:400; padding:12px 25px; line-height:1; border:0; text-transform:uppercase; font-family:var(--ft2); background-color:#000; color:#fff; text-align:center; border-radius:6px; } .btn-small { padding:10px 25px; font-size:13px } .btn:focus, .btn:hover { color:#fff; background-color:#666666; opacity:1; } .btn[disabled] { cursor:default; opacity:.4 } @media only screen and (min-width:767px){ .btn-med { padding:12px 30px; font-size:15px } .btn-large { padding:14px 35px; font-size:17px } } .btn2 { color:#000000; background-color:#fff; } .btn2:hover, .btn2:focus {color:#ffffff; background-color:#000000; } .btn3 {color:#fff; background-color:#666666;} .btn3:hover, .btn3:focus { color:#111; background-color:#111;} .bdr-btn1 { color:#000; background-color:transparent; border:1px solid #000; } .bdr-btn1:hover, .bdr-btn1:focus {color:#fff; background-color:#000; border-color:#000;} .bdr-btn2 { color:#fff; background-color:transparent; border:1px solid #fff;} .bdr-btn2:hover, .bdr-btn2:focus {color:#000; background-color:#fff; border-color:#fff;} .btn--small { padding:0 10px; font-size:.92308em; border-width:1px; line-height:25px } .btn--link { padding:0 0 6px 0; color:#666666; background-color:transparent; border:0; margin:0; outline:none !important; box-shadow:none !important; } .btn--link:focus, .btn--link:hover { color:#000; opacity:0.8;} .btn--disabled { opacity:.5; cursor:default } .btn--disabled:focus, .btn--disabled:hover { opacity:.5 } .text-link { display:inline; border:0 none; background:0 0; padding:0; margin:0 } .atCounter > span { font-size:12px; margin:0 4px; min-width:16px; letter-spacing:0; } .atCounter .tm { font-size:14px; min-width:40px; display:block; } .rte { color:#222; margin-bottom:20px } .rte:last-child { margin-bottom:0 } .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin-top:15px; margin-bottom:7.5px } .rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child { margin-top:0 } .rte li { margin-bottom:4px; list-style:inherit } .rte li:last-child { margin-bottom:0 } .rte blockquote { padding:25px; margin-bottom:20px } .rte-setting { margin-bottom:11.11111px } .rte-setting:last-child { margin-bottom:0 } .rte img { height:auto } .rte table { table-layout:fixed } .rte ol, .rte ul { margin:20px 0 30px 30px } .rte ul { list-style:disc outside } .rte ul ul { list-style:circle outside } .rte ul ul ul { list-style:square outside } .rte a:not(.btn) { padding-bottom:1px } .tc .rte ol, .tc .rte ul, .tc.rte ol, .tc.rte ul { margin-left:0; list-style-position:inside } .social-sharing a { font-weight:400; color:#222 !important; padding:0 5px; background:none; display:inline-block; } .social-sharing .at { min-width:16px; min-height:16px; text-align:center; font-size:13px; } .share-title { display:inline-block; vertical-align:middle; } .login-register { max-width:900px; margin:0 auto; } .login-register .wrap { width:95%; height:100%; display:table; border:1px solid #ffffff; padding:40px } .address { margin-bottom:15px } @media only screen and (max-width:766px){ .login-register { flex-direction:column } .login-register .fl-item { margin-bottom:20px } } .light-bg { border-radius:3px; background:#fff;} .social-icons a { padding:0 8px; display:inline-block; } .social-icons a .at { font-size:13px; min-width:14px; min-height:14px; text-align:center; } .top-promo { position:relative; z-index:1; background-position:center; background-size:cover; } .promo_msg > * { margin:0 5px; } .promo_msg { letter-spacing:1px; padding:5px 20px; } .promo_msg .saleTime {margin:0;} .promo-home .close-promo{ display:none;} .close-promo { cursor:pointer; font-size:15px; height:25px; width:25px; line-height:23px; position:absolute; right:10px; top:50%; margin-top:-12px; } body.searchact .top-promo { z-index:666 !important;} @media only screen and (max-width:766px){ .promo_msg {flex-wrap:wrap;} } #header {position:relative; z-index:777; } #hdr_wrap { position:relative; z-index:777; background-color:#ffffff; border-bottom:1px solid #fff; transition:all 0.3s ease-in-out; } #hdr_wrap.sticky_hdr { position:fixed; top:0; z-index:666; width:100%; left:0; } #hdr_wrap.sticky_hdr .main_hdr { min-height:60px; } #hdr_wrap.sticky_hdr .main_hdr .header-logo img { width:140px;} .layout-boxed #hdr_wrap.sticky_hdr { box-shadow:none; left:inherit; width:100%; max-width:1200px; } .header-logo { margin:0; min-width:180px; max-width:180px;} .header-logo .hdr_logo_lnk { position:relative; display:block; font-weight:700; text-transform:uppercase; font-size:22px; line-height:1; text-decoration:none; } .header-logo img { display:block; height:auto; width:180px; margin:0 auto;} .main_hdr { align-items:center; min-height:60px; position:relative; } .main_hdr.page-width:after { display:none; } .icons-col { justify-content:flex-end; flex-wrap:nowrap; } .user-links { transition:all 0.3s ease-in-out; top:130%; background:#ffffff; padding:25px; right:15px; text-align:left; min-width:200px; font-size:12px; text-transform:uppercase; visibility:hidden; opacity:0; position:absolute; z-index:1; box-shadow:0 0 15px rgba(5, 0, 0, 0.1); } .user-links li a { padding:3px 5px; display:block; color:#222; } .user-links.classic { padding:20px 20px 10px; } .user-links.classic li { margin-bottom:10px; } .user-links.classic li a { background:#111111; color:#222; text-align:center; padding:12px 50px; } .user-links.classic li a:hover { background:#000000; color:#ffffff; } .user-links.active { visibility:visible; opacity:1; top:100%; } .hdicon { cursor:pointer; position:relative; color:#000000; line-height:30px; text-align:center; padding:0 9px; cursor:pointer; } .hdicon .at { font-size:18px; min-width:18px; min-height:18px; vertical-align:text-bottom;} .hdicon .at-user-2 {font-size:19px;} #CartCount { background:#000000; color:#fff; min-width:16px; height:16px; border-radius:16px; line-height:17px; font-size:11px; position:absolute; right:-7px; top:-3px; } .main_hdr a.site_set { padding-right:0; } .main_hdr span.base-lbl { font-size:13px; } .main_hdr span.icon-txt {display:none;} .main_hdr span.icon-txt { line-height:normal; margin-top:-2px; display:block; padding:0 4px; font-size:12px;} .main_hdr .js-mobile-nav-toggle { margin:0 7px 0 -9px; } .main_hdr .js-mobile-nav-toggle .at-bars-l { display:none; vertical-align:sub; } .main_hdr .js-mobile-nav-toggle .at-times-l { display:inline-block; } .main_hdr .js-mobile-nav-toggle.open .at-bars-l { display:inline-block; } .main_hdr .js-mobile-nav-toggle.open .at-times-l { display:none; vertical-align:sub; } .main_hdr .txtBlock, .main_hdr .social-icons a { color:#000000; } .main_hdr .search { max-width:300px;} .main_hdr .search .s_input { border-radius:4px 0 0 4px; padding:0 20px;} .main_hdr .search .s_input, .main_hdr .search .s_submit { color:#000000; background:none !important; border:1px solid rgba(0, 0, 0, 0.4); margin:0;} .main_hdr .search .s_submit { padding:0; width:42px; border-left:0; border-radius:0 4px 4px 0; } #set_box, .block-cart { color:#000; background-color:#ffffff; text-align:left; box-shadow:0 0 15px rgba(0, 0, 0, 0.1); transition:all 0.3s ease-in-out; } #set_box { visibility:hidden; opacity:0; padding:20px 25px; width:300px; position:absolute; top:130%; right:15px; z-index:99; } #set_box .bxttl { font-size:12px; margin:10px 0 10px; display:block; letter-spacing:0.2px; } #set_box #currencies { margin-bottom:20px; } #set_box .btn { width:100%; } #set_box.active { visibility:visible; opacity:1; top:100%; } #set_box .logout-link { text-align:center; font-weight:600; letter-spacing:0.5px; text-transform:uppercase; } @media only screen and (min-width:1025px){ .icons-col .mob-only { display:none; } .icons-col #set_box, .icons-col .user-links { right:15px; } } @media only screen and (max-width:1024px){ .header-logo { min-width:50px; } .header-logo img { max-width:120px; margin:0; } .main_hdr { padding-left:15px; padding-right:15px; min-height:60px; } .main_hdr .header-logo { margin-right:auto; } .main_hdr .mobile-nav { max-width:35px; min-width:35px; } .icons-col .mob-search-r {display:none;} .logo-mc .mobile-nav { display:flex; flex-wrap:nowrap;} .logo-mc .js-mobile-nav-toggle { margin-right:0;} .logo-mc > div { flex:auto; max-width:inherit !important;} .logo-mc .icons-col {width:18%;} .logo-mc .mobile-nav {width:16%;} .logo-mc .hdr_logo_lnk img { margin:0 auto; } .logo-mc .header-logo {min-width:180px;} } @media only screen and (max-width:766px){ .hdicon .at { font-size:17px; } .hdicon .at-user-2 {font-size:18px;} } .currency-picker .selected-currency { display:none; } .cnrLangList li { display:inline-block; margin:0 5px 5px 0; cursor:pointer; } .cnrLangList li a { border:1px solid rgba(0, 0, 0, 0.2); background:#ffffff; color:#000000; display:block; font-size:11px; text-transform:uppercase; padding:1px 10px; opacity:0.6; } .cnrLangList li a:hover { opacity:1; } .cnrLangList li.selected a, .cnrLangList li a.weglot-link--active { color:#ffffff; background:#000000; opacity:1; } .block-cart h4 { color:#000; font-size:15px; line-height:1; margin:-5px 0 15px; font-weight:500; } .block-cart .close-cart { color:#000; width:25px; height:25px; text-align:center; line-height:24px; opacity:0.6; position:absolute; top:5px; right:5px; } .block-cart .btn { font-size:12px; margin-bottom:10px; width:100%; } #cartEmpty .at-sq-bag{ display:block; margin-bottom:20px; font-size:50px; color:#ddd; } .block-cart { padding:30px; max-width:750px; margin:0 auto; } @media only screen and (min-width:767px){ .cart_btns { max-width:300px; padding-left:20px; border-left:1px solid #eee; } .mini_pr_list { max-height:400px; overflow:auto; padding-right:20px; } .mini_pr_list .pr_image { width:80px; } } @media only screen and (max-width:766px){ .block-cart { padding:15px; } } .mini_pr_list .pr_details { padding-left:15px; } .mini_pr_list li { position:relative; padding:10px 0; line-height:normal; border-top:1px solid #eee; } .mini_pr_list .pr_name { color:#000; white-space:normal; text-decoration:none; display:block; margin-bottom:5px; } .mini_pr_list .pr_vr { color:#000; opacity:0.7; font-size:90%; margin:-4px 0 5px;} .mini_pr_list .pr_price_rw { opacity:0.7; } .mini_pr_list .remove { color:#000; opacity:0.8; font-size:11px; } .mini_pr_list #cart-title { border:0; text-align:center; } .mini_pr_list #cart-title .at { font-size:35px; opacity:0.2; margin-bottom:15px; display:block; } .mini_pr_list li ul { margin:0 0 5px; padding:0; } .cart_btns li.cart_total { padding:15px 0; } .cart_btns .shipinfo { padding:10px; background-color:rgba(0, 0, 0, 0.06); } .cart_btns .shipinfo p { font-size:11px; text-transform:uppercase; text-align:center; margin-bottom:0; } .cart_btns .product-price { font-weight:500; font-size:14px; } .cart_btns .cart_term { font-size:10px; text-transform:uppercase; margin:10px 0; } .template-search .section-header { margin-top:35px; } #s_pop { padding:20px 60px 20px 55px; text-align:left; background-color:#f5f5f5; transition:all 0.3s ease-in-out; width:100%; opacity:0; visibility:hidden; position:absolute; top:100%; left:0; z-index:999; } #s_pop.active { top:100%; opacity:1; visibility:visible; pointer-events:auto; } #s_pop .at { font-size:20px; color:#000; opacity:0.7; } #s_pop .closeSearch { position:absolute; top:8px; right:0; z-index:111; } #s_pop .s_input, #s_pop .s_input::-webkit-input-placeholder, #s_pop .s_input::placeholder {font-size:13px; color:#000; letter-spacing:0.01em; background:none; border:0 none;} #s_pop .s_input { padding:0 20px 0 30px; margin:0;} #s_pop .btn { width:1%; position:absolute; left:0; top:0; padding:0; border:0 none; background:none; } .s_res { list-style-type:none; width:100%; max-width:100%; margin:0 -5px; padding:10px 0 0; } .s_res li { width:25%; margin:0; padding:5px; } .s_res li:nth-child(4n+1) { clear:both; } .s_res a { color:#000; display:table; width:100%; text-decoration:none; } .s_res a:hover { color:#000; opacity:1; background-color:#f2f2f2; } .s_res .img { display:table-cell; width:60px; padding:5px; vertical-align:middle; } .s_res .img img { display:block; margin:0 auto; } .s_res .details { padding:5px; line-height:1.2; display:table-cell; text-align:left; vertical-align:middle; } .s_res .price { display:none; font-weight:700; margin-top:5px; } .s_res .more { padding:5px 0 0; clear:both; width:100%; } .s_res .more a { color:#000; font-weight:700; text-decoration:underline; } .s_res .more a:hover { background:none; opacity:0.9; } .txtBlock .s_res { padding:10px 20px; position:absolute; top:100%; left:5px; z-index:99; background-color:#f5f5f5; } .txtBlock .s_res li { width:100%; } @media only screen and (max-width:1024px){ #s_pop { padding:15px 20px; } #s_pop .closeSearch { top:0; right:10px; padding:5px 10px; } #s_pop .page-width { padding:0; } } @media only screen and (max-width:766px){ .s_res li { width:50%; } .s_res li:nth-child(2n+1) { clear:both; } .s_res .img { width:40px; padding:5px; vertical-align:middle; } } #main_nav_wr { transition:all 0.3s ease-in; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:#fff; padding:0 15px; } .nm_label1 { background-color:#F26F6F; } .nm_label2 { background-color:#77D4D4; } .nm_label3 { background-color:#7fbf10; } .nm_label4 { background-color:#ED87B5; } .nm_label5 { background-color:#E79E82; } @media only screen and (min-width:1025px){ #main_nav { position:relative; font-family:var(--ft2); } #main_nav.hidearrow .at-angle-down-l { display:none; } #main_nav.large > li > a { line-height:55px; } #main_nav a { text-decoration:none; display:block; opacity:1; -webkit-font-smoothing:antialiased; } #main_nav a .lbl { color:#ffffff; font-size:10px; letter-spacing:0; line-height:1; display:inline-block; padding:2px 4px; position:relative; } #main_nav > li { display:inline-block; text-align:left; margin-right:5px; } #main_nav > li.ctsize, #main_nav > li.dropdown { position:relative; } #main_nav > li > a { color:#222222; font-size:13px; font-weight:500; text-transform:uppercase; padding:10px 15px; } #main_nav > li > a:after { content:""; width:0; height:2px; display:block; background-color:#666666; } #main_nav > li > a:hover, #main_nav > li > a.active { color:#666666;} #main_nav > li > a:hover:after, #main_nav > li > a.active:after { width:100%; } #main_nav > li > a .lbl {display:inline-block; position:absolute; top:-6px; left:50%; } #main_nav > li > a .lbl:after { content:" "; display:block; width:0; height:0; position:absolute; bottom:-5px; left:3px; border:5px solid transparent; border-left-color:#f00; } #main_nav > li > a .lbl.nm_label1 { background-color:#F26F6F; } #main_nav > li > a .lbl.nm_label1:after { border-left-color:#F26F6F; border-right:0 none; } #main_nav > li > a .lbl.nm_label2 {background-color:#77D4D4; } #main_nav > li > a .lbl.nm_label2:after {border-left-color:#77D4D4; border-right:0 none; } #main_nav > li > a .lbl.nm_label3 { background-color:#7fbf10; } #main_nav > li > a .lbl.nm_label3:after { border-left-color:#7fbf10; border-right:0 none; } #main_nav > li > a .lbl.nm_label4 {background-color:#ED87B5; } #main_nav > li > a .lbl.nm_label4:after { border-left-color:#ED87B5; border-right:0 none; } #main_nav > li > a .lbl.nm_label5 { background-color:#E79E82; } #main_nav > li > a .lbl.nm_label5:after { border-left-color:#E79E82; border-right:0 none; } #main_nav > li:hover > a { color:#666666; } div.megamenu { opacity:0; visibility:hidden; padding:30px 35px 0; margin:0; position:absolute; top:auto; z-index:9999; max-height:650px; overflow:auto; background-color:#fff; box-shadow:0px 0px 15px rgba(0,0,0,0.1); pointer-events:none; transform:translateY(20px); transition:all 0.3s ease-in; } div.megamenu.mmfull { width:100%; left:0; } div.megamenu.left { left:-17px; } div.megamenu.center { left:50%; transform:translate(-50%, 20px); } div.megamenu.right { right:-17px; } div.megamenu li.lvl-1 { margin-bottom:30px; } div.megamenu a.lvl-1 { font-family:var(--ft2); font-size:13px; text-transform:uppercase; color:#111; padding:0 0 10px; font-weight:600; } div.megamenu a.lvl-1:hover { color:#777;} div.megamenu a.lvl-1 .title { display:block; } div.megamenu li.lvl-1 li .site-nav {color:#222; padding:4px 0; font-weight:400; font-size:13px;} div.megamenu li.lvl-1 li .site-nav:hover {color:#777; } div.megamenu .productCol { text-align:center; } div.megamenu .productCol.lvl-1 { margin:0; } div.megamenu .productCol .grid_bx { padding:0; box-shadow:none; border:0 none; margin-bottom:10px;} div.megamenu .productCol .grid_title, div.megamenu .productCol .grid_meta { color:#111; padding:0; margin:0; } div.megamenu .grid__item { margin-bottom:0; } div.megamenu.style1 .imageCol { margin-bottom:30px; } div.megamenu.style1 .imageCol .img {position:relative; } div.megamenu.style1 .img-ttl { padding:6px 20px; border-radius:2px; color:#222; background:#fff; display:block; position:absolute; bottom:20px; } div.megamenu.style2 { padding:0; } div.megamenu.style2 .prColumn, #main_nav > li .megamenu.style2 .mmftcolumn { padding:20px; width:auto; vertical-align:top; } div.megamenu.style2 .prColumn .grid { margin-left:-15px; } div.megamenu.style2 .prColumn .grid__item { padding-left:15px; } div.megamenu.style2 .grid-view-item { margin-bottom:15px; line-height:1.2; } div.megamenu.style2 .grid-view-item .grid-view-item__meta { margin-top:5px; } div.megamenu.style2 .mmftcolumn { text-align:center; } div.megamenu.style2 .mmftcolumn img { width:100%; } div.megamenu.style2 .prColumn .btn {margin-top:20px;} div.megamenu.style3 .grid__item .lvl-1 .img { margin-bottom:20px; } div.megamenu.style4 { background-repeat:no-repeat; background-size:auto 100%; } div.megamenu.style5 .grid__item { text-align:center; font-weight:700; margin-bottom:5px; } div.megamenu.style5 .grid__item.lvl-1 { margin-bottom:20px; } div.megamenu.style5 .lvl-1 a.lvl-1 { position:relative; } div.megamenu.style5 a { display:block; } div.megamenu.style5 .imgOver { display:block; padding:5px 0 10px; } div.megamenu.style5 .below { padding:10px 0 0; } div.megamenu.style5 .over .imgOver { padding:10px 15px; position:absolute; left:10px; right:10px; width:auto; bottom:20px; background-color:#fff; } #main_nav ul.dropdown, #main_nav ul.dropdown ul { opacity:0; visibility:hidden; width:220px; position:absolute; top:100%; left:-17px; z-index:999; box-shadow:2px 2px 1px 0px rgba(0, 0, 0, 0.3); transform:translateY(20px); transition:all 0.3s ease-in-out; } #main_nav li:hover > div.megamenu, #main_nav li:hover > .dropdown, #main_nav ul.dropdown li:hover > ul { transform:translateY(0); opacity:1; visibility:visible; pointer-events:visible; } #main_nav li:hover > div.megamenu.center { transform:translate(-50%, 0); } #main_nav > li ul.dropdown { box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1); padding:20px; background-color:#fff;} #main_nav > li ul.dropdown li { position:relative; } #main_nav > li ul.dropdown li:first-child { border:0 none; } #main_nav > li ul.dropdown li a { color:#333; font-weight:400; padding:4px 12px; font-size:13px; } #main_nav > li ul.dropdown li a:hover { color:#EC9090; } #main_nav > li ul.dropdown li a .at { position:absolute; right:10px; top:9px; font-size:13px; } #main_nav > li ul.dropdown li ul { top:20px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1); left:100%; background-color:#fff;padding:20px; } #main_nav > li ul.dropdown li:hover > ul { top:0; } #main_nav > li:last-child { margin-right:0; } } #main_nav .subLinks .lbl:after { display:none; } @media only screen and (max-width:1024px){ .mob_nav_wr { width:320px; max-width:90%; height:100%; position:fixed; left:0; top:0; transform:translateX(-325px); z-index:999; background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); transition:all 0.4s ease-in-out; } .mob_nav_wr.active { transform:translateX(0); } .mob_nav_wr .cl_mob_m { color:#000; font-size:13px; background-color:#fff; padding:8px 10px; cursor:pointer; } .mob_nav_wr .cl_mob_m .at { font-size:18px; } } #mob_nav { font-family:var(--ft2); font-size:13px; height:calc(100% - 36px); padding-bottom:10px; overflow:auto; } #mob_nav .lbl { color:#ffffff; font-size:10px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-block; vertical-align:middle; padding:2px 4px; border-radius:3px; margin-left:0; position:relative; } #mob_nav a { text-transform:uppercase; color:#000; text-decoration:none; display:block; padding:15px 45px 15px 15px; opacity:1; font-weight:500; position:relative; } #mob_nav .at { color:#000; width:40px; height:100%; position:absolute; right:0; top:0; padding:0 15px; display:flex; align-items:center; } #mob_nav li { border-top:1px solid #fff; position:relative; } #mob_nav li ul { display:none; } #mob_nav li li a { padding-left:25px; } #mob_nav li li li a { padding-left:35px; } #mob_nav li li li li a { padding-left:45px; } #mob_nav .help { color:#000; padding:15px; background-color:rgba(0, 0, 0, 0.05); } body:not(.template-index) .o_ft { margin-top:50px; } .o_ft { text-transform:none; color:#ffffff; font-size:13px; background-color:#111111; border-top:1px solid rgba(0,0,0,0); padding:15px; } .o_ft .h4 { font-family:var(--ft2); color:#ffffff; font-size:13px; margin:0 0 15px; text-transform:none; } .f_links li { margin-bottom:7px; } .horLinks { margin:0 -10px; } .horLinks li { display:inline-block; margin:5px 10px; } .f_addr li { position:relative; margin-bottom:12px; } .f_addr li .at {color:#ffffff; font-size:12px; padding-right:12px; min-height:25px; float:left; margin-top:4px; text-align:center; } .o_ft .social-icons { margin-left:-10px;} .o_ft .soc_icons .social-icons { margin-left:-17px;} .o_ft .tc .social-icons { justify-content:center; } .o_ft .social-icons a { width:-webkit-fill-available; color:#ffffff;} .o_ft .soc_icons .social-icons { flex-direction:column;} .o_ft .soc_icons .social-icons li {margin-bottom:5px;} .o_ft .soc_icons .social-icons .at {width:28px;} .ft_newsltr .newstxt { border:0; color:#fff; background-color:#ffffff; margin:0; } .ft_newsltr .btn { color:#fff; background-color:#000000; } .o_ft .wrap-newsletter { max-width:450px; } .o_ft .tc .wrap-newsletter { max-width:550px; margin:0 auto; padding:0; } .o_ft .ft_newsltr .socials {margin-top:20px;} .ft_top { padding:45px 0 15px; } .ft_top .counter { display:none; } .ft_top a { color:#ffffff; text-decoration:none; } .ft_top a:hover { opacity:0.7; text-decoration:underline; } .o_ft .instafeed { margin-left:-2px; } .o_ft .instafeed .insta-img { float:left; margin:0 2px 4px; } .o_ft .instafeed.im150 .insta-img { width:80px !important; } .o_ft .instafeed.im320 .insta-img { width:100px !important; } .ft_bottom { background:#000000; color:#ffffff; clear:both; padding:15px 0; border-top:1px dotted #111111; } .ft_bottom a {color:#ffffff;} .paymentCall { order:2; font-size:0; } .payment-list__item { width:35px; margin:0 3px; } .footer-img img { vertical-align:middle; } .o_ft .footer-fw { padding:0 60px; } .o_ft .custom-text p {margin-bottom:15px;} @media only screen and (max-width:1279px){ .o_ft .footer-fw { padding:0 15px; } } @media only screen and (max-width:1200px){ .ft_block_item.emptycol + .ft_block_item.emptycol {display:none;} } @media only screen and (max-width:768px){ .ft_block_item.emptycol {display:none;} .ft_top .ft_block_item.one-whole.newsletter { width:100%; } body:not(.template-index) .o_ft { margin-top:20px; } .o_ft .footer-fw { padding:0 10px; } .o_ft .ft_block { margin:0; } .o_ft .ft_block_item { width:100%; padding:12px 0; margin:0; } .ft_block_item.menuhr { padding:0;} .ft_block_item + .ft_block_item { border-top:1px solid #222222;} .ft_block_item.hrline, .ft_block_item.imgblock {border-top:0;} .hrline hr { margin:5px 0;} .f_links .h4 { line-height:20px; margin-bottom:0; cursor:pointer; } .f_links .h4:before { content:"\ea45"; font-size:15px; font-family:"adorn-icons"; float:right; } .f_links .h4.active:before { content:"\ea48"; } .f_links .h4 + ul { display:none; margin:10px 0 20px; } .o_ft .f_links {margin-bottom:0;} .ft_top { padding:15px 0; } .ft_bottom { line-height:1.2; } .ft_bottom .f-row-md {flex-direction:column;} .ft_bottom .tr-md, .ft_bottom .tl-md { text-align:center !important;} .paymentCall { order:0; margin-bottom:25px; } .o_ft .newsl_frm {margin:0;} } body.searchact .top_info_br {position:relative; z-index:666;} .top-bar { padding:0 7px; } .top-bar .at {vertical-align:sub; } .top-bar .carousel {margin:0 -10px; } @media only screen and (max-width:766px){ .top-bar .fl { display:block; } } .oss_wrap { position:relative; } .slideshow { overflow:hidden; margin-bottom:0; } .slideshow .ss_link, .slideshow a:hover { opacity:1; text-decoration:none; } .slideshow .ss_slide, .slideshow .slick-list, .slideshow .slick-track { height:100%; } .ss_slide iframe { position:absolute; pointer-events:none; } .ss_slide video { display:block; position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%, -50%); } .slideshow .slick-arrow { width:40px; height:40px; line-height:38px; } .slideshow .slick-arrow:before { font-size:25px; position:absolute; opacity:1; left:13px;} .slideshow .slick-next:before {left:15px;} @media only screen and (min-width:1025px){ .slideshow .slick-prev { left:30px; } .slideshow .slick-next { right:30px; } } .ss_slide { position:relative; overflow:hidden; } .ss_link { display:block; position:absolute; top:0; left:0; right:0; bottom:0; } .ss_link:active, .ss_link:focus { opacity:1; } .ss_ol::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; } .ss_img { transition:opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87); position:absolute; top:0; left:0; opacity:0; visibility:hidden; z-index:1; height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; } .slick-active .ss_img, .no-js .ss_img { opacity:1; visibility:visible; } .ss_link .ss_txt-wrap { cursor:inherit; } .ss_txt-wrap { height:100%; display:flex; padding-left:60px; padding-right:60px; } .ss_txt-wrap:after { content:''; display:block; width:40px; height:40px; position:absolute; margin-left:-20px; margin-top:-20px; border-radius:50%; border:3px solid white; border-top-color:transparent; animation:spin 0.65s infinite linear; opacity:1; transition:all 1s cubic-bezier(0.29, 0.63, 0.44, 1); top:50%; left:50%; z-index:5; } .slick-initialized .ss_txt-wrap:after, .no-js .ss_txt-wrap:after { opacity:0; visibility:hidden; content:none; } .ss_txt { max-width:100%; width:max-content; z-index:3; } .ss_txt .btn + .btn { margin-left:20px; } .ss_txt-wrap { padding-top:4%; padding-bottom:4%; margin:auto; } @media only screen and (max-width:767px){ .ss_img.left,.ss_img.leftbottom { background-position:60% 0 !important; } .ss_img.right,.ss_img.rightbottom { background-position:10% 0 !important; } .slideshow .slick-prev:before, .slideshow .slick-next:before { font-size:20px; } .ss_txt-wrap { padding:30px; } .ss_txt .btnWrap { margin:0 -5px; } .ss_txt .btnWrap .btn { margin:5px; } } .img_ss .slideshow { height:auto; } .img_ss .ph_bg, .img_ss .ss_link { position:static; } .ss_txt.st1 { opacity:0; transition:1s all 100ms; transform:scale(0.8); } .slick-active .ss_txt.st1 { opacity:1; transform:scale(1); } .ss_txt.st2 .ss_hd1 { opacity:0; transition:1s all 100ms; transform:translateY(-20px); } .ss_txt.st2 .ss_hd2 { opacity:0; transition:0.8s all 200ms; transform:translateY(-15px); } .ss_txt.st2 .ss_hd3 { opacity:0; transition:0.7s all 300ms; transform:translateY(-10px); } .ss_txt.st2 .btnWrap { opacity:0; transition:0.6s all 400ms; transform:translateY(10px); } .slick-active .ss_txt.st2 .ss_hd1 { opacity:1; transform:translateY(0); } .slick-active .ss_txt.st2 .ss_hd2 { opacity:1; transform:translateY(0); } .slick-active .ss_txt.st2 .ss_hd3 { opacity:1; transform:translateY(0); } .slick-active .ss_txt.st2 .btnWrap { opacity:1; transform:translateY(0); } .ss_txt.st3 { opacity:0; margin-bottom:-30px; transition:1s all 100ms; } .slick-active .ss_txt.st3 { opacity:1; margin-bottom:0; } .ss_txt.st4 { opacity:0; transition:1s all 100ms; transform:scale(1.2); } .slick-active .ss_txt.st4 { opacity:1; transform:scale(1); } .pr_lbl { position:absolute; left:5px; top:5px; z-index:11; display:flex; align-items:flex-start; flex-direction:column; } .pr_lbl .lbl { color:#fff; font-size:11px; letter-spacing:0; white-space:nowrap; line-height:18px; padding:0 7px; border-radius:3px; } .pr_lbl1 {background:#2bb706; } .pr_lbl2 {background:#e9a400; } .pr_lbl3 {background:#090a09; } .lbl.on-sale {background:#f20505; color:#fff; } .lbl.sold-out { background-color:#000; color:#fff; font-size:11px;} .pr_price { color:#000; font-size:12px;} s.pr_price { opacity:0.6; margin-right:4px; font-weight:400; } .pr_price_sale { color:#e95144; } .pr_price_sale_lbl { display:inline-block; white-space:nowrap; } .pr_price_soldout { font-weight:600; white-space:nowrap; } .grid_bx { position:relative; margin-bottom:30px; text-align:center; border:1px solid rgba(0,0,0,0); transition:all .3s ease-out } .grid-products.carousel .grid_bx { margin-bottom:0; } .grid_img_wr { width:100%; overflow:hidden; position:relative; z-index:1; } a.grid_lnk { opacity:1; } .grid_img .placeholder-svg {position:absolute;} .grid_img { display:block; position:relative; padding-bottom:110%; border-radius:0px; background-position:center center; background-size:cover; background-repeat:no-repeat; transition:all ease-out 0.4s; } .grid_img_wr .hover, .grid_img_wr .variantImg { visibility:hidden; opacity:0; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; } .grid_img_wr .at-spinner4 { color:#000; font-size:24px; text-shadow:1px 1px 2px rgba(255, 255, 255, 0.7); display:none; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; z-index:50; } .grid_img_wr.showLoading .at-spinner4 { display:block; } .showVariantImg .grid_img { opacity:0; } .showVariantImg .variantImg { visibility:visible; opacity:1; } @media only screen and (min-width:1025px){ .grid_img_wr:hover .primary { opacity:0; } .grid_img_wr:hover .hover { opacity:1; visibility:visible; } } .grid_bx .button-set {position:absolute; display:flex; bottom:-50px; z-index:444; transition:all .3s ease-out; width:100%; justify-content:center; } .grid_bx .btn { border-radius:0px; position:relative; border:0; padding:0; font-size:18px; margin:2px; line-height:33px; height:33px; width:35px; transition:all .4s ease-out; background-color:#111111; border-radius:4px; } .grid_bx .btn .at { margin-top:-2px; color:#fff; } .grid_bx .btn:not(.quickshop-cart):hover { opacity:1; background-color:#252525;} .grid_bx .btn:hover .tooltip-label { opacity:1; visibility:visible } .grid_bx .details { padding:15px 10px 10px; } .grid_bx .grid_vendor {color:#777; margin-bottom:5px; font-size:11px; } .grid_bx .grid_title {font-size:14px; color:#000; text-transform:none; font-weight:500; margin-bottom:5px; } .grid_bx .grid_title a { color:#000; } .grid_bx .grid_title a:hover { color:#EA6262;} .grid_bx .grid_meta { margin:0 0 5px } .grid_bx .pr_review { line-height:18px; margin-bottom:12px } .grid_bx .spr-badge-starrating { vertical-align:text-top } .grswatches { margin-top:10px } .grswatches li { overflow:hidden; display:inline-block; position:relative; height:17px; width:17px; margin:3px; background-size:100% auto; background-repeat:no-repeat; cursor:pointer; box-shadow:0 0 1px 1px #fff; border:2px solid #fff } .grswatches li.rounded { border-radius:50% } .grswatches li.rounded_rectangle { border-radius:5px; } .grswatches li.flat { box-shadow:none; border:0; } .grswatches li.medium { height:30px; width:30px } .grswatches li.large { height:40px; width:40px } .grswatches li.active, .grswatches li:hover { box-shadow:none; border:2px solid #000; } .grswatches li .white { border:1px solid #ddd } .grswatches li .tooltip-label { z-index:2; top:-38px; bottom:auto; } .grswatches li:hover { overflow:visible; transition:all .5s ease-in-out; background-position:50% 0 } .grswatches li:hover .tooltip-label { opacity:1; top:-28px; visibility:visible } .grswatches .clrswt.medium { height:22px; width:22px; } .grswatches .clrswt.large{ height:30px; width:30px; } .gridTimer { transition:all .3s ease-out; padding:5px 0; position:absolute; opacity:1; bottom:5px; left:5px; z-index:11; background-color:rgba(255, 255, 255, 0.9); } .gridTimer >span { font-size:9px; color:#222; margin:4px 0; padding:0 8px; line-height:1.4;} .gridTimer .tm { font-size:12px; font-weight:700; min-width:inherit; } .grid_bx:hover .gridTimer { opacity:0 } @media only screen and (max-width:1025px){ .gridTimer { padding:2px 0; bottom:2px; left:2px; } .grid_6 .gridTimer { bottom:30px; } .gridTimer>span { font-size:8px; margin:3px 0; padding:0 5px; line-height:1.2; letter-spacing:0; } } @media only screen and (min-width:1025px){ .grid_bx .grid_img_wr:hover .primary { opacity:0 } .grid_1 .button-set { bottom:10px } .grid_2 .overly { content:""; display:block; width:100%; height:100%; opacity:0; position:absolute; top:0; left:0; z-index:4; background:#f5f5f5; } .grid_2 .grid_img.hover:not(.variantImg) { display:none } .grid_2 .details { width:100%; height:auto!important; padding-bottom:30px; opacity:0; position:absolute; top:46%; left:0; z-index:5; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out } .grid_2 .button-set { bottom:-15px; left:0; } .grid_2:hover .button-set { bottom:-10px } .grid_2:hover .details, .grid_2:hover .overly { opacity:1 } .grid_2:hover .grid_img_wr:hover .primary { opacity:1 } .grid_2 li.large { height:30px; width:30px } .grid_3 .grswatches {margin:15px 0 0; } .grid_3 .details { padding-top:5px } .grid_3 .button-set { position:static;} .grid_4 .details { text-align:left; padding-left:0; padding-right:0; } .grid_4 .button-set { left:10px; bottom:10px; width:40px; display:block } .grid_5 .button-set { right:10px; left:auto; top:15px; width:40px; display:block } .grid_5:hover .button-set { top:10px } .grid_5 .btn { visibility:hidden; opacity:0; margin-top:4px } .grid_5:hover .btn { visibility:visible; opacity:1; margin-top:2px } .grid_1 .btn, .grid_4 .btn { visibility:hidden; opacity:0; transform:scale(.9) } .grid_1:hover .btn, .grid_4:hover .btn { visibility:visible; opacity:1; transform:scale(1) } .grid_1 .tooltip-label, .grid_2 .tooltip-label, .grid_3 .tooltip-label { bottom:50px } .grid_1 .btn:hover .tooltip-label,.grid_2 .btn:hover .tooltip-label, .grid_3 .btn:hover .tooltip-label { bottom:42px; } .grid_4 .button-set .tooltip-label { left:55px; } .grid_4 .button-set .btn:hover .tooltip-label { left:45px } .grid_5 .button-set .tooltip-label {right:55px; } .grid_5 .button-set .btn:hover .tooltip-label { right:45px;} } .grid6-top { top:12px; right:8px; z-index:111; transition:all ease-out .3s;} .grid6-top .quick-view {visibility:hidden; opacity:0;} .grid6-top .tooltip-label {right:55px;} .grid6-top .btn:hover .tooltip-label {right:45px; } .grid_6:hover .grid6-top {top:8px;} .grid_6:hover .quick-view {visibility:visible; opacity:1;} .grid_6:hover .wishlist {background-color:#111111; } .grid6-bottom { transition:all ease-out .3s; visibility:hidden; opacity:0; bottom:10px; z-index:111; left:0; right:0;} .grid6-bottom .btn { color:#fff; width:auto; left:0; right:0; font-size:13px; padding:5px 20px; line-height:23px; text-transform:uppercase;} .grid_6:hover .grid6-bottom {visibility:visible; opacity:1; bottom:15px;} @media only screen and (max-width:1024px){ .grid_bx .grid_img_wr .hover:not(.variantImg) { display:none } .grid_bx { margin-bottom:20px } .grid_bx .button-set { bottom:5px } .grid_2 .button-set, .grid_3 .button-set { position:relative; bottom:0; } .grid_2 .grswatches { margin-bottom:5px } .grid_bx .details { position:relative; padding:15px 0 0 } .grid6-bottom { bottom:0 !important; visibility:visible; opacity:1;} .grid_bx .grid6-bottom .btn {margin:0; width:100%; border-radius:0; line-height:initial; visibility:visible; opacity:1;} } @media only screen and (max-width:766px){ .grid_bx .btn { line-height:27px; height:28px; width:28px; } .grswatches li.large, .grswatches li.medium { height:25px; width:25px } .quick_shop .product-single { padding:5px } .quick_shop .swatch-element {margin:0 1px 5px;} } .lv_item { margin-bottom:20px; display:flex;} .lv_image_col { flex:0 0 250px; position:relative; margin-right:30px; } .lv_image_col img {width:100%; display:block;} .lv_item_ttl {display:inline-block; color:#000; font-size:15px; font-weight:600 } .lv_detail_col .pr_price { font-size:16px; } .lv_item_ttl:hover {color:#EA6262;} .lv_buttons .btn {line-height:initial; padding:10px 15px;} .lv_buttons .btn:not(.wishlist, .quick-view) { padding:10px 25px;} @media only screen and (max-width:766px){ .lv_item { flex-direction:column;} .lv_image_col {flex:auto; margin:0 0 20px 0;} .lv_image_col .timermobile {margin:0; padding:0;} } .cl_item { position:relative; overflow:hidden;} .cl_item .img img { display:block; width:100%; transition:all ease-out .5s } .zoom_hov:hover .img img { transform:scale(1.1) } .cl_box .cl_item_link { opacity:1 } .cl_box .details { position:absolute; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:1; padding:15px 15px 18px; width:100%; transition:all .3s ease-out } .cl_box .details.txt-left {align-items:flex-start;} .cl_box .details:before { z-index:-1; position:absolute; left:0; top:0; content:""; width:100%; height:100%; } .cl_box .cl_item_ttl { font-size:14px; } .cl_box .counts { font-size:13px; opacity:.7; display:block; margin-top:4px } .cl_box1 .details { height:100%; top:0; opacity:0 } .cl_box1 .cl_item:hover .details { opacity:1 } .cl_box2 .details { bottom:0; transform:translateY(100%) } .cl_box2 .cl_item:hover .details { transform:translateY(0) } .cl_box3 .details {position:relative;} .cl_box4 .details { bottom:20px; width:auto; left:20px; right:20px; text-align:center;} @media only screen and (max-width:1024px){ .cl_box .cl_item_ttl { font-size:14px;} } @media only screen and (max-width:767px){ .cl_box .details { position:relative;} .cl_box1 .details { opacity:1; } .cl_box2 .details { transform:translateY(0); } .cl_box4 .details { left:0; bottom:inherit } .cl_box .cl_item_link .btn {white-space:nowrap;} } .cl_txt_pos { position:absolute; left:0; top:0; height:100%; width:100%; padding:20px; } .cl_banners .details { padding:30px; } .cl_banners .details.small {padding:15px 20px;} .cl_banners .cl_item_link:hover { opacity:1 } @media only screen and (max-width:1024px){ .cl_txt_pos { padding:10px; } .cl_banners .details {width:auto !important; padding:20px 30px 22px; } } /*=============== Hero Banner ===============*/ .heroImg { background-size:cover; background-repeat:no-repeat; position:absolute; height:100%; width:100%; } .hero_txt_wrap { width:100%; padding:4% 0; } .hero_txt { z-index:2; } @media only screen and (max-width:1024px){ .heroImg { background-position:50% 50% !important; background-attachment: inherit !important; } } @media only screen and (max-width:767px){ .hero_timer .counter > span { margin:0 1px; padding:3px 5px; } .hero_timer .counter > span span { font-size:10px; min-width:35px; } .hero_txt_wrap {max-width:90% !important; padding:25px 0;} .ss_txt-wrap {padding:30px 15px;} } .shop-buttons .btn { margin:0 10px 20px; } .shop_btns {z-index:2; max-width:800px; margin:0 auto; width:100%;} .wrap-txt { padding:25px 0; } .wrap-txt.pd30 { padding:25px 30px 30px; } .wrap-txt .btn { margin-top:10px; } .wrap-txt ul { padding-left:10px; } .wrap-txt ul li { list-style:disc; line-height:20px; } @media only screen and (max-width:1024px){ .wrap-txt { padding:15px 0 20px; } .wrap-txt.pd30 { padding:15px; margin-bottom:15px;} } .quote_wrap { padding:40px 0; } .quote_wrap .sec-ttl { padding:0; margin-bottom:35px; } .quote_img { width:100px; height:100px; border-radius:50%; margin:10px auto 20px; overflow:hidden; } .quotes_txt {padding:30px; max-width:700px; text-align:center; margin:0 auto; border-radius:4px; } .bx_sd .quotes_txt { box-shadow:0 0 5px rgba(0, 0, 0, 0.05); } .quote_wrap .slick-arrow { margin-top:-20px; } .quote1 .slick-prev { left:10%; } .quote1 .slick-next { right:10%; } .quote3 .quotes_txt { position:relative; background:none !important; box-shadow:none; text-align:left; padding:0 0 0 30px;align-self:start;} .quote3 .quotes_txt:before { font-family:"adorn-icons"; position:absolute; content:"\e9e2"; left:0; font-size:18px; top:0; } .quote_wrap .slick-track {display:flex;} .quote_wrap .slick-slide {float:none; height:inherit; display:flex;} .slick-dotted.quotes_sl.slick-initialized { cursor:grab; cursor:-moz-grab; cursor:-webkit-grab; } .quote_wrap .slick-dots { position:relative; bottom:0; margin-top:25px; } .quote_wrap .slick-dots li button::before { opacity:1; } .quote_wrap .slick-slide[tabindex="0"] { outline:none; } @media only screen and (min-width:768px){ .quote2 .quotes_sl { margin:0 -15px; } .quote2 .quotes_txt { margin:0 15px; } .quote2 .slick-prev { left:-20px; } .quote2 .slick-next { right:-20px; } .quote3 .quotes_txt { margin:0 15px;} } @media only screen and (max-width:999px){ .quote1 .slick-prev { left:10px; } .quote1 .slick-next { right:10px; } } @media only screen and (max-width:766px){ .quote_wrap .sec-ttl {margin-bottom:20px;} .quote_wrap { padding:20px 0; } .quote_wrap .slick-prev {left:10px;} .quote_wrap .slick-next {right:10px;} .quote2 .slick-prev { left:0; } .quote2 .slick-next { right:0; } .quote3 .slick-prev {left:-5px;} .quote3 .slick-next {right:-5px;} } .logo_br .slick-track, #carousel-brand-list .slick-track { display:flex; } .logo_br .slick-track .slick-slide { height:auto; } .logo_br .logoImg { background-position:50%; background-size:cover; background-repeat:no-repeat; } .omap { position:relative; height:300px; width:100%; overflow:hidden; } .omap .page-width { height:100%; } .map_er { height:auto; } .map_er .map_ol { position:static; transform:translateY(0); } .map_ol_wr { position:relative; text-align:center; height:100%; } .map_ol { position:relative; display:inline-block; background-color:#fff; padding:20px; margin-top:15px; width:100%; text-align:center; z-index:3; } .map_lnk { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; } .map_con { position:absolute; top:0; left:0; width:100%; height:150%; margin-bottom:-50%; } .gm-style-cc, .gm-style-cc + div { visibility:hidden; } @media only screen and (min-width:767px){ .omap { height:500px; } .map_con { width:100%; height:100%; margin:0 -30% 0 0; } .map_ol { position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:0; width:33.33333%; } .ie9 .map_ol { top:10%; } } @media only screen and (max-width:766px){ .omap .map_ol { position:absolute; left:0; width:auto; } } .custom-content, .ft_block {display:flex; align-items:stretch; flex-wrap:wrap; width:auto; margin-left:-30px; } .ct_item, .ft_block_item { flex:0 0 auto; margin-bottom:30px; padding-left:30px; max-width:100%; } .ct_item .grid_bx { margin:0; } .ct_item.image_with_text { width:100%; } .ct_item .custom-text { margin-bottom:15px; } .ct_item .custom-text a:not(.btn) { text-decoration:underline; } .ct_item .custom-text a:hover { text-decoration:none; } .ct_item .custom-text h3 { margin-bottom:15px;} .ct_item_in-text .rte-setting + .btn { margin-top:15px; } .ct_item_in-collection .details { position:absolute; left:0; right:0; text-align:center; bottom:30px; } .ct_item_in-collection .cl_item_ttl { display:inline-block; padding:12px 20px; } @media only screen and (max-width:766px){ .custom-content, .ft_block { margin-bottom:-10px; margin-left:-10px; } .ct_item, .ft_block_item { flex:0 0 auto; padding-left:10px; margin-bottom:15px; } .ct_item_in-text .rte-setting + .btn { margin-top:10px; } .ct_item .custom-text {margin-bottom:20px;} .ct_item .custom-text h3 { margin-bottom:10px;} } .mfp-zoom-in .mfp-with-anim { opacity:0; transform:scale(0.9); transition:all 0.3s ease-in-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity:1; transform:scale(1); } .mfp-zoom-in.mfp-removing .mfp-with-anim { opacity:0; transform:scale(0.9); } @keyframes at-spin { 0% { transform:rotate(0deg);} 100% { transform:rotate(359deg);} } .at-spin { animation:at-spin 1.5s infinite linear; -webkit-animation:at-spin 1.5s infinite linear; }#scroll_top { color:#000; position:fixed; right:10px; z-index:555; text-align:center; transition:all 0.3s ease-in-out; visibility:hidden; opacity:0; cursor:pointer;bottom:50px; width:40px; height:40px; line-height:34px; border-radius:50%; background-color:#f9f9f9; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }#scroll_top .at { font-size:17px; }#scroll_top.active { visibility:visible; opacity:1; } .cl_tbs { margin-bottom:40px; margin-top:-10px; } .cl_tbs li a { font-size:13px; color:#555; } .cl_tbs li a:focus { color:#000; opacity:1; } .cl_tbs li.active a { color:#000; } .cl_tbs .stl1 { padding:0 12px; } .cl_tbs .stl1 a:hover:after, .cl_tbs .stl1 a:focus:after { width:100%; opacity:1; } .cl_tbs .stl1 a:after { width:0; content:""; display:block; height:2px; position:absolute; bottom:-6px; left:0; z-index:1; background:#000; } .cl_tbs .stl1.active a:after { width:100%; } .cl_tbs .stl2, .cl_tbs .stl3 { padding:7px 22px 6px; margin:0 8px; border:1px solid #fff; background:#fff; } .cl_tbs .stl2.active, .cl_tbs .stl3.active { border:1px solid #000; background:#fff; } .cl_tbs .stl3 { border-radius:30px; } .tb_cnt { display:none; } .tb_cnt #sizechart { display:block !important; padding:10px 0; overflow-x:auto; width:100%; box-shadow:none; max-width:100%; } .tb_cnt ul { margin:0 0 20px 15px; } .tb_cnt ul li { list-style:disc; } .tb_cnt ul.grswatches { margin-left:0; } .pr_slider .slick-list { margin-left:-15px; margin-right:-15px; } .pr_slider .item { padding:3px 15px; } @media only screen and (max-width:766px){ .pr_slider .slick-list { margin-left:-5px; margin-right:-5px; } .pr_slider .item { padding:0 5px; } } .pr_list { line-height:1.2; } .pr_list_img {width:80px; margin-right:15px; position:relative;} a.pr_list_ttl {font-size:14px; color:#000; } a.pr_list_ttl:hover { color:#EA6262;} .pr_list .pr_price { display:inline-block; } @media only screen and (min-width:766px){ .cl_clm h4 { margin-bottom:25px;} } .grid_banners { padding:10px 0; margin-top:-20px; } .grid_banners .sec-ttl { margin:30px 0 -10px; } .layout-boxed .grid_banners { padding:10px 15px; } .layout-boxed .grid_banners .fullwidth, .layout-boxed .grid_banners .page-width { padding:0; } .banners_wrap .grid { margin:0 -10px; } .banners_wrap .img-bnr { padding:10px; } .banners_wrap .inner { position:relative; overflow:hidden; } .banners_wrap .inner * { transition:all 0.4s ease-in-out; } .banners_wrap .inner img { display:block; width:100%; } .banners_wrap .grid__item:not(.img-bnr) {padding:0;} .grid_btxtwrap {display:flex; position:absolute; left:0; top:0; height:100%; width:100%; padding:25px; } .grid_btxt { line-height:1.5; padding:12px 20px; z-index:1;} .grid_btxt:before {position:absolute; left:0; top:0; content:""; width:100%; height:100%; z-index:-1; } .banners_wrap .text1 { font-size:16px;} .banners_wrap .text2 { font-size:23px; line-height:1.6; } .banners_wrap .text3 { font-size:14px; margin-top:5px;} .banners_wrap .inner:hover a { opacity:1; } .banners_wrap .zoom_hov:hover img {transform:scale(1.1); } @media only screen and (min-width:768px){ .grid_btxt.large { padding:20px 25px;} } @media only screen and (max-width:1024px){ .banners_wrap .text2 { font-size:20px; } } @media only screen and (max-width:766px){ .layout-boxed .grid_banners { padding:5px 10px; } .banners_wrap a { opacity:1; } .banners_wrap .text1 { font-size:14px; } .banners_wrap .text2 { font-size:18px; } } @media only screen and (max-width:479px){ .banners_wrap .grid .grid__item { width:100%; } } .store-info { margin:0 -15px; } .store-info li { padding:15px; } .store-info .block_ttl { margin-bottom:8px;} .store-info.stl1 img { margin-bottom:15px; } .store-info.stl2 .at, .store-info.stl3 .at { margin:0 15px 0 0; text-align:center; } .store-info.stl3 .block_ttl { margin:0; } .store-info.stl3 a { align-items:center; } .store-info.stl4 .at { border-radius:50%; width:75px; height:75px; line-height:74px; } @media only screen and (min-width:1025px){ .store-info.stl3 li { padding-top:0; padding-bottom:0;} .store-info.stl1 .text { max-width:90%; margin:0 auto;} } @media only screen and (min-width:767px){ .store-info.stl2 .block_ttl { margin:-2px 0 3px; } } @media only screen and (max-width:766px){ .store-info .block_ttl {margin:0;} } .topSpace { height:30px; } .bc_wr { background:#fff; margin-bottom:30px; } .obc { padding-top:8px; padding-bottom:8px; padding:8px 10px; } .obc a,.obc span { font-size:10px; color:#111; padding:0 3px 0 0; margin-right:3px;} .obc a:first-child, .obc span:first-child { padding-left:0; } .pr_nav {color:#222; background-color:#fff; font-size:12px; line-height:1.2; max-width:200px; padding:5px; opacity:0.3; width:100%; position:fixed; top:45%; z-index:10; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); } .pr_nav span.img { width:60px; } .pr_nav .details { width:125px; padding:5px; } .pr_nav:hover { color:#222; opacity:1; } .pr_nav.prev { left:-130px; } .pr_nav.next { right:-130px; } .pr_nav:hover.prev { left:0; } .pr_nav:hover.next { right:0; } .sidebar { width:270px; } @media only screen and (max-width:766px){ .bc_wr {margin-bottom:15px;} .topSpace {height:15px;} } .zoomImg { background-color:#fff; } .pr_lg_img .wishlist .at {color:#000;} .pr_lg_img { position:relative; z-index:1; margin-bottom:10px; width:100%; } .pr_photoes { margin-bottom:45px; } @media only screen and (max-width:767px){ .pr_photoes { margin-bottom:15px; } } .pr_photo { min-height:1px; position:relative; overflow:hidden; } .pr_photo:not(.slick-slide):not(:first-child) { display:none; } .pr_photo:not(.slick-active):not(:first-child) .img_fl { opacity:0; visibility:hidden; } .pr_photo { transition:all 0.3s ease-in-out; } .pr_photo:not(.slick-current) { opacity:0.5; } .pr_photo:hover, .pr_photo.lightbox { cursor:crosshair; } .prMedia { position:relative; } .prMedia .shopify-model-viewer-ui, .prMedia model-viewer { position:absolute; top:0; left:0; width:100%; height:100%; } .pr_photo video { width:100%; } .product-btn { z-index:111; position:absolute; right:15px; top:15px; flex-direction:column; display:flex; align-items:center; } .product-btn .at-play-cir {font-size:19px;} .product-btn .tooltip-label {right:40px;} .product-btn a:hover .tooltip-label { right:25px; opacity:1; visibility:visible; } @media only screen and (min-width:767px){ .thumbs_nav { width:100%; padding-top:10px; margin:0 -5px; } } .pr_thumbs_item { display:inline-block; width:16.66%; padding:0 5px; vertical-align:top; } @media only screen and (min-width:767px){ .pr_thumbs_item:not(.slick-slide):not(:first-child) { display:none; } } .pr_thumbs_item.slick-current { opacity:0.5; } .pr_thumb { position:relative; opacity:1; display:block; padding-bottom:110%; background-repeat:no-repeat; background-position:center center; background-size:cover; } .pr_thumb .at { color:#fff; top:50%; margin:-10px 0 0 -5px; position:absolute;} .thumbs_nav .slick-arrow { width:30px; height:30px; line-height:30px; } .thumbs_nav .slick-arrow:before { font-size:14px; } .dSlider .slick-track {transform: translate3d(0, 0, 0) !important} .stockLbl { font-size:12px; text-transform:uppercase; font-weight:500; } .stockLbl .at {margin-right:5px;} .instock { color:#333;} .lowstock { color:#333;} .outstock, .preorder { color:#333;} .instock .at { color:#61B33E;} .lowstock .at {color:#F93434;} .outstock .at, .preorder .at {color:#F93434;} .pr_title { font-size:22px; color:#000; text-transform:capitalize; font-weight:600; } .pr_price_single {min-height:24px;} .pr_price_single .pr_price { font-size:25px; font-weight:500; line-height:1; margin-right:3px; } .pr_price_single s.pr_price { font-size:19px; margin-right:10px; } .pr_desc {margin-top:-8px;} .discount-badge {letter-spacing:normal; color:#e95144; border-bottom:1px solid #e95144; } @media only screen and (max-width:766px){ .pr_title { font-size:16px; } .pr_price_single .pr_price { font-size:16px; } .pr_price_single s.pr_price { font-size:14px; } } .pr_form_item label { display:block; } .pr_variants { display:none; } .no-js .pr_variants { display:block; } .slVariant { min-width:40px; display:inline-block; font-weight:600; } .product-form .swatch label { display:block; text-transform:uppercase; font-weight:500; } .swatch .header { margin-bottom:10px; } .swatch-element { display:inline-block; margin:0 6px 8px 0; position:relative; vertical-align:middle; } .swatchLbl { color:#333; font-size:13px; font-weight:400; line-height:28px; text-transform:capitalize; display:inline-block; margin:0; width:30px; height:30px; overflow:hidden; text-align:center; background-color:#f5f5f5; padding:0 10px; border-radius:0; border:1px solid #fff; box-shadow:0 0 0 1px #fff; } .swatchLbl.rounded { border-radius:50%; } .swatchLbl.rounded_rectangle { border-radius:5px; } .swatchLbl.square-only { border-radius:0; } .swatchLbl.color { width:30px; padding:0; height:30px; background-repeat:no-repeat; background-position:50% 0; background-size:100% auto; } .swatchLbl.color.medium { width:50px; height:50px; } .swatchLbl.color.large { width:70px; height:70px; } .swatchLbl.color.clr_rect { width:33px; height:22px; border-radius:0; } .swatchLbl.size { min-width:34px; min-height:32px; width:auto; line-height:30px; border:1px solid transparent; } .swatchLbl.size:before { display:none; } .swatchLbl.size.clr_rect { font-size:12px; width:33px; height:24px; line-height:22px; border-radius:0; min-height:inherit; width:auto; min-width:35px; } .swatchInput:checked + .swatchLbl.size {border:1px solid #000; background:#000; color:#fff; } .swatchInput:checked + .swatchLbl { border:1px solid #000; box-shadow:none; } .swatch-element:hover .tooltip-label { opacity:1; bottom:110%; visibility:visible; } .swatch-element.soldout .swatchLbl { position:relative; opacity:0.5; cursor:no-drop; } .swatch-element.soldout .swatchLbl.size:after {left:0; top:0; position:absolute; bottom:0; content:""; display:block; width:100%; height:100%; background:url(//www.dapperrise.com/cdn/shop/t/2/assets/sold-out.svg?v=68326754125791584661699495338) no-repeat 50% 50%/cover;} .swatch-element.soldout .swatchLbl.color:after { opacity:0.5; content:""; display:block; width:100%; height:100%; background:url(//www.dapperrise.com/cdn/shop/t/2/assets/sold-out.svg?v=68326754125791584661699495338) no-repeat 50% 50%/cover; } .dd_wrap .pr_input { width:100%; margin-bottom:0;} .dd_wrap:first-child {padding-right:10px;} .wrap-product-info { padding:30px 25px; background:#fafafa; margin-left:-5px; } .product-single.home .bg { background:#fafafa;} .product-single.home .bg .pr_meta {padding:20px;} .product-single.home .pr_lg_img { width:100%; } .product-single.home .pr_btn, .product-single.home .shopify-payment-button__button {max-width:400px; font-weight:400;} @media only screen and (min-width:1025px){ .product-single.home .pr_meta { padding:20px 60px; } } @media only screen and (max-width:1024px){ .product-single.home .pr_meta { padding:20px; } } @media only screen and (max-width:766px){ .product-single.home > .grid__item { display:block; } } .group-prod > li { padding:15px 0; border-top:1px solid #ffffff; } .group-prod > li .img { width:70px; } .group-prod > li .details { padding:0 0 0 20px; flex:1; width:100%; } .group-prod .product-attr > .money { height:36px; margin-right:15px; line-height:36px; } .group-prod .product-name { margin:0 0 7px; font-weight:600; } .gprvrAct { color:#000; background-color:#fff; border:1px solid #fff; font-size:13px; padding:4px 10px; cursor:pointer; display:inline-block; position:relative; } .gpprVariants { position:relative; margin-right:10px; } .gpprVariants ul { z-index:11; position:absolute; top:100%; left:0; border:1px solid #fff; border-top:0; width:100%; display:none; background-color:#fff; } .gpprVariants ul li { cursor:pointer; padding:5px 10px; } .gpprVariants ul li:hover { background-color:#808080; } @media only screen and (max-width:766px){ .gpprVariants {margin-bottom:10px;} } .sizelink { vertical-align:top; margin-top:2px; display:inline-block; margin-left:6px; font-size:11px; font-weight:400; text-decoration:underline; text-transform:uppercase; } .dd_wrap .sizelink { float:right; } .qtyField { display:flex; border:1px solid #fff; border-radius:5px;} .qtyField .at { font-size:10px; } .qty { border:0 none; } .qtyBtn, .qty, .gprQty { margin:0; color:#000; width:30px; height:38px; text-align:center; padding:11px 0; background:none; border-radius:0; line-height:17px; } .qtyBtn.minus {padding-left:8px;} .qtyBtn.plus {padding-right:8px;} .qtyField.sm .qty, .qtyField.sm .qtyBtn, .qtyField.sm .gprQty { width:25px; height:25px; padding:4px 0; } .pr_meta{ margin-bottom:45px; position:relative; max-width:550px; margin:0 auto 50px; } @media only screen and (max-width:767px){ .pr_meta {margin-bottom:20px;} } .pr_btn, .shopify-payment-button__button { max-width:50%;; width:100%; text-transform:uppercase; font-size:15px !important; letter-spacing:inherit; margin-bottom:15px; margin:0 auto 15px; height:48px;} .shopify-payment-button__button:hover { opacity:0.9; } .shopify-payment-button__button--unbranded {padding:11px 20px !important; } .shopify-payment-button__button { margin-top:-5px; transition:all 0.3s ease-out; border:1px solid #222222 !important; background:#ffffff !important; color:#222222 !important; border-radius:6px !important; } .shopify-payment-button__button--hidden { display:none !important; } .pr_meta .spr-badge-caption { display:inline-block; padding-left:5px; text-transform:capitalize; } #quantity_message { font-size:12px; text-transform:uppercase; margin-right:15px; display:inline-block; letter-spacing:0.5px; color:; font-weight:600; } .big-countdown > * { color:#000;} .big-countdown label {margin:0 10px 0 0; color:#000; } .prcountdown .tm { font-size:13px; display:inline-block; min-width:inherit; } .prcountdown > span {font-size:13px; font-weight:600; position:relative; padding-right:8px; text-transform:uppercase; letter-spacing:0.09em; } .prcountdown > span+span:before {position:absolute; content:":"; left:-9px;} .big-countdown .prcountdown > span { min-width:21px;} .small_view .big-countdown { flex-wrap: wrap;} @media only screen and (max-width:768px){ .big-countdown { flex-wrap: wrap;} .big-countdown label {margin-bottom:5px;} .big-countdown #countdown { margin:0 0 5px -5px;} } .product-single .share-title { display:none; } .orderMsg .at { vertical-align:baseline; font-size:18px; } #freeShipclaim { display:none; } .list_txt { color:#111; } .list_txt > div { } .list_txt> div + div { margin-left:5px; } .list_txt .at {margin-right:5px;} @media only screen and (max-width:768px){ .list_txt { flex-direction:column;} .list_txt> div {margin:0 0 5px 0 !important;} } #sizechart table tr th, #ShippingInfo table tr th { background:#131313; color:#fff; border:0; font-weight:400; } #sizechart table tr th, #sizechart table tr td, #ShippingInfo table tr th, #ShippingInfo table tr td { padding:7px; text-align:center; font-size:12px; } #sizechart ul, #ShippingInfo ul { margin:0 0 20px 15px; } #sizechart ul li, #ShippingInfo ul li { list-style:disc; } #pr_inquiry { max-width:600px; padding:25px; background:#fafafa; } #pr_inquiry .mfp-close { right:20px; top:20px; } #pr_inquiry h3 { font-size:15px; text-transform:uppercase; padding-right:55px; } #pr_inquiry .errors { display:none; } #pr_inquiry textarea { resize:none; } @media only screen and (max-width:639px){ #pr_inquiry, #sizechart, #ShippingInfo { overflow-x:scroll; } #pr_inquiry table, #sizechart table, #ShippingInfo table { width:480px; overflow-x:scroll; } } .infolinks a { color:#222;} .infolinks a:hover { color:#222; opacity:0.8; } @media only screen and (max-width:639px){ .infolinks.mfp-link {justify-content:center;} .infolinks > div {margin-bottom:8px;} } .product-info .lbl { color:#222; } .product-info p, .product-info a { color:#6f6f6f; font-weight:400; } .product-info a:hover { color:#222; opacity:1; text-decoration:underline; } .template-product .tbs_wrp { padding:30px 0 20px; text-align:left; margin-bottom:50px; } .completeLook { padding:30px 30px 20px; border:1px solid #ffffff} } .completeLook .ttl { color:#111; font-size:22px; font-weight:600;} .ctlItem { width:150px; margin:5px; } @media only screen and (max-width:766px){ .completeLook .ttl { font-size:18px; } .completeLook { padding:15px 10px;} .ctlItem { width:100px; } } .product-tabs { ;} .product-tabs li + li { margin-left:10px; } .product-tabs li a { font-size:13px; font-weight:600; font-family:var(--ft1); position:relative; letter-spacing:0.02em; display:block; padding:10px 25px; outline:none; color:#000; background-color:#fff; } .product-tabs li a:hover { text-decoration:none; background-color:#000; color:#eee;} .product-tabs li.active a { text-decoration:none; background-color:#000; color:#eee; } .product-tabs li.active a:before { content:""; width:100%; height:2px; position:absolute; left:0; right:0; } .template-product .acctab .tbs_wrp { padding-top:0; } .template-product .below-addcart .tbs_wrp { margin-bottom:0; } .template-product .below-addcart { margin-top:30px; } .product-tabs.stl2 { border-bottom:1px solid #ddd; } .product-tabs.stl2 li + li { margin-left:40px; } .product-tabs.stl2 li a { background:none; padding:0 0 10px; border:0; } .product-tabs.stl2 li.active a:before {bottom:-1px; height:1px; width:100%; background:#000; } @media only screen and (max-width:1279px){ .product-tabs.stl2 li { margin-left:17px; } } @media only screen and (max-width:766px){ .template-product .tbs_wrp { padding:0; margin-bottom:25px; } .template-product .tb_cnt { padding:15px 0; } } .tb_pr_desc ul, .pr_desc ul { list-style:disc; margin:10px 0 30px 18px; } .tb_pr_desc img, .pr_desc img { margin-bottom:25px; } .spr-header-title { display:none; } .spr-container { padding:0 !important; border:0 !important; } .spr-container .spr-review { position:relative; padding-bottom:10px; } .spr-container .spr-review-footer { position:absolute; top:24px; right:0; } .spr-review-header-title { font-size:15px !important; font-weight:600 !important; } .spr-form-title { font-weight:600; letter-spacing:0.5px; font-size:13px !important; text-transform:uppercase; } .spr-form-label { letter-spacing:0.02em; font-size:12px !important; font-weight:500; text-transform:uppercase; } .spr-summary-caption { text-transform:uppercase; font-size:11px; } .spr-summary-actions-newreview { color:#222; border-bottom:1px solid #222; font-size:11px; padding:0; text-transform:uppercase; position:relative; } .spr-summary-actions-newreview:before { position:absolute; left:10px; font-family:"adorn-icons"; } .spr-summary-actions-newreview:hover, .spr-summary-actions-newreview:focus { opacity:1; color:#222; border-bottom:1px solid transparent; } .spr-review-header-byline { font-style:normal !important; opacity:0.7 !important; } .spr-review-header-byline strong { font-weight:400 !important; } .spr-badge-starrating { vertical-align:baseline; } .spr-icon { font-size:10px !important; margin-right:1px !important; } .pr_review .spr-badge-caption { display:none; } .pr_meta .spr-icon {font-size:12px !important;} .product-recommendations { padding-top:35px; margin-bottom:30px;} @media only screen and (max-width:766px){ .spr-summary-actions, .spr-summary-actions a { display:block; margin:15px 0 0; } .product-recommendations {margin-bottom:15px;} } .style2 .primgSlider .slick-prev { left:10px;} .style7 .big-countdown, .style7 .pr_price_single {justify-content:center;} .insta-shop { margin:0 -10px; } .instagram-des { margin-bottom:25px; } .instafeed { position:relative; width:100%; text-align:center; font-size:0px; } .insta-img { padding:0; float:left; } .insta-img a { position:relative; padding-bottom:100%; display:block; overflow:hidden; } .insta-img img { display:block; width:100%; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .grid-sp .insta-img { padding:0 5px 10px; } .list .insta-img { display:inline-block; float:none; } .followus { text-align:center; padding:20px 0; } .followus .btn { position:relative; z-index:555; } .newsl .input-group { max-width:500px; margin:0 auto; } .nwsec.style1 .sec-ttl span {margin-top:10px;} .nwsec.style1 .sec-ttl {padding-bottom:25px;} .nwsec.style2 .newsl { display:flex; align-items:center; } .nwsec.style2.section-cover { padding:20px 0; } .nwsec.style2 .sec-ttl { text-align:left !important; padding:0 20px 0 0; flex:1; } .nwsec.style2 .sec-ttl h3, .style2 .sec-ttl span { max-width:inherit; } .nwsec.style2 .newsl_frm { width:50%; } .nwsec.style2 .input-group { max-width:100%; } .nwsec.style3 { padding:0; } .nwsec.style3 .fl1 { width:100%; } .nwsec.style3 .newsl { padding:30px; } .nwsec.style3 .nwfrm { max-width:500px; } @media only screen and (max-width:766px){ .newsl #Subscribe, .ft_newsltr #Subscribe{ padding-left:14px; padding-right:14px;} .nwsec.style2 .newsl { display:block; } .style2 .newsl .sec-ttl { padding:0 0 20px 0; text-align:center; } .style2 .newsl .newsl_frm { width:100%; } } .form-border { border:1px solid #ffffff; padding:20px; margin-bottom:20px; } .form-border h2 { margin-bottom:15px; } .form-border label { font-weight:400; } .video_pop .at { font-size:70px; opacity:0.8; color:#fff; position:absolute; } .video_pop:hover { opacity:0.9; } .video_txt {line-height:1.3; position:absolute;} .eg-cc-floating .eg-cc-message { font-size:12px !important; line-height:18px; margin-bottom:20px !important; } .eg-cc-btn { font-size:11px !important; text-transform:uppercase; } @media only screen and (min-width:768px){ .tleft{ top:5%; left:5%; } .tcenter{ top:5%; left:50%; transform:translateX(-50%); } .tright{ top:5%; right:5%; } .mleft{ left:5%; top:50%; transform:translateY(-50%);} .mcenter{ left:50%; top:50%; transform:translate(-50%, -50%); } .mright{ right:5%; top:50%; transform:translateY(-50%); } .bleft{ left:5%; bottom:5%;} .bcenter{ left:50%; transform:translateX(-50%); bottom:5%; } .bright{right:5%; bottom:5%; } .video_txt .btn {margin-top:25px;} } @media only screen and (max-width:767px){ .video_txt { bottom:10px;} .video_pop .at { font-size:40px; } } .image-with-text .slick-prev { left:10px; } .image-with-text .slick-next {right:10px;} .row_item a:hover { opacity:1; } .row_img img { display:block; margin:0 auto; transition:all 0.6s ease-in-out; } .row_img img:hover { transform:scale(1.1); } .row_text { font-size:14px; line-height:1.6;} .row_text h3 { font-family:var(--ft1); font-size:22px; font-weight:600; line-height:1.6; } .ft_col4 h3 { font-family:var(--ft1); font-size:18px; font-weight:600; line-height:1.6;} .ft_col4 p { font-size:13px; line-height:1.6;} .row_text .row-text { padding:15px 45px; margin:0 auto; max-width:90%; width:100%;} @media only screen and (min-width:999px) and (max-width:1180px){ .ft_col4 .row_text .row-text { padding:20px;} } @media only screen and (max-width:999px){ .row_item {justify-content:center;} .ft_row { flex-direction:column; } .row_text { padding:30px 40px; order:2;} .row_text .row-text { max-width:100%; padding:0; } .grp2.row_img {order:3;} .grp2.row_text {order:4;} .row_img img:hover {transform:none;} } @media only screen and (max-width:766px){ .row_text { padding:20px; } .row_text h3 { font-size:18px; } .row_text p { font-size:13px; } .ft_col4 .row_text h3 { font-size:16px; } .ft_col4 .row_text p { font-size:12px; } } @keyframes box-shadow { 0,100% {box-shadow:0 0 0 0;} 50% {box-shadow:0 0 0 4px;} } .gallery .collection-grid-item {overflow:hidden; position:relative;} .lookbook a { opacity:1; } .lookbook .cl_item.shop {overflow:visible; } .grid-lookbook { float:left; z-index:1; } .grid-lookbook.active { z-index:5; } .grid-lookbook img { width:100%; display:block; margin:0 auto; } .grid-lookbook:hover .lb_text { bottom:0; } .lb_text { font-size:20px; text-align:center; bottom:-100px; transition-duration:0.5s; position:absolute; left:0; right:0; margin:0; padding:12px 18px; } .lb_text .text-1 { font-size:15px; } .lb_text .text-2 { font-size:13px; display:block; } .lookbook span.zoom { border-radius:50%; width:31px; height:29px; line-height:27px; opacity:0; transition:all 0.3s ease-out; cursor:pointer; left:15px; top:10px; } .grid-lookbook:hover span.zoom { opacity:1; } .lookbook .products {position:absolute;} .lookbook .btn-shop { z-index:1; margin:5px; cursor:pointer; background:#000; color:#fff; border-radius:50%; display:block; height:24px; width:24px; text-align:center; line-height:23px; } .lookbook .btn-shop:before { content:""; position:absolute; animation:box-shadow 1.5s linear infinite; left:5px; top:5px; border-radius:50%; height:24px; width:24px; color:rgba(255, 255, 255, 0.4); } .lookbook .btn-shop:after {content:"\eafb"; font-family:"adorn-icons"; font-size:10px; font-weight:700;} .lookbook .btn-shop.active:after {content:"\eb41";} .lb_shop { opacity:0; visibility:hidden; z-index:2; border:1px solid rgba(0,0,0,0); box-shadow:0 0 2px #bbb; transition:all 0.3s ease-in-out; position:absolute; width:260px; background:#fff; padding:10px; } .lb_shop .lb_img {width:80px;} .lookbook .details { width:160px;} .lb_shop.left { right:0; } .lb_shop.right { left:0; } .lb_shop.active { opacity:1; visibility:visible; } @media only screen and (max-width:1024px){ .lb_shop { padding:5px; width:130px; flex-direction:column } .lb_shop .grid_title { font-size:12px; } .lb_shop.left { right:auto; left:-50px; } .lb_shop.right { left:auto; right:-50px; } .lb_shop .lb_img { margin-bottom:10px; width:100%; } .lb_shop .details { text-align:center; width:100%; margin:0 0 10px 0; } .lb_shop .add-to-cart, .lb_shop .btn-options { font-size:11px; } } .acor-ttl { font-size:12px; font-weight:600; font-family:var(--ft1); margin:0 0 5px; } .acor-ttl a { border:0; color:#222; display:block; padding:13px 30px 13px 15px; text-decoration:none; background-color:#fff; position:relative; } .acor-ttl a:hover { opacity:0.9; } .acor-ttl a .at { font-size:18px; position:absolute; top:14px; right:10px; } .acor-ttl.active a { color:#fff; background-color:#111; } .product-single .acor-ttl a { border-radius:3px; color:#000; border:1px solid #ddd;background-color:#fff; } .product-single .acor-ttl.active a {color:#eee; border:1px solid #000; background-color:#000;} .ct-bnr-txt {position:absolute; left:0; top:0; width:100%; height:100%; flex-direction:column; padding:30px 40px 40px;} .ct-bnr-txt .main-ttl {margin-bottom:10px; font-size:18px;} .ct-bnr-txt .sub-ttl {margin-bottom:25px; font-size:13px;} .custom-banner:hover { opacity:0.9;} .cb_pr .slick-prev {left:0 !important;} .cb_pr .slick-next {right:0 !important;} @media only screen and (max-width: 766px) { .gridcb > div { width:100%!important; } .custom-banner {margin:10px 0;} } #faq.narrow { max-width:800px; } #faq h3 { font-weight:500; padding:8px 20px; margin:15px 0 5px; letter-spacing:normal; border-radius:5px; } #faq .p_ttl { cursor:pointer; font-weight:600; padding:18px 40px 18px 0; position:relative; letter-spacing:normal; } #faq .p_ttl:hover, #faq .p_ttl:focus { text-decoration:none; } #faq .p_con { padding:18px 0 25px; } #faq.accor .p_ttl:before { position:absolute; font-family:"adorn-icons"; right:10px; top:50%; margin-top:-10px; font-size:12px; } #faq.accor .p_ttl.icons_1:before { content:"\ebe0"; } #faq.accor .p_ttl.icons_1.active:before { content:"\ebd1"; } #faq.accor .p_ttl.icons_2:before { content:"\eb66"; font-size:20px; } #faq.accor .p_ttl.icons_2.active:before { content:"\eb69"; } #faq.accor .p_con { display:none; padding:25px 0; } @media only screen and (max-width:766px) { #faq .p_con { padding:15px 0 5px; } } .loadingBox, .modal, .modalsCenter { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%) } .modalOverly { display:none; position:fixed; bottom:0; left:0; right:0; top:0; z-index:666; background-color:rgba(0,0,0,.7) } .searchact .modalOverly { z-index:45 } .loadingBox { display:none; padding:20px; background-color:#fff; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,.3); z-index:1050 } .loadingBox .at { font-size:40px; opacity:.7 } .loading .loadingBox { display:block; position:fixed } .loading .modalOverly, .showOverly .modalOverly { display:block } .hideOverly .modalOverly { display:none } .mfpbox { margin:0 auto; padding:20px; max-width:800px; position:relative; background:#fff; box-shadow:0 0 20px rgba(255, 255, 255, 0.3); } .mfpbox .mfp-close { right:10px; opacity:1; top:10px; color:#222; line-height:30px; height:30px; width:30px } .modal { padding:20px; display:none; overflow:hidden; z-index:667; width:80%; max-width:440px; text-align:center; background-color:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,.5); bottom:inherit } .modal p { margin-bottom:10px } #LoginModal.modal { width:100%; max-width:100%; height:100%; top:0; left:0;transform:translate(0, 0) } #LoginModal .last-child { margin-bottom:0 } #HideRecoverPasswordLink, #RecoverPassword { border-bottom:1px solid; } .modal--is-active { transform:translateY(0); display:block; opacity:1; overflow:hidden } .modal__inner { -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; height:100% } .modal__centered { -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); position:relative; top:50% } .no-csstransforms .modal__centered { top:20% } .modal__close { border:0!important; padding:10px 15px; position:fixed; top:0; right:0 } .cart td,.cart th { border:0; text-align:center } .cart td { padding:10px; position:relative } .cart th { font-weight:600; padding:10px 0 8px; background:#fff; text-transform:uppercase; padding-left:15px; padding-right:15px; letter-spacing:1px; } .cart .delete { width:30px } .cart .cart_remove { padding:0; position:absolute; opacity:1; height:22px; width:22px; border-radius:50%; padding:0; line-height:20px; border:0; left:0; margin-top:-10px; } .cart .at-times-r {font-size:12px;} .removeMb {text-decoration:underline; display:inline-block; margin-top:15px;} .cart_image { width:100px } .cart_meta { max-width:300px } .cart_meta-text { padding:5px 0; font-size:10px; font-style:italic } .cart .cart_pr a { color:#222;} .cart .qtyField { width:86px; margin:0 auto; justify-content:center; } .cart_total { font-weight:600; text-transform:uppercase; justify-content:space-between; font-size:15px; } .totalSave { color:#333; font-style:italic; justify-content:space-between } .shopify-cleanslate ul {justify-content:center;} .cartSummery .additional-checkout-button, .cartSummery .checkout { min-height:44px; width:100% !important; margin:0 0 10px !important } .cart.style1 .cart_footer { margin:0 -15px;} .cart.style1 .cart_footer > li { flex:1; padding:0 15px; display:flex;} .cart.style1 .bdr-box { width:100%; padding:25px; background:#fff; } .cart.style2 .cart_footer { padding:20px 25px; background:#fff;} .cart_note_ttl { text-transform:uppercase; font-size:14px; margin-bottom:12px; font-weight:500; display:block } #shipping-rates-feedback {padding:10px; text-align:center; border:2px solid #111; letter-spacing:normal; } #dynamic-checkout-cart .shopify-cleanslate li {flex-basis: 100% !important;} @media only screen and (max-width:766px){ .cart_footer {flex-direction:column; margin:0;} .cart_footer > li { margin-bottom:15px; padding:0;} .cart.style1 .calculator { order:1;} .cart td { padding:10px 5px } .cart .qtyField .qtyBtn, .cart .qtyField input { width:25px; height:30px; padding:6px 0 } .currencymsg { text-align:center !important } .cart_image { width:70px } .cart .cart-update { margin-top:15px; display:inline-block } } .shopify-challenge__container { padding:10% 0; } .grecaptcha-badge, #admin-bar-iframe, iframe[src="https://optimal-demos.myshopify.com/preview_bar"] {display:none !important;} .freeShipMsg .at-truck {min-width:22px; font-size:17px;} .shippingMsg .at {min-width:22px; margin-top:4px;} .freeShipclaim .at {vertical-align:text-top;} .user_view .at {margin-top:-4px; min-width:22px;} .pickup-availability-container .at {min-width:22px;} .shopify-policy__container {padding-top:50px; padding-bottom:50px; } .product__policies {margin-top:-15px;} .product__policies a {text-decoration:underline;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }