/** Shopify CDN: Minification failed Line 2908:53 Unexpected ";" **/ /* Table of Contents -------------------------------------------------------------- :: Reset & Standards :: Headings :: Links :: Buttons :: Lists :: Colors :: Typography :: Animation :: Header :: Footer :: Firefox Specific Rules :: Responsive */ /* Variables -------------------------------------------------------------- */ /* Global Reset & Standards -------------------------------------------------------------- * /* Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } html, body { width: 100%; height: 100%; margin-top: 0 !important; padding-bottom: 0 !important; -webkit-text-size-adjust: none; } html { font-size: 62.5%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; color: #363533; line-height: 1; -webkit-font-smoothing: antialiased; background: #fff; counter-reset: swatch; } body.lock { overflow: hidden; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } ::selection { color: #363533; background: #ebebeb; } ::-moz-selection { color: #363533; background: #ebebeb; } img { max-width: 100%; height: auto; } strong { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } em { font-style: italic; } hr { width: 100px; margin: 25px auto; border: none; border-top: 4px solid #ececec; clear: both; } #wrapper { width: 100%; min-height: 100vh; position: relative; background: #fff; float: left; } #content { padding: 0 0 50px; min-height:calc(100vh - 554px) } .about + #content { padding-top: 135px; } .promo-active + #content { padding-top: 100px; } .promo-active.about + #content { padding-top: 162px; } .container { max-width: 1324px; width: 100%; position: relative; margin: 0 auto; padding: 0 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; } .container.slim, .container .slim { max-width: 900px; } #content .container { max-width: 1204px; } #content section { opacity: 1 !important; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } #content section.active {opacity: 1;} .left { float: left; } .right { float: right; } .center { text-align: center; /*display: none;*/ } .leftalign { text-align: left;} .rightalign { text-align: right;} .centeralign { text-align: center;} .vert-center { width: 80%; position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .hide { display: none; } .small { font-size: 10px; line-height: 1.2; } .round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .cover { width: 100%; height: 100%; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center; float: left; } .full { width: 100%; } .clearfix { display: block; clear: both; } .video-wrapper { display: block; position: relative; padding-bottom: 56.25%; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .half { width: 49% !important; margin-right: 2% !important; float: left; } .half:nth-child(2n) { margin-right: 0 !important; } .qtr { width: 23.5%; margin-right: 2%; float: left; } .qtr:nth-child(4n) { margin-right: 0; } .third { width: 32%; margin: 0 2% 2% 0; float: left; } .third:nth-child(3n) { margin-right: 0 !important; } .close { width: 22px; height: 22px; display: inline-block; position: relative; cursor: pointer; } .close::before, .close::after { content: ''; position: absolute; width: 100%; top: 50%; left: 0; height: 1px; background: #363533; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .fill { overflow: hidden; } .fill img { max-width: none; width: auto; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .flex { display: flex; } .flex-between { justify-content: space-between; } /* Accordion -------------------------------------------------------------- */ .accordion .ui-accordion-header { position: relative; cursor: pointer; outline: none; } .accordion .ui-accordion-header:after { position: absolute; top: 13px; margin-left: 10px; color: #78746e; font-size: 30px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; content: '+'; } .accordion .ui-accordion-header-active:after { content: '–'; } .accordion .ui-accordion-content { max-width: 800px; margin: 0 auto; padding: 45px 0 15px; overflow: auto; } /* AddThis -------------------------------------------------------------- */ .addthis-header { margin-bottom: 6px; font-size: 10px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } .addthis_toolbox a { margin: 0 5px !important; } .addthis_toolbox [class^="icon-"]:before, .addthis_toolbox [class*=" icon-"]:before { padding: 7px; border-radius: 50%; border: 1px solid #363533; } /* Affirm -------------------------------------------------------------- */ .affirm-as-low-as { text-align: center; } .affirm-as-low-as a { font-family: aktiv-grotesk, sans-serif;font-weight: 400;font-style: normal;border-bottom: 1px solid; } .cart .affirm-as-low-as { text-align: right; } .cart .secound_btn { max-width:400px; margin: 15px 0 0 730px; } /* Animations -------------------------------------------------------------- */ .fade-out { opacity: 1; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes panel-fade-in { 0% { top: 45%; opacity: 0; } 100% { top: 50%; opacity: 1; } } /* Breadcrumb -------------------------------------------------------------- */ #breadcrumb { margin: 30px 0 20px; font-size: 10px; color: #cccccc; } #breadcrumb a:after { content: ' / ' } /* Buttons -------------------------------------------------------------- */ .buttons { margin-top: 7px; } .btn { min-width: 128px; height: 50px; display: inline-block; margin: 17px auto 0 auto; padding: 0 30px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px !important; color: #fdfbf8; text-align: center; cursor: pointer; line-height: 50px; overflow: hidden; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 25px !important; background: #363533; } /*a.btn, span.btn { line-height: 50px; }*/ .btn:hover { color: #fdfbf8; background: #1c1b1a; } .btn-reverse { color: #363533; background: #fdfbf8; } .btn-reverse:hover { color: #363533; background: #fdfbf8; } input.btn-reverse { background: #fdfbf8; } .btn:not(.btn-reverse):disabled { color: #ccc; cursor: default; border-color: #ccc; } .btn-reverse:disabled { color: #363533 !important; cursor: default; background: #ececec; } /* Fancybox -------------------------------------------------------------- */ .fancybox-skin { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .fancybox-close { width: 19px; height: 19px; top: 0; right: -25px; padding: 3px; background: #78746e; } .fancybox-close::before, .fancybox-close::after { content: ''; position: absolute; width: 100%; top: 50%; left: 0; height: 1px; margin-top: -1px; background: #ececec; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-overlay { background: #000; background: rgba(0,0,0,0.9); } .fancybox-nav span { visibility: visible; } .fancybox-prev span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); background: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right.png?v=178261055722025717261623354104) no-repeat center/22px auto; } .fancybox-next span { background: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right.png?v=178261055722025717261623354104) no-repeat center/22px auto; } /* Form -------------------------------------------------------------- */ input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="telephone"], select, textarea { width: 100%; height: 46px; margin: 0 0 15px 0; padding: 0 15px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-weight: normal; color: #363533; border: 1px solid #ececec; box-shadow: none; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent; } textarea { height: 182px; padding: 20px; } input[type="radio"], input[type="checkbox"] + label { position: relative; top: -6px; margin-left: 6px; font-size: 12px; } input[type="checkbox"] { width: 19px !important; height: 19px; display: inline-block !important; margin: 0; border: 1px solid #ececec; -webkit-appearance: none; -webkit-border-radius: 0; outline: none; cursor: pointer; } input[type="checkbox"]:checked { background: url(//civilspace.com/cdn/shop/t/32/assets/close.png?v=90356382093850706381623354129) no-repeat center; background-size: 13px auto !important; } input[type="button"], input[type="submit"], button { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; cursor: pointer; border: none; box-shadow: none; border: none; outline: none; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select { padding-right: 30px; cursor: pointer; text-indent: 0.01px; text-overflow: ""; background-image: url(//civilspace.com/cdn/shop/t/32/assets/select-plus.png?v=96331480817181589091623354191); background-repeat: no-repeat; background-position: right 15px center; background-size: 11px auto; } select::-ms-expand { display: none; } ::-webkit-input-placeholder { color: #363533; opacity: 1; } :-moz-placeholder { color: #363533; opacity: 1; } ::-moz-placeholder { color: #363533; opacity: 1; } :-ms-input-placeholder { color: #363533; opacity: 1; } .fields { width: 100%; position: relative; float: left; } #msg { padding-top: 20px; color: #78746e; clear: both; } .invalid input:required:invalid { border-color: #f00; } /* Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1, .h1 { font-size: 30px; line-height: 1.2; } h2, .h2 { font-size: 25px; line-height: 1.2; } h3, .h3 { font-size: 24px; line-height: 1.3; } h4, .h4 { font-size: 20px; line-height: 1.4; } h5, .h5 { font-size: 17px; line-height: 1.4; } h6, .h6 { font-size: 16px; line-height: 1.4; } h6.border-bottom { display: inline-block; position: relative; margin-bottom: 16px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 13px; text-transform: uppercase; } h6.border-bottom:after { width: 50px; height: 2px; display: block; margin-top: 8px; content: ''; background: #363533; } .quotations { position: relative; } .quotations:before { position: absolute; top: -46px; left: 2px; font-size: 60px; content: '“'; } .quotations:after { position: absolute; bottom: -70px; font-size: 60px; content: '”'; } /* Icons -------------------------------------------------------------- */ @font-face { font-family: "civil"; src:url(//civilspace.com/cdn/shop/t/32/assets/civil.eot?v=123377001166461471481623354127); src:url(//civilspace.com/cdn/shop/t/32/assets/civil.eot?%23iefix&v=123377001166461471481623354127) format("embedded-opentype"), url(//civilspace.com/cdn/shop/t/32/assets/civil.woff?v=76857724976128934721623354129) format("woff"), url(//civilspace.com/cdn/shop/t/32/assets/civil.ttf?v=159794797590885223531623354128) format("truetype"), url(//civilspace.com/cdn/shop/t/32/assets/civil.svg%23civil?44573) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { display: inline-block; vertical-align: middle; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "civil" !important; font-size: 12px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; color: #363533; line-height: 1; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } [class^="icon-"]:hover:before, [class*=" icon-"]:hover:before { color: #363533; } [class^="round icon-"]:before, [class*=" round icon-"]:before { display: block; padding: 5px; border-radius: 50%; border: 1px solid #d4d2ca; } [class^="round icon-"]:hover:before, [class*=" round icon-"]:hover:before { border-color: #78746e; } .icon-email:before { content: "a"; } .icon-facebook:before { content: "b"; } .icon-instagram:before { content: "c"; } .icon-pinterest:before { content: "d"; } .icon-tumblr:before { content: "e"; } .icon-twitter:before { content: "f"; } .icon-youtube:before { content: "g"; } .icon-cart:before { content: "h"; } .icon-search:before { content: "i"; } .icon-assembly:before { content: "j"; } .icon-built-to-last:before { content: "k"; } .icon-care:before { content: "l"; } .icon-comfort:before { content: "m"; } .icon-dimension:before { content: "n"; } .icon-eco-living:before { content: "o"; } .icon-function:before { content: "p"; } .icon-materials:before { content: "q"; } .icon-modular:before { content: "r"; } .icon-our-story:before { content: "s"; } .icon-returns:before { content: "t"; } .icon-shipping:before { content: "u"; } .icon-social-mission:before { content: "v"; } .icon-value:before { content: "w"; } .icon-warranty:before { content: "x"; } .icon-2-seats:before { content: "y"; } .icon-3-seats:before { content: "z"; } .icon-4-seats:before { content: "A"; } .icon-armchair:before { content: "B"; } .icon-chaise:before { content: "C"; } .icon-my-lounge:before { content: "D"; } .icon-pouf:before { content: "E"; } .icon-sectional:before { content: "F"; } .icon-bookcases:before { content: "G"; } .icon-credenzas:before { content: "H"; } .icon-dressers:before { content: "I"; } .icon-media:before { content: "U"; } .icon-my-wall:before { content: "K"; } .icon-nightstand:before { content: "L"; } .icon-wall-system:before { content: "M"; } .icon-work:before { content: "N"; } .icon-my-accessories:before { content: "T"; } .icon-glass-table:before, .icon-vine-side-table-small:before, .icon-big-glass-table:before { content: "O"; } .icon-large-pillow:before, .icon-large-pillows:before, .icon-noord-large-cushion:before, .icon-big-pillow:before { content: "P"; } .icon-magic-box:before { content: "Q"; } .sec-nav.collection .icon-magic-box:before { display: none; } .icon-strand-side-table:before, .icon-metal-table:before { content: "J"; } .icon-nomad-pillows:before, .icon-bolster-pillow:before, .icon-nomad-bolster-pillow:before, .icon-cilindric-pillow:before { content: "R"; } .icon-small-pillows:before, .icon-small-pillow:before, .icon-pillow:before { content: "S"; } .icon-accent-divider:before { content: "V"; } .text-only [class^="icon-"]:before, .text-only [class*=" icon-"]:before { display: none; } /* Links & Paragraph styles -------------------------------------------------------------- */ p { margin: 0 0 10px; font-size: 15px; line-height: 1.3; } p img { margin: 0; } a { color: #363533; text-decoration: none; outline: 0; line-height: inherit; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } a:hover { color: #78746e; } p a, p a:visited { line-height: inherit; } blockquote { font-size: 24px; line-height: 1.3; } .arrow { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #78746e; text-transform: uppercase; } .arrow:after { width: 11px; height: 11px; display: inline-block; position: relative; top: 2px; margin-left: 4px; content: ''; background: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right.png?v=178261055722025717261623354104) no-repeat center/100% auto; } /* Lists -------------------------------------------------------------- */ ul, ol { margin-bottom: 0; } ul { list-style: none outside; } ol { margin-left: 22px; list-style: decimal; } ul ul, ol ol { margin: 4px 0 5px 22px; } li { font-size: 15px; line-height: 1.6; } /* Newsletter -------------------------------------------------------------- */ #newsletter-popup { display: none; position: fixed; bottom: 8px; right: 8px; color: #ffffff; border-radius: 3px; background: #90adc5; z-index: 2; } #newsletter-popup .btn-close { width: 18px; height: 18px; position: absolute; top: 0; right: 0; font-size: 24px; color: #fff; text-align: center; cursor: pointer; background: #363533; } #newsletter-popup .btn-close.close:before, #newsletter-popup .btn-close.close:after { width: 80%; left: 10%; background: #fff; } #newsletter-popup .btn-close.active:after { position: relative; top: -5px; content: '-'; } #newsletter-popup .intro { padding: 16px 120px 13px 28px; } #newsletter-popup .intro h5 { display: inline-block; vertical-align: middle; } #newsletter-popup .intro span { display: inline-block; position: relative; top: -1px; margin-left: 20px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; border-bottom: 1px solid ; cursor: pointer; vertical-align: middle; } #newsletter-popup .inner { max-width: 560px; display: none; padding-bottom: 0 !important; font-size: 0; } #newsletter-popup .inner img { display: inline-block; width: 42%; vertical-align: middle; } #newsletter-popup .inner div { display: inline-block; width: 58%; padding: 0 28px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #newsletter-popup h3, #newsletter-popup h5 { margin-bottom: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0; } #newsletter-popup h3 { font-size: 18px; } #newsletter-popup p { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; } #newsletter-popup a { color: inherit; border-bottom: 1px solid; } #newsletter-popup form { font-size: 0; } #newsletter-popup input[type="email"] { width: 61%; height: 25px; display: inline-block; margin: 0 3% 0 0; padding: 0 12px; font-size: 12px; vertical-align: bottom; border: none; border-bottom: 1px solid ; } #newsletter-popup input[type="submit"] { min-width: 0; width: 36%; height: 32px; display: inline-block; margin-top: 0; font-size: 14px !important; color: #363533; border: 2px solid #363533; vertical-align: bottom; } /* Pagination -------------------------------------------------------------- */ .pagination { font-size: 14px; text-align: center; } .pagination span, .pagination a { display: inline-block; padding: 0 3px; color: #fdfbf8; vertical-align: middle; } .pagination a img { width: 14px; position: relative; top: 1px; } .pagination a.prev img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .pagination .current { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; color: #78746e; } .pagination .btn { margin-top: 60px; } /* Promotional Bar -------------------------------------------------------------- */ .promo { transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } .promo .container { display: flex; align-items: center; } .promo .cart-info { width: 25%; } .promo .cart-info + p { width: 50%; } .promo p { margin-bottom: 0; padding: 7px 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; } .promo p a, .promo p a:hover { color: #ffffff; } .promo a img { display: inline-block; position: relative; top: -1px; margin-right: 4px; vertical-align: middle; } .promo .cart-info a:not(:first-of-type) { margin-left: 35px; } /* Search -------------------------------------------------------------- */ .overlay { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background: #fff; -webkit-transform: translateY(50px) translateX(50px); transform: translateY(50px) translateX(50px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s; background: rgba(255, 255, 255, 0.95); z-index: 9999; } .overlay.open { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } .overlay .close { margin-bottom: 144px; } .searchform input { max-width: 100%; text-align: center; height: auto; display: block; margin: 0 auto 41px; padding: 0; font-size: 24px; border: none; background: transparent; } .searchform .close { padding: 5px; border: 1px solid #363533; } .searchform .close::before, .searchform .close::after { width: 92%; left: 4%; } /* Slick -------------------------------------------------------------- */ .slick-slider { position: relative; display: block; margin-bottom: 0; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; position: relative; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; margin: 0 auto; width: 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 { width: 30px; height: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right-stroke.png?v=17184110258305385401623354104) no-repeat center/auto 100%; z-index: 2; } .slick-prev { left: -2%; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } .slick-arrow.slick-hidden { display: none; } .slick-dots { margin: 7px 0 15px 0; text-align: center; } .slick-dots li { width: 10px; height: 10px; display: inline-block; margin: 0 3px; } .slick-dots li button { width: 100%; height: 100%; padding: 0; text-indent: -9999px; overflow: hidden; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ececec; } .slick-dots .slick-active button { background: #78746e; } .slider .tabs { padding-top: 6px; } .slider .tabs li { display: inline-block; position: relative; margin: 0 66px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: capitalize; cursor: pointer; } .slider .tabs li.active { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .slider .tabs li.active:after { width: 0; height: 0; position: absolute; bottom: -20px; left: 50%; content: ''; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .index .slider .tabs { font-size: 0; } .index .slider .tabs li { width: 32%; display: inline-block; margin: 0 2% 0 0; } .index .slider .tabs li:last-of-type { margin-right: 0; } /* Secondary Nav -------------------------------------------------------------- */ .sec-nav { width: 100%; margin-bottom: 0; padding: 16px 0 13px; text-align: center; background: #F1F1ED; } .sec-nav li { display: inline-block; margin: 0 20px; vertical-align: top; text-transform: capitalize; } .sec-nav li a { display: inline-block; position: relative; } /* .sec-nav li a:hover, .sec-nav li a.active { color: #9E896B; } */ .sec-nav.collection { padding: 8px 0 21px; } .sec-nav.collection li { margin: 0 38px; } .sec-nav.collection li a:before { top: -40px; font-size: 128px; } .sec-nav.collection li a img { width: 196px; display: block; margin-bottom: 5px; } #content .sec-nav.collection { position: relative; top: 0; } /* Swatches -------------------------------------------------------------- */ .swatch { margin-bottom: 2px; padding-top: 12px; border-top: 1px solid #707070; } .swatch .header { margin-bottom: 7px; font-size: 12px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; line-height: 1.4; } .swatch .header span { margin-left: -2px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; text-transform: none; } .swatch .header span:before { content: ': '; } .swatch .subheader { margin-bottom: 5px; font-size: 12px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } .swatch .header + .subheader { padding-top: 2px; } .swatch .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .swatch input { display: none; } .swatch .addbtnproce input { display: block; } .swatch label { min-width: 72px !important; height: 34px !important; display: block; margin: 0; padding: 0 10px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 34px; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ececec; white-space: nowrap; vertical-align: top; background-position: center; background-repeat: no-repeat; background-size: auto 200%; } .swatch input:checked + label { color: #fff; border-color: #78746e; background-color: #78746e; } .swatch .swatch-element { display: inline-block; position: relative; margin: 0 10px 10px 0; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; z-index: 2; float: none; } .swatch .swatch-element.soldout label { cursor: not-allowed; } .swatch.error { background-color: #E8D2D2 !important; color: #333 !important; padding: 1em; border-radius: 5px; } .swatch.error p { margin: 0.7em 0; } .swatch.error p:first-child { margin-top: 0; } .swatch.error p:last-child { margin-bottom: 0; } .swatch.error code { font-family: monospace; } .swatch .color { margin-right: 8px; } .swatch .color label { min-width: 30px !important; height: 30px !important; border-radius: 50%; } .swatch .color input:checked + label { border-color: #ececec; } .swatch .color input:checked + label:before { width: 100%; height: 100%; position: absolute; top: -3px; left: -3px; padding: 1px; content: ''; border: 2px solid #FBB040; border-radius: 50%; } .swatch:not([data-type="orientation"]) .header { margin-bottom: 11px; padding-bottom: 9px; border-bottom: 1px dotted #78746e; } .swatch[data-type="orientation"] .header { width: 30%; display: inline-block; vertical-align: middle; } .swatch[data-type="orientation"] .header span { display: none; } .swatch[data-type="orientation"] .inner { width: 70%; display: inline-block; text-align: right; vertical-align: middle; } .swatch[data-type="orientation"] .swatch-element { margin-right: 0; } .swatch[data-type="orientation"] .swatch-element:not(:first-of-type) { margin-left: 10px; } .swatch[data-type="material"] .inner { width: 49%; display: inline-block; margin-bottom: 10px; vertical-align: top; } .swatch[data-type="material"] .inner:nth-child(even) { margin-right: 2%; padding-right: 10px; border-right: 1px solid #707070; } .swatch .sub-material .subheader { text-transform: none; } /* Table -------------------------------------------------------------- */ table { margin-bottom: 33px; font-size: 13px; } table td, table th { padding: 9px 20px; vertical-align: middle; text-align: center; white-space: nowrap; border: 1px solid #ececec; } /* Footer -------------------------------------------------------------- */ footer { height: 100%; width: 100%; position: relative; bottom: 0; left: 0; padding-top: 50px; color: #d4d2ca; background: #363533; float: left; } footer .container { max-width: 1204px; display: flex; justify-content: space-between; flex-wrap: wrap; } footer a, footer [class^="icon-"]:before, footer [class*=" icon-"]:before { color: #FFFFFF; } footer a:hover, footer a.active { color: #d4d2ca; } footer h6 { margin-bottom: 20px; } footer .newsletter-social { width: 30%; } footer #newsletter { width: 100%; } footer #newsletter h4 { margin-bottom: 6px; text-transform: none; } footer #newsletter p { margin-bottom: 38px; } footer #newsletter form { font-size: 0; } footer #newsletter input[type="email"] { width: 70%; height: 50px; display: inline-block; margin: 0; padding: 0 15px; color: #fff; vertical-align: bottom; border: none; border: 1px solid #ececec; background: transparent; } footer #newsletter input[type="email"]::-webkit-input-placeholder { color: #fff; } footer #newsletter input[type="email"]:-moz-placeholder { color: #fff; } footer #newsletter input[type="email"]::-moz-placeholder { color: #fff; } footer #newsletter input[type="email"]:-ms-input-placeholder { color: #fff; } footer #newsletter input[type="submit"] { min-width: 0; width: 30%; display: inline-block; margin-top: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 14px !important; color: #fff; vertical-align: bottom; border-radius: 0 !important; border: 1px solid #fff; border-left: none; background: transparent; } footer .social { padding-top: 28px; } footer .social li { display: inline-block; } footer .social li:not(:last-of-type) { margin-right: 40px; } footer .social li a:before { font-size: 20px; } footer .social li a:hover:before { color: #d4d2ca; } footer .menus { width: 68%; display: flex; justify-content: space-between; } footer nav ul { margin-bottom: 0; } footer nav ul ul { display: none; } footer nav li { margin-bottom: 7px; } footer .copyright { margin-top: 15px;padding: 40px 0 40px; color: #ffffff; background: #363533; clear: both; } footer .copyright .container { display: flex; justify-content: space-between; flex-wrap: wrap; } footer .copyright a { color: #ffffff; } footer .copyright p { display: inline-block; margin-bottom: 0; font-size: 12px; } footer .copyright ul { display: inline-block; margin-bottom: 0; } footer .copyright li { display: inline; font-size: 12px; } footer .copyright li:not(:first-of-type) a:before { margin: 0 4px 0 2px; content: '|'; } #top { width: 37px; height: 37px; visibility: hidden; position: fixed; top: 50%; right: 0; text-align: center; line-height: 37px; cursor: pointer; opacity: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #363533; z-index: 2; } #top img { width: 17px; } .index.scrolled #top, .collection.scrolled #top, .product.scrolled #top, .page-help.scrolled #top { visibility: visible; opacity: 1; } /* Header -------------------------------------------------------------- */ header { width: 100%; position: relative; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); background: #ffffff; } header.fixed { position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } body.product-new header.fixed { position: fixed;} header .flex { padding: 20px 40px; align-items: center; } header .logo { width: 20%; text-align: center; } header .logo img { max-width: 90px; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } header .logo img:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); opacity: 0; } header .cart-info { width: 40%; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; text-align: right; } header .cart-info ul { display: inline-block; margin: 0; } header .cart-info ul li { display: inline-block; margin-right: 75px; font-size: 15px; } header .cart-info a { display: inline-block; position: relative; vertical-align: middle; } header .cart-info a:not(:first-of-type) { margin-left: 15px; } header .cart-info a.active { color: #78746e; } header .cart-info img { width: 16px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } header .cart-info img:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } header .sec-nav { background: #fff; } header nav { width: 40%; } header nav ul { margin: 0; } header nav li { display: inline-block; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 15px; } header nav li:not(:last-of-type) { margin-right: 75px; } header nav li span { position: relative; cursor: pointer; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } header nav li a { position: relative; } /* header nav li span.active, header nav li span:hover, header nav li a.active, header nav li a:hover { color: #9E896B; } */ header nav ul ul { width: 100%; display: block !important; visibility: hidden; position: absolute; top: 100%; left: 0; opacity: 0; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; /*background: #fff;*/ z-index: 10 !important; } header nav ul ul li a:after { display: none; } header nav ul li:hover > ul { visibility: visible; opacity: 1; } header .menu-toggle { position: relative; top: -2px; } header .menu-toggle.hide { display: none; } header .menu-toggle span { width: 25px; height: 2px; display: inline-block; position: relative; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; background: #363533; } header .menu-toggle span:before, header .menu-toggle span:after { width: 100%; height: 2px; position: absolute; right: 0; content: ''; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; background: #363533; } header .menu-toggle span:before { top: -9px; } header .menu-toggle span:after { top: 9px; } header .menu-toggle.active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } header .menu-toggle.active span { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } header .menu-toggle.active span:before, header .menu-toggle.active span:after { opacity: 0; } header.promo-active .logo { top: 38px; } header.promo-active .cart-info { top: 49px; } #menu { max-width: 100%; width: 100%; padding-top: 24px; background: #9E896B; z-index: 10; } #menu .top { margin-bottom: 44px; } #menu .close { width: 35px; height: 35px; margin-left: 22px; } #menu .close::before, #menu .close::after { height: 2px; background: #fff; } #menu form { width: 80%; display: none; } #menu form input { height: 35px; margin-bottom: 0; padding: 0 9px; font-size: 12px; border: none; vertical-align: top; } #menu ul { margin-top: 16px; } #menu ul li { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 30px; } #menu ul li a, #menu ul li span { position: relative; padding: 0 36px; color: #fff; } #menu li .has-dropdown:after { margin-left: 30px; content: '+'; } #menu li .has-dropdown.active:after { content: '—'; } #menu ul ul { display: none; margin: 0; padding: 0 0 15px 5px; } #menu ul ul li { margin-bottom: 0; padding: 0; font-size: 24px; line-height: 1.3; } /* Index -------------------------------------------------------------- */ .index #content { padding-bottom: 496px; } .index #content .inner:first-of-type { padding-bottom: 70px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 55%, rgba(212,210,202,1) 100%); } .index .shopify-section section { padding: 40px 0; } .index .shopify-section:first-of-type { margin-top: -72px; } .collection-section { padding: 70px 0; } .collection-section .container { padding: 0 22px; } .collection-section h2 + p { font-size: 21px; } .collection-section .slick-carousel { padding-top: 10px; } .collection-section .slick-slide { padding: 0 10px; outline: none; } .collection-section .slick-slide .image { margin-bottom: 20px; } .collection-section .slick-slide p { margin-bottom: 0; font-size: 15px; } .collection-section .slick-arrow { width: 38px; height: 55px; top: 40%; padding: 0; transform: none; background: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right-large.png?v=131243359560229801451623354102) no-repeat center/100% auto; } .collection-section .slick-prev { left: -50px; transform: rotate(-180deg); } .collection-section .slick-next { right: -50px; } .image-text-section { padding: 120px 0 60px; } .image-text-section .flex { flex-wrap: wrap; } .image-text-section .content { width: 41%; } .image-text-section .content h4 { text-transform: none; } .image-text-section .content .image { display: none; } .image-text-section .content p { font-size: 16px; } .image-text-section .content p:first-of-type { padding-top: 35px; } .image-text-section .image { width: 49%; } .image-text-section .image svg { background: #f3f3f3; } .image-text-columns-section { padding: 30px 0; } .image-text-columns-section .flex { flex-wrap: wrap; } .image-text-columns-section .column:nth-child(1) { width: 41%; } .image-text-columns-section .column:nth-child(2) { width: 49%; } .image-text-columns-section .content { width: 100%; } .image-text-columns-section .content .image { display: none; } .image-text-columns-section .content p { font-size: 16px; } .image-text-columns-section .content p:first-of-type { padding-top: 35px; } .image-text-columns-section .image { width: 100%; } .image-text-columns-section .image svg { background: #f3f3f3; } .image-text-columns-section .image-bottom .image { padding-top: 100px; order: 1; } .image-text-columns-section .buttons { margin: 80px auto 0; } .index .press-section section { padding: 86px 0 62px !important; } .press-section .quote { padding: 0 10px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .press-section .quote img { max-width: 140px; max-height: 50px; margin: 10px auto 40px; opacity: 0.7; } .press-section .quote p { max-width: 180px; width: 100%; margin: 0 auto 20px; } .press-section .quote p:before { content: '“'; } .press-section .quote p:after { content: '”'; } .press-section .slick-dots { margin-top: 23px; } .slideshow-section { position: relative; color: #fff; } .slideshow-section .slick-slide { height: 100vh; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .slideshow-section .slider_mobile .slick-slide { height: 57vh; } .slideshow-section .slick-slide .overlay { height: 100%; position: absolute; transform: none; visibility: visible; background: #000; z-index: 1; } .slideshow-section .slick-slide h1 { font-size: 70px; text-transform: none; color: #fff; } .slideshow-section .slick-slide h2 { font-size: 60px; text-transform: none; color: #363533; } .slideshow-section .slick-slide p { padding-top: 10px; padding-right: 25%; font-size: 20px; color: #363533; } .slideshow-section .slide-count { position: absolute; bottom: 50px; left: 40px; font-size: 16px; } .arrow-down { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: none; } .arrow-down img { width: auto !important; height: 32px; } .subfeatures-section .container { display: flex; justify-content: space-between; } .subfeatures-section .subfeature { width: 31%; position: relative; text-align: center; } .subfeatures-section .subfeature .inner { position: relative; } .subfeatures-section .subfeature .image { width: 100%; position: relative; padding-bottom: 26vw; background-position: center; background-size: cover; } .subfeatures-section .subfeature .image a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .subfeatures-section .meta { padding-top: 18px; } .subfeatures-section .meta h6:after { margin-left: auto; margin-right: auto; } .subfeatures-section .meta p:last-of-type { margin-bottom: 0; } .subfeatures-section .meta p a { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #78746e; text-transform: uppercase; } .subfeatures-section .meta p a:after { width: 11px; height: 11px; display: inline-block; position: relative; top: 2px; margin-left: 4px; content: ''; background: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right.png?v=178261055722025717261623354104) no-repeat center/100% auto; } .subfeatures-section .meta.vert-center { padding-top: 0; text-align: left; } .subfeatures-section .meta.vert-center h3 { margin-bottom: 12px; } .subfeatures-section .meta.vert-center h6 { margin-bottom: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: none; } .subfeatures-section .meta.vert-center h6:after { display: none; } .subfeatures-section .meta.vert-center p { margin-bottom: 24px; font-size: 13px; } .subfeatures-section .subfeature.two-third-column { width: 65.5%; } .subfeatures-section .subfeature.quote .meta { position: absolute; top: 41.5%; padding: 0 50px; text-align: left; transform: translateY(-50%); } .subfeatures-section .subfeature.quote .meta p { text-transform: uppercase; } .subfeatures-section .subfeature.quote .meta p img { max-width: 100px; } .subfeatures-section .subfeature.quote .meta .quotations { margin-bottom: 40px; } .index .subfeatures-section section { padding-bottom: 20px; } .index .subfeatures-section + .subfeatures-section section { padding-top: 0; } .index .subfeatures-section .subfeature { width: 100%; } .index .subfeatures-section .subfeature-2 { width: 49%; } .index .subfeatures-section .subfeature .image { padding-bottom: 0; } .index .subfeatures-section .subfeature .image img { display: block; } .index .subfeatures-section .subfeature .transparency { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .index .subfeatures-section .subfeature .meta { padding-top: 0; } .index .subfeatures-section .subfeature .meta h3 { max-width: 280px; width: 90%; position: absolute; top: 30px; left: 50%; color: #fff; transform: translateX(-50%); } .index .subfeatures-section .subfeature .meta h3 a { color: inherit; } .index .subfeatures-section .subfeature .meta .btn { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .full-image-section .full-width { position: relative; } .full-image-section .meta { max-width: 480px; position: absolute; padding: 38px 47px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255,255,255,0.5); } .full-image-section .top-left { top: 40px; left: 75px; } .full-image-section .top-right { top: 40px; right: 75px; } .full-image-section .bottom-right { bottom: 40px; right: 75px; } .full-image-section .bottom-left { bottom: 40px; left: 75px; } .full-image-section .meta h3 { font-size: 36px; line-height: 1.1; } .full-image-section .meta p { font-size: 16px; } .full-image-section .meta .btn { min-width: 220px; margin-top: 3px; } .panels-section { padding-top: 47px; } .panels-section .top h6 { display: inline-block; position: relative; margin-bottom: 15px; padding-bottom: 8px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; color: #78746e; text-transform: uppercase; } .panels-section .top h6:after { width: 60%; height: 1px; position: absolute; bottom: 0; left: 20%; content: ''; background: #78746e; } .panels-section .top p { margin-bottom: 11px; font-size: 24px; text-transform: uppercase; } #panels { position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center; } #panels .panel-bg { width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background: #000; } #panels .panel-bg .image { width: 100%; height: 100%; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center; } #panels .bg-open { width: 100%; display: block; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } #panels .panels-height { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } #panels .button { color: #fff; } #panels .button div { display: inline-block; vertical-align: middle; } #panels .button div:nth-child(1) { position: relative; padding: 7px 8px; text-align: center; border-radius: 50%; border: 2px solid #78746e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panels .button img { width: 20px; position: relative; } #panels .button div:nth-child(1) span { width: 0; height: 0; position: absolute; top: 50%; left: 50%; border-radius: 50%; background: #78746e; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } #panels .button div:nth-child(2) { margin-left: 10px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; letter-spacing: 0.05em; opacity: 0; text-transform: uppercase; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } #panels .btn-close { position: absolute; top: 35px; left: 50%; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; z-index: 2; } #panels .btn-close div:nth-child(1) { padding: 16px 10px 20px; } #panels .button img { width: 26px; } #panels .panels-container { width: 100%; height: 100%; } #panels .panel { height: 100%; position: absolute; top: 0; left: 0; vertical-align: middle; cursor: pointer; opacity: 0; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panels .panel:not(:last-of-type) { border-right: 1px solid #fff; } #panels .closed { position: absolute; top: 25px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; color: #fff; letter-spacing: 0.1em; line-height: 0; text-transform: uppercase; visibility: hidden; opacity: 0; white-space: nowrap; transform-origin: 0px 0px 0px; transform: matrix(0, 1, -1, 0, 27, 0); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } #panels .panel .open { position: absolute; top: 10%; padding: 0 42px; opacity: 0; visibility: visible; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #panels .panel .open .top { position: relative; top: 0; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; } #panels .panel .open h6 { position: relative; margin-bottom: 19px; padding-bottom: 9px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; color: #fff; text-transform: uppercase; } #panels .panel .open h2 { min-height: 155px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 25px; color: #fff; text-transform: none; } #panels .panel .open-active { width: 36%; position: absolute; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); /*transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;*/ } #panels .panel .open-active:not(.align-right) { left: 8%; } #panels .panel .open-active.align-right { right: 8%; } #panels .panel .open-active h6 { position: relative; margin-bottom: 39px; padding-bottom: 9px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } #panels .panel .open-active h2 { margin-bottom: 20px; font-size: 38px; text-transform: none; } #panels .panel .open-active p { margin-bottom: 23px; font-size: 16px; } #panels .panel .open-active p:last-of-type { margin-bottom: 0; } #panels .panel .open-active p a { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #fff; text-transform: uppercase; } #panels .panel .open-active p a:after { width: 11px; height: 11px; display: inline-block; position: relative; top: 2px; margin-left: 4px; content: ''; background: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right.png?v=178261055722025717261623354104) no-repeat center/100% auto; } #panels .panel .open-active .icon { margin-bottom: 9px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 12px; text-transform: uppercase; } #panels .panel .open-active .icon img { width: 27px; display: inline-block; vertical-align: middle; } #panels .panel .open-active .icon span { display: inline-block; margin-left: 6px; vertical-align: middle; } #panels .panel .open-active:not(.text-dark) h6, #panels .panel .open-active:not(.text-dark) h2, #panels .panel .open-active:not(.text-dark) p, #panels .panel .open-active:not(.text-dark) .icon { color: #fff; } #panels .panel .open-active:not(.text-dark) h6:after { background: #fff; } #panels.open .btn-close { visibility: visible; opacity: 1; } #panels.open .panel-bg { opacity: 1; } #panels.open .panel.active { width: 90%; cursor: default; } #panels.open .panel.inactive .closed { top: 35px; visibility: visible; opacity: 1; } #panels.open .panel .open { opacity: 0; visibility: hidden; } #panels.active .panel { animation-name: fade-in; animation-duration: 0.5s; animation-delay: 0.75s; animation-fill-mode: forwards; animation-iteration-count: 1; } #panels.active.closed .panel .open { animation-name: fade-in; animation-duration: 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; animation-iteration-count: 1; } #panels.open .panel.active .open-active { visibility: visible; animation-name: panel-fade-in; animation-duration: 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; animation-iteration-count: 1; } /* List Collections -------------------------------------------------------------- */ /* Collections -------------------------------------------------------------- */ .banner.shop { min-height: 240px; } .usf-collection-description { display: none;} .product-list .products { position: relative; font-size: 0; overflow: hidden; border: 1px solid #ececec; border-top: none; } .product-list .products:before { width: 1px; height: 100%; position: absolute; top: 0; left: 33.3333%; content: ''; background: #ececec; } .product-list .products:after { width: 1px; height: 100%; position: absolute; top: 0; right: 33.3333%; content: ''; background: #ececec; } .product-list .product { width: 33.3333%; display: inline-block; position: relative; padding: 25px 10px 38px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .product-list .product:nth-child(3n+1):before { width: 300%; height: 1px; position: absolute; top: 0; left: 0; content: ''; background: #ececec; } .product-list .images { width: 100%; position: relative; overflow: hidden; float: left; } .product-list .images img:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .product-list .product:not(.rollover) .images img { transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } .product-list .product .product-meta { margin: 5px 0 0; clear: both; } .product-list .product .swatches:after { width: 50px; height: 2px; display: inline-block; margin-bottom: 16px; content: ''; background: #363533; } .product-list .product .swatches p { margin-bottom: 10px; font-size: 10px; text-transform: uppercase;display: none; } .product-list .product .swatches a { display: inline-block; vertical-align: middle; } .product-list .product .swatches a:last-of-type { padding-top: 3px; } .product-list .product .swatches a:last-of-type img { width: 11px; position: relative; top: 2px; margin-left: 5px; } .product-list .product .swatches .material { width: 24px; height: 24px; margin-right: 8px; border-radius: 50%; border: 1px solid #ebebeb; background-size: 100% auto; } .product-list .product .product-title { margin-bottom: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .product-list .product .price { margin-bottom: 0; } .product-list .product .price span { font-size: 14px; } .product-list .product .usf-colors-available {font-size: 14px; } .product-list .product .price del { margin-right: 10px; } .product-list .product.description { padding: 80px 70px; border: 1px solid #363533; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .product-list .product.description + .product { vertical-align: middle; } .product-list .product.description h6 { display: inline-block; position: relative; margin-bottom: 35px; padding-bottom: 8px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } .product-list .product.description h6:after { width: 33px; position: absolute; bottom: 0; left: 0; content: ''; border-bottom: 1px solid #363533; } .product-list .product.description h2 { margin-bottom: 10px; font-size: 36px; } .product-list .product.description p { font-size: 16px; } .product-list .product.description p:last-of-type { margin-bottom: 0; } .jscroll-added .product:nth-child(1):before { display: none; } .product-list .product.ad { padding-bottom: 32%; color: #fff; } .product-list .product.ad .product-meta { padding-top: 0; } .product-list .product.ad h6 { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 13px; text-transform: uppercase; } .product-list .product.ad h6 + h3 { padding-top: 15px; } .collection .product-list section.product.ad p a, .search .product-list section.product.ad p a { color: #363533; transition: unset; padding: 7px 30px !important; display: inline-block; border-radius: 50px; } .collection .product-list section.product.ad p a:hover, .search .product-list section.product.ad p a:hover { background: #e1e1e1; color: #363533; } .collection .product-list section.product.ad p a>*, .search .product-list section.product.ad p a>* {vertical-align: middle; display: inline-block;} /* Collections - List View -------------------------------------------------------------- */ .collection-list table td, .collection-list table th { padding: 10px 0; text-align: left; border: none; border-bottom: 1px solid #ececec; } .collection-list table input { width: 60px; margin-bottom: 0; text-align: center; } /* Search -------------------------------------------------------------- */ .search .product-list .page { width: 100%; padding-bottom: 100%; text-align: center; } .search .product-list .search-logo { width: 180px; } .search .post-content { margin-bottom: 0; } /* Product -------------------------------------------------------------- */ body[class^="product"] #content { padding-bottom: 481px; } body[class^="product"] .sec-nav.animate { padding: 21px 0 17px; } body[class^="product"] .sec-nav.animate li { font-size: 12px; text-transform: uppercase; vertical-align: middle; } body[class^="product"] .sec-nav.animate li a { padding-top: 0; } body[class^="product"] .sec-nav.animate li .btn { min-width: 66px; height: 30px; display: block; position: relative; top: -2px; font-size: 12px !important; color: #363533; line-height: 32px; margin-top: 0; background: #ececec; } body[class^="product"] .sec-nav.animate li .btn:hover { } .product-single .main { margin-bottom: 2vh; font-size: 0; } .product-single #breadcrumb { display: none; margin: 20px 0 42px; } .product-single .product-images { width: 50%; display: inline-block; text-align: center; vertical-align: top; } .product-single .product-images .featured-container { position: relative; } .product-single .product-images .featured:hover { cursor: zoom-in; } .product-single .product-images .thumbs { width: 100%; display: flex; margin: 12px 0 32px; justify-content: space-between; } /*.product-single .product-images .swatch-active { width: 25%; position: relative; border-right: 8px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .product-single .product-images .swatch-active { cursor: pointer; background-position: center; background-size: cover; }*/ .product-single .product-images .addthis_toolbox [class^="icon-"]:before, .product-single .product-images .addthis_toolbox [class*=" icon-"]:before { font-size: 16px; border: none; } .product-single .product-images .gallery { width: 50%; position: relative; text-align: left; } .product-single .product-images .gallery:before { width: 1px; height: 100%; position: absolute; top: 0; left: 0; content: ''; background: #363533; z-index: 2; } /*.product-single .product-images .slick-initialized:after { width: 13px; height: 100%; position: absolute; top: 0; left: -1px; content: ''; background: #fff; }*/ .product-single .product-images .slick-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); width: 20px; height: 20px; right: -26px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right-new.png?v=96633006731991157761623354103); background-size: 100% auto; } .product-single .product-images .slick-prev { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); width: 20px; height: 20px; left: -26px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/arrow-left-new.png?v=161678250412429358851623354100); background-size: 100% auto; } .product-single .product-images .slide { padding-left: 8px; } .product-single .product-images .arrow { position: absolute; top: 50%; padding: 20px; cursor: pointer; transform: translateY(-50%); } .product-single .product-images .arrow:after { width: 24px; height: 24px; margin: 0; background-image: url(//civilspace.com/cdn/shop/t/32/assets/arrow-right-new.png?v=96633006731991157761623354103); background-size: 100% auto; } .product-single .product-images .arrow-prev { left: 0; -webkit-transform: rotate(180deg) translateY(50%); -moz-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .product-single .product-images .arrow-next { right: 0; } .product-single .product-images .three-sixty { width: 47px; } .product-single .badges { display: flex; margin-bottom: 40px; justify-content: center; align-items: center; } .product-single .badges li { margin: 0 12px; } .product-single .badges li img { height: 24px; display: inline-block; margin-right: 5px; vertical-align: bottom; } .product-single .product-images .share { display: flex; justify-content: center; align-items: center; } .product-single .product-images .share .addthis-header { margin: 0 5px; font-size: 15px; } .product-single .product-images .share p { margin-bottom: 0; } .product-single .product-meta { width: 41%; display: inline-block; margin-left: 9%; vertical-align: top; } .product-single .product-meta h1 { margin: -5px 0 2px; font-size: 24px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: none; } .product-single .product-meta .small { margin-bottom: 8px; font-size: 15px; } .product-single .product-meta .sku:before { margin: 0 10px 0 7px; content: '|'; } .product-single .product-meta .from-price { font-size: 12px; } .product-single .product-meta form { padding-top: 7px; } .product-single .product-meta form + .pre-order-message { padding-top: 20px; } .product-single .product-meta .product-options { padding-bottom: 10px; } .product-single .product-meta #product-select { position: absolute; opacity: 0; } .product-single #quantity { width: 30px; height: 30px; padding: 0 5px; font-size: 12px; text-align: center; border: 1px solid #ececec; background: none; } .product-single .product-meta .swatches { margin-bottom: 5px; padding-top: 5px; font-size: 12px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; color: #78746e; border-top: 1px solid #707070; } .product-single .product-meta .swatches:not(.fabrics) { margin-bottom: 16px; padding-bottom: 5px; border-bottom: 1px solid #707070; } .product-single .product-meta p.swatches a { /*color: #78746e;*/ display: flex; align-items: center; } .product-single .product-meta .swatches img { width: 16px; } .product-single .product-meta .price { width: 50%; display: inline-block; font-size: 18px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; } .product-single .product-meta .price del { margin-right: 12px; } .product-single .product-meta .delivery { width: 50%; display: inline-block; padding-top: 2px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; text-align: right; vertical-align: middle; } .product-single .product-meta .delivery span { text-transform: capitalize; } .product-single .purchase { padding-top: 12px; } .product-single #addtocart { width: 100%; height: 50px; margin: 0; font-size: 18px !important; border-radius: 3px !important; vertical-align: middle; background: #FBB040; } .product-single .purchase img { width: 18px; display: inline-block; vertical-align: middle; } .product-single .product-meta .badges { display: none; } .product-single #panels { background-color: #000; } .product-single .description .gallery { display: none; } .product-single .slider { padding-top: 90px; } .product-single .slider .slick { padding: 7px 0 15px; } .product-single .slider .slick-track { background: #D4D2CA; } .product-single .slider .slick .slide { outline: none; } .product-single .slider .slick .slide h3 { margin-bottom: 15px; font-size: 30px; } .product-single .slick #description { text-align: right; } .product-single .slick #description > img:first-child { width: 38%; display: inline-block; } .product-single .slick #description div:not(.vert-center) { width: 62%; height: 100%; position: absolute; top: 0; text-align: center; } .product-single .slick #description .vert-center { max-width: 532px; width: 100%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .product-single .slick #description h3, .product-single .slick #description h6, .product-single .slick #description p { color: #78746e; } .product-single .slick #description h6 { margin-bottom: 4px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .product-single .slick #description h6 + p { margin-bottom: 10px; font-size: 16px; } .product-single .slick #description p + p { padding-top: 6px; } .product-single .slick #description a { color: #b09c6c; } .product-single .slick #description .icon { width: 27px; } .product-single .slick #dimensions { padding: 35px 0; } .product-single .slick #dimensions img { width: 100%; } .product-single .slick #details { padding: 65px 0 37px; font-size: 0; } .product-single .slick #details .container { max-width: 1240px; } .product-single .slick #details .container div { display: inline-block; position: relative; /*padding-left: 57px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .product-single .slick #details .container div div { width: 46%; padding-left: 0; } .product-single .slick #details .container div div:first-of-type { margin-right: 8%; } .product-single .slick #details h4 { margin-bottom: 2px; } .product-single .slick #details h4 span { width: 57px; display: none; position: absolute; left: 0; margin-top: -10px; text-align: center; } .product-single .slick #details h4 img { transform: scale(0.5); -moz-transform: scale(0.5); } .product-single .slick #details h6 { padding: 8px 0 4px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .product-single .slick #details p + h4 { padding-top: 26px; } .product-single .slick #details p a { border-bottom: 1px solid; } .product-single .slick #details .container > div:first-child { width: 35%; padding-right: 40px; } .product-single .slick #details .container > div:last-child { width: 65%; } .product-single .slick #details .container > div:last-child h4 { margin-bottom: 17px; } .product-single .slick #delivery { padding: 110px 0; font-size: 0; } .product-single .slick #delivery .container { max-width: 1140px; } .product-single .slick #delivery .container div { width: 46%; display: inline-block; position: relative; padding-left: 57px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .product-single .slick #delivery h4 { margin-bottom: 2px; } .product-single .slick #delivery h4 span { width: 57px; display: none; position: absolute; left: 0; margin-top: -10px; text-align: center; } .product-single .slick #delivery h4 img { transform: scale(0.5); -moz-transform: scale(0.5); } .product-single .slick #delivery p a { border-bottom: 1px solid; } .product-single .slick #delivery .container > div:first-child { margin-right: 8%; } .product-single .slick #download { padding: 226px 0 208px; font-size: 0; color: #fff; } .product-single .slick #download .container { max-width: 1220px; text-align: center; } .product-single .slick #download .container div { width: 33.3333%; display: inline-block; position: relative; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .product-single .slick #download h4 { margin-bottom: 2px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; text-transform: uppercase; } .product-single .slick #download p a { color: #fff; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 11px; border-bottom: 1px solid #fff; } .product-single .text_video, .product-single .text_image { padding-top: 85px; font-size: 0; } .product-single .text_video div, .product-single .text_image div { width: 53%; display: inline-block; vertical-align: middle; } .product-single .text_video div div, .product-single .text_image div div { max-width: 480px; width: 100%; display: block; margin: 0 auto; } .product-single .text_video h3, .product-single .text_image h3 { font-size: 36px; } .product-single .text_video p, .product-single .text_image p { font-size: 16px; } .product-single .text_video video, .product-single .text_image img { width: 47%; display: inline-block; vertical-align: middle; } .product-single .images_text_overlay { padding-top: 107px; text-align: center; } .product-single .images_text_overlay .container { max-width: 1240px; } .product-single .images_text_overlay .images { font-size: 0; } .product-single .images_text_overlay .images img { width: 48%; } .product-single .images_text_overlay .images img:first-of-type { margin-right: 4%; } .product-single .images_text_overlay .vert-center { width: 40%; left: 30%; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; } .product-single .images_text_overlay .vert-center div { padding: 37px 35px 21px; border: 1px solid #78746e; } .product-single .images_text_overlay h3 { margin-bottom: 10px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .product-single .images_text_overlay p { font-size: 16px; } .product-single .images_text_overlay hr { width: 68%; margin: 35px auto; border: none; border-bottom: 1px solid #78746e; } .product-single .full_text_video { padding-top: 96px; font-size: 0; text-align: center; } .product-single .full_text_video .icon { width: 35px; margin-bottom: 13px; } .product-single .full_text_video h2 { font-size: 36px; } .product-single .full_text_video p { font-size: 16px; } .product-single .full_text_video .description { width: 60%; display: inline-block; padding-right: 12%; font-size: 0; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-single .full_text_video .columns { padding-top: 30px; } .product-single .full_text_video .columns div { width: 33.3333%; display: inline-block; padding: 0 20px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-single .full_text_video .columns div p:last-of-type { margin-bottom: 0; } .product-single .full_text_video .description + img { width: 28%; display: inline-block; vertical-align: middle; } .product-single .image_text_overlay { padding-top: 110px; } .product-single .image_text_overlay div:not(.vert-center) { position: relative; } .product-single .image_text_overlay img { width: 100%; } .product-single .image_text_overlay .vert-center { max-width: 550px; width: 100%; left: 50%; padding: 62px 50px 32px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; background: rgba(255,255,255,0.75); } .product-single .image_text_overlay h3 { margin-bottom: 15px; font-size: 30px; } .product-single .image_text_overlay p { font-size: 16px; } .product-single .video_image { position: relative; padding-top: 114px; overflow: hidden; } .product-single .video_image .border-top { width: 58%; position: absolute; top: 8.5%; right: 0; border-top: 1px solid #78746e; z-index: 2; } .product-single .video_image .border-left { height: 85%; position: absolute; top: 8.5%; right: 58%; content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #78746e; z-index: 2; } .product-single .video_image .border-bottom { width: 58%; position: absolute; top: 93.5%; right: 0; margin-top: -1px; border-top: 1px solid #78746e; z-index: 2; } .product-single .video_image h2 { width: 40%; margin-bottom: 23px; font-size: 36px; letter-spacing: 14px; text-align: right; } .product-single .video_image div { position: relative; font-size: 0; overflow: hidden; } .product-single .video_image .video { width: 46%; display: inline-block; position: relative; overflow: hidden; vertical-align: top; z-index: 1; } .product-single .video_image .video:not(.single-image):before { width: 112px; height: 112px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: ''; background: url(//civilspace.com/cdn/shop/t/32/assets/btn-play.png?v=30066204105646794831623354123) no-repeat center/100% auto; } .product-single .video_image .video img { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .product-single .video_image .video:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .product-single .video_image .images { width: 54%; height: 100%; position: absolute; top: 0; right: 0; } .product-single .video_image .images .row { width: 100%; } .product-single .video_image .images .row:nth-child(1) { height: 54%; } .product-single .video_image .images .row:nth-child(2) { height: 47%; } .product-single .video_image .images .row .image { height: 100%; display: inline-block; } .product-single .video_image .images .row .image div { height: 100%; display: block; overflow: hidden; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: cover; } .product-single .video_image .images .row .image:hover div { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .product-single .video_image .images .row .image a { height: 100%; display: block; } .product-single .video_image .images .row:nth-child(1) .image:nth-child(1), .product-single .video_image .images .row:nth-child(2) .image:nth-child(2) { width: 38%; } .product-single .video_image .images .row:nth-child(2) .image:nth-child(1), .product-single .video_image .images .row:nth-child(1) .image:nth-child(2) { width: 62%; } .product-single .image_grid { position: relative; padding-top: 70px; text-align: center; } .product-single .image_grid .icon { width: 35px; margin-bottom: 11px; } .product-single .image_grid h2 { font-size: 36px; } .product-single .image_grid p { font-size: 16px; } .product-single .image_grid div { padding-top: 13px; font-size: 0; } .product-single .image_grid div img { width: 25%; display: inline-block; vertical-align: top; } .product-single .image_grid div h4 { width: 25%; height: 25vw; display: inline-block; font-size: 30px; color: #78746e; line-height: 25vw; text-transform: uppercase; vertical-align: top; background: #363533; } /* Swatches -------------------------------------------------------------- */ .collection-swatches .sec-nav, .product-swatches .sec-nav { display: none; } .collection-swatches .banner.shop .vert-center { padding: 0; color: #fff; background: none; top: 0 !important; left: 0 !important; width: 100% !important; height: 100%; display: flex; align-items: center; } .collection-swatches .banner.shop .vert-center h1 { font-size: 55px; text-transform: none; } .collection-swatches .banner.shop .vert-center h4 { margin-bottom: 18px; } .collection-swatches .product-list { padding-top: 60px; } .blogtag-list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 0; } .blogtag-list li { padding: 0 15px 15px; } .blogtag-list li a { min-width: 164px; box-sizing: border-box; text-align: center;display: block; color: #363533; padding: 16px 10px; border-radius: 30px; background-color: #e0e0e0; font-size: 17px; line-height: 20px; font-weight: 600; } .blogtag-list .active a,.blogtag-list li a:hover { background-color: #363533; color: #fafafa; } .collection-swatches .filters { padding-bottom: 60px; } .collection-swatches .filters .btn { min-width: 150px; margin: 0 7px; padding: 0 30px; color: #363533; border-radius: 4px; background: #e0e0e0; } .collection-swatches .filters .btn.active { color: #fafafa; background: #363533; } .collection-swatches .page-content { padding: 10px 5px 22px; } .collection-swatches .page-content p { font-size: 16px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .collection-swatches .swatches h4 { margin: 0 5px 20px; } .collection-swatches .product-list .cols { padding-top: 15px; border-top: 1px solid #ececec; } .collection-swatches .product-list .col { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .collection-swatches .product-list .col:nth-child(1) { width: 75%; padding: 0 10px; border-right: 1px solid #ececec; } .collection-swatches .product-list .col:nth-child(2) { width: 24%; position: -webkit-sticky; position: sticky; top: 87px; padding: 0 0 0 20px; z-index: 9; } .collection-swatches .product-list .products:before, .collection-swatches .product-list .products:after, .collection-swatches .product-list .product:before { display: none; } .collection-swatches .products { display: flex; margin-bottom: 4px; font-size: initial; border: none; flex-wrap: wrap; } .collection-swatches .product-list .product { width: 23.5%; margin: 0 5px 50px; padding: 0; text-align: center; border: none; } .collection-swatches .product-list .product h6 { padding-top: 5px; } .collection-swatches .product-list .product h6 span { width: 18px; height: 18px; display: inline-block; position: relative; top: -1px; margin-left: 5px; color: #fff; cursor: pointer; line-height: 18px; text-align: center; text-transform: lowercase; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; border-radius: 50%; background: #D4D2CA; } .collection-swatches .product-list .product h6 span.active, .collection-swatches .product-list .product h6 span:hover { background: #78746E; } .collection-swatches .product-list .product .btn { min-width: auto; height: 40px; line-height: 40px; text-transform: none; border-width: 1px; } .collection-swatches .product-list .product .btn.active { color: #363533; border-color: #363533; background: #f4f4f4; } .collection-swatches .product-list .product:not(.preview) .image { cursor: pointer; } .collection-swatches .product-list .preview { width: 100%; display: flex; margin-right: 0; padding: 30px 20px; justify-content: space-between; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } .collection-swatches .product-list .preview .close { width: 30px; height: 30px; position: absolute; top: 15px; right: 0; } .collection-swatches .product-list .preview .hide { display: block; text-align: left; } .collection-swatches .product-list .preview .image { width: 40%; position: relative; } .collection-swatches .product-list .preview .image img { display: block; } .collection-swatches .product-list .preview .image .small { width: 80%; margin: 0 auto; padding-top: 10px; } .collection-swatches .product-list .preview .image .zoom-icon { width: 20px; position: absolute; top: 50px; right: 50px; } .collection-swatches .product-list .preview .text { width: 54%; text-align: left; } .collection-swatches .product-list .preview .text h6 { margin-bottom: 10px; padding-top: 0; font-size: 20px; } .collection-swatches .product-list .preview .text h6 span { display: none; } .collection-swatches .product-list .preview .text .hide p { font-size: 13px; } .collection-swatches .product-list .preview .text .hide p:first-of-type { font-size: 15px; } .collection-swatches .order .item { display: flex; margin-bottom: 15px; justify-content: space-between; } .collection-swatches .order .item .image { width: 26%; } .collection-swatches .order .item .text { width: 56%; } .collection-swatches .order .item .text h6 span { display: none; } .collection-swatches .order .item .text p { margin-bottom: 0; font-size: 12px; } .collection-swatches .order .item .buttons { width: 10%; margin-top: 0; } .collection-swatches .order .item .buttons .close { width: 16px; height: 16px; } .collection-swatches .order .btn { color: #fff; width: 100%; height: 55px; margin: 0; font-size: 15px !important; border-radius: 8px !important; vertical-align: middle; background: #363533; text-transform: uppercase; justify-content: center;} .collection-swatches .order .btn:hover { opacity:0.85; } .collection-swatches .order .btn-reverse { color: #fff; border-radius: 8px !important; border-color: #363533; background: #363533; text-transform: uppercase; justify-content: center; } .collection-swatches .order .btn-reverse:hover { opacity:0.85; } .collection-swatches .order .btn + p { font-size: 13px; } .collection-swatches .order .error { margin-bottom: 0; font-size: 13px; color: #C44618; } .collection-swatches .magnify-mobile { display: none !important; } /* Cart -------------------------------------------------------------- */ .cart #breadcrumb { margin-top: 8px; } .cart .page-title { margin-bottom: 32px; } .cart .cart-items { margin-bottom: 60px; } .cart .cart-items .header { margin: 0; padding-left: 60%; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ececec; } .cart .cart-items .header li { width: 30%; display: inline-block; margin-bottom: 2px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-align: center; text-transform: uppercase; vertical-align: middle; } .cart .cart-items .header li.remove { width: 10%; } .cart .cart-item { padding: 45px 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 0; border-bottom: 1px solid #ececec; } .cart .cart-item-details { width: 60%; display: inline-block; vertical-align: middle; } .cart .cart-item-image { width: 38%; display: inline-block; margin-right: 6%; vertical-align: middle; } .cart .cart-item-meta { width: 56%; display: inline-block; vertical-align: middle; } .cart .cart-item-name { margin-bottom: 4px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } .cart .cart-item-variant { margin-bottom: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; } .cart .cart-item-variant strong { margin-right: 4px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } .cart .cart-item .cart-prices { width: 40%; display: inline-block; vertical-align: middle; } .cart .cart-item-price { width: 30%; display: inline-block; font-size: 14px; vertical-align: middle; } .cart .cart-item-qty { width: 30%; display: inline-block; font-size: 14px; vertical-align: middle; } .cart .cart-item-qty span:not(.mobile) { width: 19px; height: 19px; display: inline-block; font-size: 19px; line-height: 21px; text-align: center; vertical-align: bottom; cursor: pointer; background: #f7f8f8; } .cart .cart-item-qty input { width: 32px; height: 19px; margin: 0 auto; padding: 0 5px; text-align: center; border: none; border-bottom: 1px solid #363533; } .cart .cart-item-lineprice { width: 30%; display: inline-block; font-size: 14px; vertical-align: middle; } .cart .cart-item-remove { width: 10%; display: inline-block; vertical-align: middle; } .cart .cart-item-remove.mobile { display: none; } .cart .cart-item-remove .close { width: 12px; height: 12px; } .cart #add-on { margin-bottom: 55px; padding: 0 7% 45px 0; font-size: 0; border-bottom: 1px solid #ececec; } .cart #add-on div { display: inline-block; vertical-align: top; } .cart #add-on label { display: block; margin-bottom: 5px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; cursor: pointer; text-transform: uppercase; } .cart #add-on input[type="checkbox"] { width: 16px !important; height: 16px; margin-right: 11px; border-color: #363533; vertical-align: top; } .cart #add-on div:first-of-type { width: 55%; margin: 0 5% 0 20%; } .cart #add-on div:first-of-type p { margin: 0; padding-left: 28px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; } .cart #add-on div:last-of-type { width: 20%; text-align: right; } .cart #add-on div:last-of-type p { margin: -4px 0 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; } .cart .order-details { width: 40%; margin: 0 7% 53px 53%; } .cart .order-details div { width: 100%; margin-bottom: 20px; font-size: 0; text-transform: uppercase; } .cart .order-details div:last-of-type { margin-bottom: 12px; } .cart .order-details div span { width: 50%; display: inline-block; font-size: 16px; vertical-align: middle; } .cart .order-details div span:first-child { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .cart .order-details div span:last-child { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; text-align: right; } .cart .order-details p { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; } .cart .buttons { text-align: right; } .cart .buttons .btn { height: 48px; margin-top: 0; font-size: 18px !important; vertical-align: middle; } .cart .buttons a.btn { margin: 0 48px; line-height: 48px !important; } .popout-panel { border-left: 1px solid #e0e0e0; max-width: 700px; width: 100%; height: 100%; position: fixed; top: 0; left: -100%; padding: 70px 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; background: #fff; z-index: 10; } .popout-panel.active { left: 0; } #cart-popout { left: auto; right: -100%; } #cart-popout.active { left: auto; right: 0; } #cart-popout .close { width: 18px; height: 18px; position: absolute; top: 17px; left: 20px; } #cart-popout h3 { margin-bottom: 13px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } #cart-popout #add-on { padding: 25px 20px; font-size: 0; background: #f7f8f8; } #cart-popout #add-on div { display: inline-block; position: relative; vertical-align: top; } #cart-popout #add-on label { cursor: pointer; } #cart-popout #add-on input[type="checkbox"] { position: absolute; visibility: hidden; } #cart-popout #add-on img { width: 22px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #cart-popout #add-on h6 { margin-bottom: 5px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; text-transform: uppercase; } #cart-popout #add-on div:first-of-type { width: 75%; margin: 0 5% 0 0; padding-left: 54px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cart-popout #add-on div:first-of-type p { margin: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; } #cart-popout #add-on div:last-of-type { width: 20%; text-align: right; } #cart-popout #add-on div:last-of-type p { margin: -4px 0 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; } #cart-popout .cart-list { padding: 0 20px; } #cart-popout td { border: none; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cart-popout tbody td { padding: 35px 0 0; } #cart-popout tbody h6 { margin-bottom: 4px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } #cart-popout tbody ul { margin-bottom: 0; } #cart-popout tbody li { margin-bottom: 1px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; } #cart-popout tbody div a { width: 19px; height: 19px; display: inline-block; font-size: 19px; line-height: 19px; text-align: center; vertical-align: bottom; cursor: pointer; background: #f7f8f8; } #cart-popout tbody div a:first-of-type { line-height: 17px; } #cart-popout tbody div span { width: 32px; height: 19px; display: inline-block; margin: 0 auto; padding: 0 5px; font-size: 14px; text-align: center; border-bottom: 1px solid #363533; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cart-popout tbody td:nth-child(1) { width: 30%; } #cart-popout tbody td:nth-child(2) { width: 50%; padding: 35px 20px 0; text-align: left; } #cart-popout tbody td:nth-child(2) div { margin-top: 7px; } #cart-popout tbody td:nth-child(3) { width: 20%; text-align: right; } #cart-popout tbody td:nth-child(3) a { font-size: 24px; } #cart-popout tbody tr:nth-child(2) td { padding-top: 11px; padding-bottom: 35px; border-bottom: 1px solid #ececec; } #cart-popout tfoot td { padding: 0 0 19px; } #cart-popout tfoot td:nth-child(1) { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 18px; text-align: left; } #cart-popout tfoot td:nth-child(2) { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 18px; text-align: right; text-transform: uppercase; } #cart-popout tfoot tr:nth-child(1) td { padding-top: 38px; } #cart-popout tfoot tr.shipping-message td { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; text-align: right; } #cart-popout tfoot tr.cart-button td { text-align: center; } #cart-popout tfoot .btn { color: #fff; width: 100%; height: 55px; margin: 0; font-size: 15px !important; border-radius: 8px !important; background: #363533; text-transform: uppercase; padding: 5px } #cart-popout tfoot .btn:hover { color: #fff; } /* Blog -------------------------------------------------------------- */ .sidebar { width: 15%; } .sidebar + .posts { width: 83%; float: left; } /* Pages -------------------------------------------------------------- */ .page-title { position: relative; margin: 70px 0; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 30px; text-transform: uppercase; } .page-content ul { margin-left: 22px; list-style: disc outside; } .page-content a { color: #78746e; } .page-slim .page-content h4 { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .banner { position: relative; } .banner img:not(.icon) { width: 100%; display: block; } .banner .vert-center { width: auto; left: 50%; padding: 37px 47px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(255,255,255,0.85); } .banner h1 { max-width: 480px; margin: 0 auto; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 55px; color: #fff; text-transform: none; } .banner h2 { text-transform: uppercase; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 30px; } .banner.shop #breadcrumb { position: absolute; margin-top: 15px; margin-left: 15px; color: #fff; } .banner.shop #breadcrumb a, .banner.shop #breadcrumb span { color: #363533; } .banner.shop .vert-center { min-width: auto; padding: 0; color: #fff; background: none; left:20px !important; bottom:20px; width:auto; transform:none !important; top:auto !important; } .banner.shop .vert-center p { display: none; margin-bottom: 0; font-size: 16px; text-transform: uppercase; } .page-banner { margin-top: -72px; } .page-banner .image { padding-bottom: 40%; background-size: cover; background-position: center; } .page-banner .page-title { max-width: 480px; margin: 0 auto; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 55px; color: #fff; text-transform: none; } .page-banner .arrow-down { display: none; } .shopify-section.image-text .container { display: flex; justify-content: space-between; align-items: center; } .shopify-section.image-text .container div { width: 46%; } .shopify-section.image-text h6 { margin-bottom: 22px; } .shopify-section.image-text .h6 { margin-bottom: 8px; padding-top: 28px; } .shopify-section.image-text p { margin-bottom: 26px; } .shopify-section.image-text .content img { margin-bottom: 30px; } .shopify-section.image-text .content h3 { margin-bottom: 18px; } .shopify-section.image-text .image img { width: 100%; } .shopify-section.image-text .image p { margin-bottom: 35px; padding-top: 4px; font-size: 10px; text-transform: uppercase; } .shopify-section.image-text .image p:last-of-type { margin-bottom: 15px; } #built-to-last .shopify-section { padding: 60px 0; } #built-to-last .shopify-section + .shopify-section { padding-top: 16px; } #built-to-last .shopify-section.image-text .container { align-items: flex-start; flex-wrap: wrap; } #built-to-last .shopify-section.image-text .container h2 { width: 100%; margin-bottom: 90px; } #built-to-last .quotations { max-width: 260px; margin: 0 auto; } #built-to-last .banner { padding: 0 0 30px; } #built-to-last .banner video { display: block; } #built-to-last .banner video + img { display: none; } #built-to-last .swatches .container { max-width: 940px; font-size: 0; } #built-to-last .swatches .row:not(:first-of-type) { padding-top: 85px; } #built-to-last .swatches .row h3 { margin-bottom: 14px; text-transform: uppercase; } #built-to-last .swatches .materials.mobile { display: none; } #built-to-last .swatches .materials .material { width: 32%; display: inline-block; margin: 0 2% 58px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } #built-to-last .swatches .materials .material:nth-child(3n) { margin-right: 0; } #built-to-last .swatches .materials .material img { max-width: 154px; width: 100%; display: block; margin: 0 auto 32px; border-radius: 50%; } #built-to-last .swatches .materials .material .meta { max-width: 252px; margin: 0 auto; } #built-to-last .swatches .materials .material h5 { margin-bottom: 4px; font-size: 16px; } #delivery-returns #returns { padding-top: 40px; } #help .page-content { max-width: 1000px; margin: 0 auto; padding: 58px 0 73px; } #help .page-content h2 + p { padding-top: 25px; font-size: 18px; } #help .page-content p + h2 { padding-top: 75px; } #help .page-content p a { border-bottom: 1px solid; } #help .page-content h3 { padding: 19px 0 12px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 22px; text-transform: capitalize; border-bottom: 1px solid; } #help .page-content h3:first-of-type { margin-top: 43px; } #help .page-content .questions { padding-bottom: 115px; text-align: left; } #help .page-content .questions .flex h4 { width: 38%; margin-top: 2px; font-size: 15px; text-transform: uppercase; } #help .page-content .questions .flex div { width: 55%; } #our-story .shopify-section { padding: 60px 0; } .shopify-section.text-page .container { display: flex; justify-content: space-between; align-items: center; } .shopify-section.text-page .content { width: 44%; } .shopify-section.text-page .table-container { width: 52%; position: relative; margin-bottom: 0; } .shopify-section.text-page table { width: 100%; display: inline-table; position: relative; margin-bottom: 0; font-size: 16px; vertical-align: middle; background: #f7f8f8; } .shopify-section.text-page table strong { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; } .shopify-section.text-page table td { border: none; } .shopify-section.text-page table td { padding: 7px 20px; white-space: normal; } .shopify-section.text-page table tbody:before, .shopify-section.text-page table tfoot:before { width: calc(100% - 50px); width: -o-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); position: absolute; left: 25px; content: ''; border-top: 1px solid #363636; } .shopify-section.text-page table tbody td, .shopify-section.text-page table tfoot td { font-size: 14px; } .shopify-section.text-page table td:nth-child(1) { width: 46%; padding-left: 40px; text-align: left; } .shopify-section.text-page table td:nth-child(2) { width: 27%; background: #f0f0f0; } .shopify-section.text-page table td:nth-child(3) { width: 27%; color: #fff; background: #111; } .shopify-section.text-page table tr:first-of-type td { padding-top: 24px; padding-bottom: 13px; } .shopify-section.text-page table thead tr:first-of-type td { padding-top: 24px; padding-bottom: 18px; } .shopify-section.text-page table tbody tr:last-of-type td { padding-bottom: 18px; } .shopify-section.text-page table tfoot tr:first-of-type td { padding-top: 30px; padding-bottom: 32px; } #our-locations .container.slim { max-width: 1220px; } #our-locations .page-content { padding: 80px 0 68px; font-size: 0; } #our-locations .showroom { width: 30%; display: inline-block; margin-right: 10%; vertical-align: middle; } #our-locations .showroom h3 { margin-bottom: 10px; } #our-locations .quote { width: 60%; display: inline-block; vertical-align: middle; } #our-locations .quote p { font-size: 24px; line-height: 1.35; } #our-locations .page-content h6 { display: inline-block; position: relative; margin-bottom: 28px; padding-bottom: 8px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; color: #78746e; text-transform: uppercase; } #our-locations .page-content h6:after { width: 26%; height: 1px; position: absolute; bottom: 0; left: 37%; content: ''; background: #78746e; } #social-mission { padding-top: 62px; } #social-mission .page-content { padding-top: 80px; } #social-mission .page-content h6 { display: inline-block; position: relative; margin-bottom: 25px; padding-bottom: 8px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; color: #78746e; text-transform: uppercase; } #social-mission .page-content h6:not(:first-of-type) { margin-top: 40px; } #social-mission .page-content h6:after { width: 66%; height: 1px; position: absolute; bottom: 0; left: 17%; content: ''; background: #78746e; } #social-mission .page-content p { max-width: 860px; margin-left: auto; margin-right: auto; } #shopify-section-trade { padding: 75px 0; } #shopify-section-trade .columns { flex-wrap: wrap; } #shopify-section-trade .col { width: 30%; text-align: center; outline: none; } #shopify-section-trade .col img { max-width: 103px; margin-bottom: 20px; } #shopify-section-trade .col h3 { margin-bottom: 20px; } #shopify-section-trade .col p { max-width: 260px; margin-left: auto; margin-right: auto; } #trade form .fields input { margin-left: 10px; margin-left: 10px; border: none; border-bottom: 1px solid; } #trade form .btn { margin-top: 30px; } .page-privacy-policy .page-content ul, .page-terms-of-use .page-content ul { margin-left: 42px; list-style-type: lower-alpha; } .logins { position: relative; } .logins p a { color: #78746e; } .logins.cover { height: calc(100vh - 100px); height: -o-calc(100vh - 100px); height: -webkit-calc(100vh - 100px); height: -moz-calc(100vh - 100px); margin-bottom: -108px; color: #363533; background-image: url(//cdn.shopify.com/s/files/1/1504/0904/files/trade-form-bg.png?v=1605714512); float: none; } .logins.cover { background-image: url(//cdn.shopify.com/s/files/1/1504/0904/files/trade-form-bg.png?v=1605714512); } .logins.cover .vert-center {background-color: #f7f1ea;border: 2px solid #363533;max-width: 680px;width: 90%;left: 50%;padding: 48px 60px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .logins.cover h1, .logins.cover h2 { margin-bottom: 25px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 35px; } .logins.cover input:not([type="submit"]) { height: 26px; padding: 0; color: #363533; border: none; border-bottom: 1px solid #363533; } .logins.cover input:not([type="submit"])::-webkit-input-placeholder { color: #363533!important; } .logins.cover input:not([type="submit"]):-moz-placeholder { color: #363533!important; } .logins.cover input:not([type="submit"])::-moz-placeholder { color: #363533!important; } .logins.cover input:not([type="submit"]):-ms-input-placeholder { color: #363533!important; } .logins.cover ::-webkit-input-placeholder { color: #363533; } .logins.cover :-moz-placeholder { color: #363533; } .logins.cover ::-moz-placeholder { color: #363533; } .logins.cover :-ms-input-placeholder { color: #363533; } .logins.cover .action_bottom a, .logins.cover .action_bottom .cancel { color: #363533; } .form-container { max-width: 600px; width: 100%; margin: 0 auto; } .form-container label { display: block; margin-bottom: 8px; font-size: 13px; text-align: left; text-transform: uppercase; } .form-container label a { color: #363533; text-transform: none; } .form-container label a:hover { color: #78746e; } .form-container .half { width: 47.5% !important; margin-right: 5% !important; } .form-container .half:nth-child(2n) { margin-right: 0 !important; } .form-container #recover-email { width: 47.5%; } .action_bottom { padding-top: 4px; clear: both; } .action_bottom .btn {display: block;margin-bottom: 35px;font-size: 15px !important;line-height: 1.6;padding: 14px 35px 12px;height: auto;border-radius: 45px !important;transition: unset;-moz-transition: unset;background: #363533;color: #fdfbf8;-webkit-transition: unset;} .action_bottom .btn:hover { background: rgba(54, 53, 51, 0.8); } .action_bottom a, .action_bottom .cancel { display: inline-block; margin: 0 28px; padding: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; background: none; } .errors, .success { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; text-align: center; text-transform: uppercase; } .errors ul { margin-top: 15px; } .errors li { display: inline-block; margin: 0 2px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #000; text-align: center; text-transform: uppercase; } .errors li a { color: #000; border-bottom: 1px solid #fff; } .reset-success { width: 100%; display: none; margin: 15px 0 0; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #363533; text-align: center; text-transform: uppercase; } /* 404 -------------------------------------------------------------- */ #error404 { height: calc(100vh - 100px); height: -o-calc(100vh - 100px); height: -webkit-calc(100vh - 100px); height: -moz-calc(100vh - 100px); margin-bottom: -108px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/404.jpg?v=60627730460546049201623354098); float: none; } #error404 { background-image: url(//civilspace.com/cdn/shop/files/404_error_2b9420ea-ecf7-44d3-adc5-3c64adb5c0a5_1600x900.jpg?v=1615023180); max-height:550px; } #error404 .vert-center { width: auto; left: 50%; padding: 39px 86px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 2px solid #fff; } #error404 h1 { margin-bottom: 5px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 36px; color: #fff; text-transform: uppercase; } #error404 .btn { margin: 17px 16px 0; } /* Password -------------------------------------------------------------- */ #password .cover { width: 50%; position: relative; background-image: url(//civilspace.com/cdn/shop/t/32/assets/password.jpg?v=63395882827801030241623354182); background-position: center; float: right; } #password .cover { background-image: url(//civilspace.com/cdn/shop/files/password_1600x900.jpg?v=1509469607); } #password .cover .top { display: none; color: #fff; text-align: center; } #password .cover h1 { position: absolute; bottom: 30px; right: 0; } #password .cover h1 img { max-width: 320px; } #password .content { width: 50%; height: 100%; position: relative; padding: 50px 50px 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } #password .top h2 { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 70px; letter-spacing: 2px; line-height: 1.04; text-transform: uppercase; } #password .top h2 + hr { width: 128px; margin: 37px 0 39px; border-top: 5px solid #363533; } #password .top h4 { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 10px; text-transform: uppercase; } #password .bottom { margin-top: 50px; } #password .bottom h4 { font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } #password .bottom p { font-size: 16px; text-transform: uppercase; } #password .bottom form { width: 100%; padding: 3px 0 0; font-size: 0; } #password .bottom form input[type="email"] { width: 65%; height: 55px; display: inline-block; margin-right: 1%; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; vertical-align: top; border-color: #999; background: rgba(255,255,255,0.15); } #password .bottom form input[type="submit"] { width: 34%; height: 55px; min-width: 0; display: inline-block; margin-top: 0; font-size: 18px !important; vertical-align: top; } #password .bottom form .success, #password .bottom form .errors { line-height: 1.5; text-align: left; } #password .bottom form .success { color: #78746e; } #password .footer { width: 100%; position: absolute; bottom: 27px; left: 0; padding: 0 50px; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; } #password .footer p { width: 50%; display: inline-block; margin-bottom: 0; font-size: 10px; color: #363533; text-transform: uppercase; vertical-align: top; } #password .footer p:first-of-type { text-align: left; } #password .footer p:last-of-type { font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; text-align: right; } #password .vert-center form { max-width: 420px; width: 100%; margin: 0 auto; font-size: 0; } #password .vert-center form input[type="password"] { width: 70%; height: 49px; display: inline-block; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; color: #fff; vertical-align: top; border-color: #999; background: rgba(255,255,255,0.15); } #password .vert-center form input[type="password"] { color: #111 !important; } #password .vert-center form input[type="password"]::-webkit-input-placeholder { color: #111; } #password .vert-center form input[type="password"]:-moz-placeholder { color: #111; } #password .vert-center form input[type="password"]::-moz-placeholder { color: #111; } #password .vert-center form input[type="password"]:-ms-input-placeholder { color: #111; } #password .vert-center form input[type="submit"] { width: 30%; height: 49px; min-width: 0; display: inline-block; margin-top: 0; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px !important; color: #fff; vertical-align: top; border: 1px solid #999; border-left: none; background: #78746e; } #password .vert-center form :-moz-placeholder { color: #fff; } #password .vert-center form ::-moz-placeholder { color: #fff; } #password .vert-center form :-ms-input-placeholder { color: #fff; } #password .overlay { background: #fff; } #password .overlay .close { position: absolute; top: 20px; left: auto; right: 20px; } #password .overlay label { display: block; margin-bottom: 18px; font-size: 18px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; color: #111; } #password .overlay p { margin-top: 16px; font-size: 15px; color: #111; } .variant-img-holder { display: none; } .homepage-products .collection-carousel .images img { transition: all .2s ease-in-out; } .homepage-products .collection-carousel .images img:hover { transform: scale(1.01); } .child_purchase p.star_with span { top: 0;} .flip_main .flip-card { -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .coverbaseassamble .assamble_cover .left, .coverbaseassamble .assamble_cover .right { width: 47%; height: auto; margin: 0 auto 20px; } .coveras_holder { display: flex; flex-direction: column; justify-content: space-between; min-height: 30vh;} .assamble_cover-text { margin: 0 0 50px; } .assamble_cover .left, .assamble_cover .right {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} .coveras_holder .btn.bannerbutton { margin: 0; } .top_filter #bc-sf-filter-tree-mobile button, .top_filter #bc-sf-filter-top-sorting-mobile label { border: 1px solid #5c5f62 !important; } .page-topbanner { text-align: center; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; min-height: 65vh; padding: 15px; display: flex; justify-content: center; align-items: center; } .page-topbanner-content { max-width: 750px; } .page-topbanner-title { font-size: 55px; font-weight: 700; margin: 20px 0; } .video-text-section { padding: 50px 0 50px; } .vidtet-text { max-width: 880px; padding: 0 10px; margin: 0 auto; font-size: 22px; line-height: 28px; text-align: center; } .vidtet-video { max-width: 1280px; margin: 0 auto; padding: 0 15px; display:none;} .vidtet-video iframe { opacity: 1; width: 100%; height: 740px; } .we-design-for-you { padding: 0 0 50px; } .wedes-wrapper { max-width: 1310px; margin: 0 auto; padding: 0 ;} .wedes-title { text-align: center; padding: 0 15px; } .wedes-title h2 { font-weight: bold; font-size: 35px; line-height: 1.3; margin: 0 0 25px; } .wedes-img img { max-width: 100%; display: block; } .wedes-img { margin: 0 15px 38px; } .wedes-slick__title { font-size: 20px; line-height: 28px; font-weight: bold; margin: 0 0 15px; } .wedes-slick__text { font-size: 15px; line-height: 20px; } .wedes-slider .slick-track { display: flex; justify-content: space-between; } .wedes-slider .slick-slide { float: none; height: auto; margin: 0 15px 10px ; } .wedes-slick__item { height: 100%; display: flex; flex-direction: column; } .founder-wrapper { max-width: 1280px; margin: 0 auto; } .founder-holder { overflow: hidden; padding: 0 0; } .founder-title { float: right; width: 50%; box-sizing: border-box; padding: 45px 0 5px 30px;} .founder-title h2 { font-size: 35px; line-height: 1.6; } .founder-img { float: left; width: 50%; box-sizing: border-box; padding: 0 20px 0 0; max-height: 900px; } .founder-img img { max-width: 100%; } .founder-text { float: right; width: 50%; box-sizing: border-box; padding: 0 15px 0 30px; } .founder-subtitle { font-size: 20px; line-height: 28px; font-weight: 400; margin: 0 0 15px; } .founder-textp p { font-size: 15px; line-height: 20px; margin: 0 0 15px; } .founder-textp p:last-child { margin: 0 0 18px; } .founder-signt { width: 291px; } .founder-signt img { max-width: 100%; } .product-about { max-width: 1300px; margin:0 auto; } .product-about .productpage_title h2 { font-size: 35px; line-height: 1.6; } .product-about .productpage_title { margin-top: 20px; margin-bottom: 15px; } .product-about .product_home_main { padding: 0 10px; } .we-are-makers { padding: 0 0 40px; } .wamakers-wrapper { max-width: 1304px; margin: 0 auto; } .wamakers-title { text-align: center; margin: 0 0 0; } .wamakers-title h2 { font-weight: bold; font-size: 35px; line-height: 1.3; margin: 0 0 10px; } .wamakers-text { text-align: center; font-size: 18px; line-height: 28px; margin: 0 auto 15px; max-width: 820px; } .wamakers-list { display: flex; justify-content: space-between; } .wamakers-item { padding: 0 10px 30px; width: 33.3%; box-sizing: border-box; } .wamakers-item__img { margin: 0 0 20px; } .wamakers-item__img img { display:block; max-width: 100%; } .wamakers-item__title { font-size: 20px; line-height: 28px; font-weight: bold; margin: 0 0 15px; } .wamakers-item__text { font-size: 15px; line-height: 20px; margin: 0 0 15px; } .wamakers-item__link { font-size: 15px; line-height: 1.6; padding: 12px 48px 12px 28px ; background-image: url(https://cdn.shopify.com/s/files/1/1504/0904/files/Group_445.svg); background-repeat: no-repeat; background-position: 91% 50%; border-radius: 50px; transition: unset; border: 1px solid #363533; display: inline-block; } .wamakers-item__link:hover { background-color: #e1e1e1; color: #363533; border: 1px solid #e1e1e1;} .traden-text { max-width: 770px; margin: 50px auto 50px; font-size: 35px; line-height: 46px; text-align: center; padding: 0 20px; } .traden-text p { font-size: 22px; line-height: 28px; margin: 0; } .traden-block__wrapper {max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .traden-block__img { width: 50%; box-sizing: border-box; padding: 0 14px 0 0; } .traden-block__img img { display: block; } .traden-block__content { width: 50%; box-sizing: border-box; padding: 20px 50px 0 10px; } .traden-block__title { font-size: 35px; line-height: 1.3; margin: 0 0 15px;} .traden-block__list li { padding: 0 0 15px 25px; position: relative; } .traden-block__list li:before { position: absolute; top: 0; left: 0; display: block; content: ''; width: 15px; height: 18px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/tradecheck.svg?v=120051669306738897601623354408); background-repeat: no-repeat; background-position: 50% 50%; } .traden-block__list h4 { font-size: 20px; line-height: 25px; margin: 0 0 5px;} .traden-block__list p { font-size: 18px; line-height: 25px; margin: 0;} .traden-form-section { max-width: 1440px; margin: 80px auto 0; } .traden-wrapper { min-height: 200px; color: #363432; margin:0 20px; padding: 61px 20px 38px;} .traden-form-text { text-align: center; } .traden-form-text h3 { font-size: 35px; line-height: 1.3; margin: 0 0 22px; } .traden-form-text p { font-size: 18px; line-height: 25px; margin: 0 0 25px; } .traden-form-holder { max-width: 839px; margin: 0 auto; } .traden-wrapper input[type="text"], .traden-wrapper input[type="email"], .traden-wrapper input[type="number"], .traden-wrapper input[type="password"], .traden-wrapper input[type="telephone"], .traden-wrapper select, .traden-wrapper textarea {color: #363432; border: 1px solid #363432; margin: 0 15px 30px; font-size: 16px; line-height: 22px; padding: 14px 22px 12px; height: auto; } .traden-wrapper input[type="text"]::-webkit-input-placeholder, .traden-wrapper input[type="email"]::-webkit-input-placeholder, .traden-wrapper input[type="number"]::-webkit-input-placeholder, .traden-wrapper input[type="password"]::-webkit-input-placeholder, .traden-wrapper input[type="telephone"]::-webkit-input-placeholder, .traden-wrapper select::-webkit-input-placeholder, .traden-wrapper textarea::-webkit-input-placeholder {color:#363432 !important;} .traden-wrapper input[type="text"]::-moz-placeholder, .traden-wrapper input[type="email"]::-moz-placeholder, .traden-wrapper input[type="number"]::-moz-placeholder, .traden-wrapper input[type="password"]::-moz-placeholder, .traden-wrapper input[type="telephone"]::-moz-placeholder, .traden-wrapper select::-moz-placeholder, .traden-wrapper textarea::-moz-placeholder {color:#363432 !important;} .traden-wrapper input[type="text"]:-moz-placeholder, .traden-wrapper input[type="email"]:-moz-placeholder, .traden-wrapper input[type="number"]:-moz-placeholder, .traden-wrapper input[type="password"]:-moz-placeholder, .traden-wrapper input[type="telephone"]:-moz-placeholder, .traden-wrapper select:-moz-placeholder, .traden-wrapper textarea:-moz-placeholder {color:#363432 !important;} .traden-wrapper input[type="text"]:-ms-input-placeholder, .traden-wrapper input[type="email"]:-ms-input-placeholder, .traden-wrapper input[type="number"]:-ms-input-placeholder, .traden-wrapper input[type="password"]:-ms-input-placeholder, .traden-wrapper input[type="telephone"]:-ms-input-placeholder, .traden-wrapper select:-ms-input-placeholder, .traden-wrapper textarea:-ms-input-placeholder {color:#363432 !important;} .traden-wrapper input[type="button"], .traden-wrapper input[type="submit"], .traden-wrapper button { font-size: 15px !important; line-height: 1.6; padding: 14px 35px 12px; height: auto; border-radius: 45px !important; transition: unset; -moz-transition: unset; -webkit-transition: unset;} .traden-wrapper input[type="button"]:hover, .traden-wrapper input[type="submit"]:hover, .traden-wrapper button:hover { background: rgba(54, 53, 51, 0.8); } .destop-banner { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; padding: 37px 20px 15px; display: flex; justify-content: center; align-items: center; margin: 0 0 50px; } .destop-banner h1 { font-size: 55px; } .destop-text { padding: 0 50px 0; } .destop-wrapper { margin: 0 auto; max-width: 1200px; text-align: center; } .destop-wrapper h2 { font-size: 35px; line-height: 1.3; margin: 0 0 23px;} .destop-wrapper p { margin:0; font-size: 22px; line-height: 28px; font-weight: 400; } .desblog-list__wrapper { margin: 10px auto 0; max-width: 1280px; } .desblog-list { display: flex; flex-wrap: wrap; justify-content: flex-start;} .desblog-item { width: 33.3%; box-sizing: border-box; padding: 50px 21px 0; display: flex; flex-direction: column; justify-content: space-between; } .desblog-item img { width: 100%; } .desblog-item__cont { padding: 20px 0 0; } .desblog-item__title { font-size: 22px; margin: 0 0 20px; } .desblog-item__btn { color: #363533; padding: 10px 35px 12px; font-size: 15px; line-height: 1.6; display: inline-block; border-radius: 46px; border: 1.5px solid #363533; transition: unset; -moz-transition: unset; -webkit-transition: unset; } .desblog-item__btn .blog-list__item-btn-arr { display: inline-block; margin: 0 0 0 14px; font-size: 25px; line-height: 25px; } .desblog-item__btn:hover { background: #e1e1e1; color: #363533; border: 1.5px solid #e1e1e1; } .desblog-item__btn-img {width: 24px; height: 15px; display: inline-block; margin: 0 0 0 12px;} .dissingle { background-image: url(//civilspace.com/cdn/shop/t/32/assets/dessingl-bg.png?v=163955476356469302311623354131);} .dissingle-wrapper { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;} .dissingle__img { width: 50%; box-sizing: border-box; padding: 0 14px 0 0; } .dissingle__img img { width: auto; display: block; } .dissingle-content { width: 50%; box-sizing: border-box; padding: 15px 31px 10px ; } .dissingle-content__title { font-size: 35px; line-height: 1.6; margin: 0 0 10px; } .dissingle-content h3 { font-size: 22px; margin: 0 0 3px; } .dissingle-content p { margin: 0 0 5px; font-size: 15px; line-height: 20px; } .collection-archive { margin: 0 auto 0; max-width: 1310px; } .collection-archive__title { font-size: 35px; line-height: 1; margin-top:70px; margin-bottom:5px; margin-left: 10px } .collection-archive.collection .product-list .product { margin: 10px 4px 0; } .slider-for.featured .slick-track {display: flex; justify-content: center; } .slider-for.featured .slick-slide { height: auto; display: flex; align-items: center; justify-content: center; } .ts-w1155-wrapper { max-width: 770px; margin: 0 auto; padding: 70px 15px 70px; text-align: center; font-size: 22px; line-height: 28px; } .fr-section { background-position: 50% top ; background-repeat: no-repeat; background-size: 80% ; } .fr-section__top { max-width: 600px; margin: 0 auto; text-align: center; padding: 70px 0; } .fr-section__title { font-size: 35px; line-height: 1.2; margin: 0 0; } .fr-section__top-btn {margin: 70px 0 0;} .fr-section__top-btn a { font-size: 15px; background: #e0e0e0; line-height: 1.6; color: #131312; padding: 14px 35px 12px; border-radius: 50px; font-weight: 600; display: inline-block; } .fr-section__top-btn a:hover { background: #131312; color: #e0e0e0; } .fr-section-slider-holder { background-size: 80%; margin: 0 auto; padding: 0 0 40px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/grey_wave_financing.png?v=33342107914650241261623354135); background-repeat: no-repeat; background-position: center 40px;} .fr-section-slider { max-width: 75%; margin: 0 auto; } .fr-section-slider .slick-track { display: flex; justify-content: center; } .fr-section-slider-item { min-height: 220px ; box-sizing: border-box; padding: 20px 20px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/fslide-bg.png?v=50398307729962160441623354134);color: #131312; margin: 0 auto; } .fr-section-slider-item h4 { font-size: 22px; line-height: 1.2; margin: 0 0 20px;} .fr-section-slider-item p { font-size: 15px; line-height: 20px; margin: 0; } .fr-section__content { max-width: 770px; margin: 0 auto; padding: 50px 15px 0; font-size: 15px; line-height: 20px; text-align: center; } #financing .product_home_main { max-width: 1300px; margin: 0 auto; padding: 0 10px; } #financing .productpage_title h2 { font-size: 35px; line-height: 1.2;} #financing .productpage_title { margin-bottom: 20px; } .blog-topbanner { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; min-height: 41vh; padding: 9px 20px 34px; display: flex; justify-content: center; align-items: center; margin: 0; } .blog-topbanner h1 { font-size: 55px; } .blog-top-text { margin: 70px auto 50px; max-width: 620px; text-align: center; } .blog-top-text p { margin: 0 0 10px; font-size: 22px; line-height: 28px; } .blog-container {margin: 0 auto ; max-width: 1166px;} .blogtag-list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 0; } .blogtag-list li { padding: 0 15px 15px; } .blogtag-list li a { min-width: 164px; box-sizing: border-box; text-align: center;display: block; color: #363533; padding: 16px 10px; border-radius: 30px; background-color: #e0e0e0; font-size: 17px; line-height: 20px; font-weight: 600; } .blogtag-list .active a,.blogtag-list li a:hover { background-color: #363533; color: #fafafa; } .blog-list__item { width: 33.3%; box-sizing: border-box; padding:49px 15px 0; min-height: 485px; } .blog-list__item-content-top {display: flex; flex-wrap: wrap;} .blog-list__item-img { margin: 0 0 18px; } .blog-list__item-content-top-item { font-size: 12px; line-height: 16px; color: #78746e; padding: 0 0 2px 20px; position: relative; } .blog-list__item-content-top-item:before { border-radius: 50%; position: absolute; top: 6px; left: 8px; content: ''; background: #78746e; width: 3px; height: 3px;} .blog-list__item-content-top-item a { font-size: 12px; line-height: 16px; color: #78746e;} .blog-list__item-content-top-item:first-child {padding: 0 0 2px 0;} .blog-list__item-content-top-item:first-child:before {display: none;} .blog-list__item-title { font-size: 18px; line-height: 24px; margin: 0 0 10px;} .blog-list__item-excerpt { font-size: 14px; line-height: 19px; margin: 0 0 17px; color: #363533;} .blog-list__item-btn a { color: #363533; font-size: 16px; line-height: 20px; display: inline-block; border: 1px solid #363533; border-radius: 30px; padding: 14px 26px; transition: unset; -moz-transition: unset; -webkit-transition: unset;} .blog-list__item-btn a:hover { background: #e1e1e1; border: 1px solid #e1e1e1; } .blog-list__item-btn-arr { display: inline-block; margin: 0 0 0 5px; font-size: 20px; line-height: 20px;} .page-sect__text { max-width: 800px; margin: 50px auto 50px; font-size: 22px; line-height: 28px; text-align: center; color: #363533; } .page-sect__text p { font-size: 22px; line-height: 28px; } .page-sect__block {} .page-sect__wrapper1280 { max-width: 1280px; margin: 0 auto; } .page-sect__block-holder { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;} .page-sect__block-item { width: 50%; box-sizing: border-box; } .textimg__block-img { box-sizing: border-box; max-width: 650px; max-height: 650px; display: flex; justify-content: center;} .textimg__block-content { box-sizing: border-box; } .refearn-block-content { max-width: 100%; padding: 20px 0 0 20px;} .textimg__block-title { font-size: 35px; line-height: 1.3; margin: 0 0 20px; } .textimg__block-content p {font-size: 18px; line-height: 25px; margin: 0 0 20px;} .textimg__block-form form label { font-size: 18px; line-height: 24px; display: block; margin: 0 0 37px;} .textimg__block-form form input[type="text"], .textimg__block-form form input[type="email"], .textimg__block-form form input[type="number"], .textimg__block-form form input[type="password"], .textimg__block-form form input[type="telephone"], .textimg__block-form form select, .textimg__block-form form textarea { height: auto; padding: 14px 22px 12px; font-size: 16px; line-height: 22px; border: 1px solid #363533; color: #363533;} .textimg__block-form form input[type="text"]::-webkit-input-placeholder, .textimg__block-form form input[type="email"]::-webkit-input-placeholder, .textimg__block-form form input[type="number"]::-webkit-input-placeholder, .textimg__block-form form input[type="password"]::-webkit-input-placeholder, .textimg__block-form form input[type="telephone"]::-webkit-input-placeholder, .textimg__block-form form select::-webkit-input-placeholder, .textimg__block-form form textarea::-webkit-input-placeholder {color:#363533 !important;} .textimg__block-form form input[type="text"]::-moz-placeholder, .textimg__block-form form input[type="email"]::-moz-placeholder, .textimg__block-form form input[type="number"]::-moz-placeholder, .textimg__block-form form input[type="password"]::-moz-placeholder, .textimg__block-form form input[type="telephone"]::-moz-placeholder, .textimg__block-form form select::-moz-placeholder, .textimg__block-form form textarea::-moz-placeholder {color:#363533 !important;} .textimg__block-form form input[type="text"]:-moz-placeholder, .textimg__block-form form input[type="email"]:-moz-placeholder, .textimg__block-form form input[type="number"]:-moz-placeholder, .textimg__block-form form input[type="password"]:-moz-placeholder, .textimg__block-form form input[type="telephone"]:-moz-placeholder, .textimg__block-form form select:-moz-placeholder, .textimg__block-form form textarea:-moz-placeholder {color:#363533 !important;} .textimg__block-form form input[type="text"]:-ms-input-placeholder, .textimg__block-form form input[type="email"]:-ms-input-placeholder, .textimg__block-form form input[type="number"]:-ms-input-placeholder, .textimg__block-form form input[type="password"]:-ms-input-placeholder, .textimg__block-form form input[type="telephone"]:-ms-input-placeholder, .textimg__block-form form select:-ms-input-placeholder, .textimg__block-form form textarea:-ms-input-placeholder {color:#363533 !important;} .textimg__block-form .buttons { margin: 0; padding: 20px 0 20px;} .textimg__block-form .buttons input { padding: 14px 35px 12px; height: auto; font-size: 15px !important; line-height: 1.6; margin: 0; } .textimg__block-content .textimg__block-content__smallp p {font-size: 15px; line-height: 25px; margin: 0 0 15px 3px;} .textimg__block-content__smallp a { text-decoration: underline; } .textimg__block-form form input[type="email"] { display: none; } .page-sect__wrapper980 { max-width: 980px; margin: 0 auto; font-size: 15px; line-height: 20px; padding: 50px 20px 0; box-sizing: border-box; display: none; } .page-sect__wrapper980 p { margin: 0; font-size: 15px; line-height: 20px; } .page-topbanner2 { min-height: 65vh; padding: 28px 15px 6px; } .page-topbanner2 .page-topbanner-title { font-size: 82px; line-height: 105px; } .page-sect-text { margin: 70px auto; padding: 0 10px; box-sizing: border-box; } .page-sect-text p { font-size: 22px; line-height: 28px; text-align: center; color: #363533; margin: 0 0 30px; } .page-sect-circular { margin: 0 auto; max-width: 1090px; box-sizing: border-box; padding: 19px 15px 0;} .circular-item { display: flex; justify-content: flex-start; padding: 0px 0 84px; } .circular-item:first-child { padding: 0 0; } .circular-item:last-child { padding: 0 0 40px; } .circular-item__img { width: 44%; box-sizing: border-box; padding: 0 10px 0; display: flex; justify-content: center; align-items: flex-start} .circular-item__desc { width: 56%; box-sizing: border-box; padding: 70px 10px 0 17px;} .circular-item:nth-child(2n+1) .circular-item__desc { order: -1; padding: 70px 10px 0 25px;} .circular-item__desc h2 { font-size: 35px; line-height: 1.05; margin: 0 0 15px;} .circular-item__desc h4 { font-size: 22px; line-height: 1.3; margin: 0 0 15px;} .circular-item__desc p { font-size: 18px; line-height: 1.3; margin: 0 0 15px;} .circular-item__desc-list { margin: 0 0 2px;} .circular-item__desc-list li { padding: 0 6px 21px 26px; line-height: 1.4; position: relative;} .circular-item__desc-list li:before { position: absolute; top: -1px; left: 0; display: block; content: ''; width: 14px; height: 16px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/circular-check.svg?v=9315779960317981621623354127); background-repeat: no-repeat; background-size: cover; } .circular-item__desc-article { border-top: 2px solid #E0E0E0; padding: 24px 0 20px;} .circular-item__desc-article-tag { font-size: 15px; line-height: 20px; margin: 0 0 0;} .circular-item__desc-article h4 { font-size: 18px; line-height: 25px; margin: 0 0 4px;} .circular-item__desc-article-time { font-size: 15px; line-height: 20px; margin: 0 0 17px;} .page-btn__bordarr { font-size: 15px; line-height: 23px; border: 1px solid #363533; box-sizing: border-box; border-radius: 58px; padding: 12px 21px; display: inline-block; transition: none; -moz-transition: none; -webkit-transition: none; } .page-btn__bordarr:hover { background: #e1e1e1; border: 1px solid #e1e1e1; color: #363533;} .page-btn__bordarr .blog-list__item-btn-arr { font-size: 16px; line-height: 16px;} .whatcanyoudo-section { margin:0 0 31px; } .whatcanyoudo-section__wrapper { margin: 0 auto ; max-width: 1280px; padding: 61px 14%; box-sizing: border-box; text-align: center;} .whatcanyoudo-title { font-size: 35px; line-height: 55px; margin: 0 0 20px; } .whatcanyoudo-text { padding: 0 0 19px; } .whatcanyoudo-text p { font-size: 20px; line-height: 28px; margin: 0 0 15px; } .page-btn__bgblack { font-weight: 700; font-size: 15px; line-height: 21px; text-align: center; color: #FAFAFA; display: inline-block; transition: 0.2s; background: #363533; border-radius: 58px; padding: 15px 45px; } .page-btn__bgblack:hover { color: #FAFAFA; background: rgba(54, 53, 51, 0.8); } .ita-section__wrapper { margin: 0 auto; max-width: 1280px; display: none; box-sizing: border-box; justify-content: flex-start; padding: 70px 0 63px; } .ita-section__img { width: 36%; box-sizing: border-box; padding: 0 20px 20px; display: flex; justify-content: center; align-items: flex-start; } .ita-section__content { width: 64%; box-sizing: border-box; padding: 0 6% 0 0; } .ita-section__title { font-weight: bold; font-size: 45px; line-height: 50px; color: #363533; margin: 0 0 35px; } .ita-section__content p { font-size: 22px; line-height: 28px; color: #000000; margin: 0 0 22px; } .ita-section__content-article { border-top: 1px solid #363533; padding: 23px 0 0; } .ita-section__content-article-tag { font-size: 15px; line-height: 18px; color: #363533; margin: 0; } .ita-section__content-article h4 { font-size: 21px; line-height: 25px; color: #363533; margin: 0 0 6px; } .ita-section__content-article-time { font-size: 15px; line-height: 18px; color: #363533; margin: 0 0 20px; } .craft-swatches__wrapper { margin: 0 auto; max-width: 1181px; box-sizing: border-box; padding: 0 22px; display: flex; flex-wrap: wrap; justify-content: flex-start;} .craft-swatches__left { width: 64%; box-sizing: border-box; padding: 0 6.4% 44px 0; } .craft-swatches__video, .craft-swatches__img { margin: 0 3px 25px; } .craft-swatches__text p { font-size: 18px; line-height: 24px; color: #363533; margin: 0 0 15px; } .craft-swatches__text-small p { font-size: 15px; line-height: 21px; color: #363533; margin: 0 0 10px; } .craft-swatches__content-article { padding: 29px 1px 0; border-top: 2px solid #E0E0E0; } .craft-swatches__content-article-tag { font-size: 15px; line-height: 18px; color: #363533; margin: 0 0 2px; } .craft-swatches__content-article h4 { font-size: 20px; line-height: 25px; color: #363533; margin: 0; } .craft-swatches__content-article-time { font-size: 15px; line-height: 25px; color: #363533; margin: 0 0 15px; } .craft-swatches__right { width: 36%; box-sizing: border-box; padding: 0 0 59px 3.6%; } .craft-swatches__right-img { margin: 0 0 21px; } .craft-swatches__right-crt { font-size: 12px; line-height: 21px; color: #78746E; margin: 0 0 24px; } .craft-swatches__right-crt-title { font-size: 18px; line-height: 24px; color: #363533; margin: 0 0 29px; } .craft-swatches__right-crt-list {} .craft-swatches__right-crt-list li { font-size: 15px; line-height: 21px; color: #363533; position: relative; padding: 0 5px 21px 26px; } .craft-swatches__right-crt-list li:before { position: absolute; top: 0; left: 0; width: 14px; height: 16px; content: ''; display: block; background-image: url(//civilspace.com/cdn/shop/t/32/assets/circular-check.svg?v=9315779960317981621623354127); background-repeat: no-repeat; background-size: cover; } .craft-swatches__slider-wrapper { margin: 0 auto; max-width: 1280px; } .craft-swatches__slider-holder { box-sizing: border-box; padding:40px 0 124px; } .craft-swatches:last-child .craft-swatches__slider-holder { padding:40px 0 30px; } .craft-swatches__slider-holder h2 { font-size: 35px; line-height: 42px; color: #363533; margin: 0 5.8% 31px; } .craft-swatches__slider { padding: 81px 61px 48px; } .craft-swatches__slider-item__title { font-size: 18px; line-height: 22px; color: #363533; } .craft-swatches__slider .slick-track { display: flex; justify-content: flex-start; } .craft-swatches__slider-item { margin: 0 10px 0 11px; } .craft-swatches__slider-item img { margin: 0 0 13px; } .page-craft-button { display: none; text-align: center; margin: 40px 0 0;} .page-craft-button .page-btn__bgblack { padding: 14px 53px; } #craft .embed-container { position: static !important; padding-bottom: 0 !important; height: 430px; } #craft .embed-container iframe, #craft .embed-container object, #craft .embed-container embed { position: static !important; top: auto !important; left: auto !important; width: 100% !important; height: 426px !important;} #craft .craft-swatches__right-img img { height: 426px !important; } .article-spaces__title {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 21px 15px 34px; min-height: 300px; } .article-spaces__title h1 { font-size: 55px; line-height: 70px; color: #363533; margin: 0 0 14px; text-align: center;} .article-spaces__title-info { display: flex; flex-wrap: wrap; justify-content: center; } .article-spaces__title-info-item { font-size: 15px; line-height: 19px; color: #363533; position: relative; padding: 0 0 10px 11px; } .article-spaces__title-info-item:before { position: absolute; display: block; top: 7px; left: 4px; content: ''; width: 2px; height: 2px; background-color: #363533; } .article-spaces__title-info-item:first-child { padding: 0 0 10px; } .article-spaces__title-info-item:first-child:before { display: none; } .article-spaces__bigimg { } .article-spaces__bigimg>img { width: 100%;} .article-spaces__bigimg img { display: block; margin: 0 auto;} .article-spaces__bigimg-text { margin: 0 auto; max-width: 1194px; font-weight: normal; font-size: 12px; line-height: 21px; color: #78746E; box-sizing: border-box; padding: 21px 30px 50px; } .article-spaces__text-holder { text-align: center; box-sizing: border-box; max-width: 810px; margin: 0 auto; padding: 0 30px; } .article-spaces__text { font-size: 18px; line-height: 24px; color: #363533; margin: 0 0 20px;} .article-spaces__text-small { font-size: 15px; line-height: 21px; color: #363533; margin: 0 0 50px;} .article-spaces__text p { font-size: 18px; line-height: 24px; color: #363533; margin: 0;} .article-spaces__text-small p { font-size: 15px; line-height: 21px; color: #363533; margin: 0;} .article-spaces__paddingLR27 { padding: 0 27px;} .article-spaces__text-quote { text-align: center; box-sizing: border-box; max-width: 810px; margin: 0 auto; padding: 34px 30px; font-size: 35px; line-height: 40px; color: #363533; } .article-spaces__twoimg { display: flex; max-width: 1002px; margin: 0 auto; justify-content: center; box-sizing: border-box; padding: 50px 20px; } .article-spaces__twoimg-item { width: 50%; padding: 0 10px; box-sizing: border-box;} .article-spaces__twoimg-item img { display: block; } .article-spaces__twoimg-text { font-size: 12px; line-height: 21px; color: #78746E; padding: 15px 0; } .article-spaces__page-content { max-width: 810px; margin: 0 auto; box-sizing: border-box; padding: 2px 30px 30px; } .article-spaces__page-content h4 { font-size: 18px; line-height: 22px; color: #363533; margin: 0 0 20px; } .article-spaces__page-content p { font-size: 15px; line-height: 21px; color: #363533; margin: 0 0 10px; } .article-spaces__btn { text-align: center; padding: 19px 5px 0; } .slideshow-section .main-slider { max-width: 1920px; margin: 0 auto; } .slideshow-section .main-slider .slick-slide { height: auto; position: relative; } .slideshow-section .main-slider .slick-slide img { width: 100%; } .slideshow-section .main-slider .slick-slide .main-slider__content-holder { position: absolute; left: 40px; bottom: 40px; box-sizing: border-box; padding: 0 0; display: flex; align-items: center; width:40vw; } .slideshow-section .main-slider .slick-slide .main-slider__content-holder .btn { min-width: 128px; height: 50px; display: inline-block; margin: 17px auto 0 auto; padding: 0 30px; font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal; font-size: 14px !important; color: #fff; text-align: center; cursor: pointer; line-height: 50px; overflow: hidden; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 25px !important; background: #363533; } .slideshow-section .main-slider .slick-slide .main-slider__content-holder .btn:hover { color: #fff; background: #363533; opacity: 0.80; } .slideshow-section .main-slider .slick-slide .main-slider__content-holder-mob { margin-bottom: 0; color: #363533; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; padding: 20px 20px 0; display: flex; align-items: flex-end; } .slideshow-section .main-slider .slick-slide .main-slider__content { width: 100%; } .slideshow-section .general-slider { max-width: 1920px; margin: 0 auto; } .slideshow-section .general-slider .slick-slide { height: auto; position: relative; } .slideshow-section .general-slider .slick-slide img { width: 100%; } .slideshow-section .general-slider .slick-slide .general-slider__content-holder { position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; padding: 20px 50px; display: flex; align-items: center; font-size: 55px; } .slideshow-section .general-slider .slick-slide .general-slider__content-holder-mob { position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; padding: 20px 20px; display: flex; align-items: center; } .slideshow-section .general-slider .slick-slide .general-slider__content { width: 100%; } .slideshow-section .slider_mobile .btn { margin: 17px 5px 0 0;} .index .returnpolicyas { display :none; } /* Firefox Specific Rules -------------------------------------------------------------- */ @-moz-document url-prefix() { input[type="checkbox"] { width: auto !important; height: auto; } input[type="checkbox"]:checked { background: none !important; } input[type="checkbox"] + label { top: 0; } .accordion .ui-accordion-header:after { top: 19px; } body[class^="product"] .sec-nav.animate li .btn { line-height: 22px; } .swatch label { line-height: 33px; } } @media only screen and (min-width: 1921px) { .whatcanyoudo-section__wrapper { padding: 61px 350px; } } @media only screen and (max-width: 1700px) { .traden-block__content {padding: 20px 40px 0 10px;} .vidtet-video iframe { height: 500px; } .founder-holder { padding: 0 10px;} .wamakers-list { flex-wrap: wrap; justify-content: center; } .traden-text { max-width: 950px; } .traden-text {margin: 50px auto; font-size: 24px; line-height: 30px; } .founder-text {padding: 0 30px 0 ;} .destop-text { padding: 0 15px 30px; } .destop-blog .destop-wrapper { padding: 0 25px 0; } .dissingle-content { padding: 34px 20px 20px; } .dissingle-content__title { font-size: 28px; margin: 0 0 15px; } .dissingle-content h3 { font-size: 18px; margin: 0 0 1px; } .dissingle-content p { margin: 0 0 5px; } .collection-archive { margin: 32px auto 0; padding: 0 20px; } .collection.collection-archive section.product-list { padding-top: 0; } .page-topbanner-title { font-size: 55px; } } @media only screen and (max-width: 1200px) { .traden-block__img { padding:0; } .traden-block__list { margin-bottom: 0; } .traden-block__content {padding: 20px 40px 0 10px;} section#craft { zoom: 1; } } @media only screen and (max-width: 1081px) { .craft-swatches__left { padding: 0 2.4% 44px 0; } .craft-swatches__right { padding: 0 0 59px 0.6%; } } /* Responsive - Desktop -------------------------------------------------------------- */ @media only screen and (min-width: 1027px) { .desktop { display: block; } .tablet { display: none; } .mobile { display: none; } .fade-out:hover { opacity: 0.5; } header .menu-toggle.mobile { display: none !important; } .slideshow-section .main-slider { margin: 74px auto 0; } #panels .panel:not(.active):hover { background: rgba(0,0,0,.25); } #panels .panel:hover .open .top { top: -40px; } #panels .btn-close:hover div:nth-child(1) span, #panels .panel:hover .button div:nth-child(1) span { width: 104%; height: 104%; top: -2%; left: -2%; } #panels .panel:hover .button div:nth-child(2), #panels .panel:hover .button div:nth-child(2) { opacity: 1; } .product-list .product.rollover .images:hover img:nth-child(2) { opacity: 1; } } /* Responsive - Tablet & Mobile -------------------------------------------------------------- */ @media only screen and (max-width: 1026px) { .desktop { display: none; } .tablet { display: none; } .mobile { display: block; } header .sec-nav.collection { display: block !important; } body[class^="product"] .sec-nav.animate { display: none; } #top { display: none; } .index .shopify-section:first-of-type { margin-top: -112px; } .page-banner { margin-top: -112px; } .collection-section .container { padding: 0 62px; } #cart-popout { top: -100%; right: auto; } #cart-popout.active { top: 0; right: auto; } #cart-popout tbody div a { width: 30px; height: 30px; font-size: 25px; line-height: 30px; } #cart-popout tbody div a:first-of-type { line-height: 27px; } #panels .button div:nth-child(2) { font-size: 10px; opacity: 1; } header .flex { padding: 40px; } header .logo { width: 40%; } header nav, header .cart-info { width: 20%; } header nav ul, header .cart-info ul { display: none; } .products-section { display: none; } .product-list { padding-top: 31px; } .banner.shop { overflow: hidden; } .banner.shop img { max-width: none; width: auto; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .collection-swatches .banner.shop { min-height: 390px; } .collection-swatches .banner.shop .vert-center { width: 90%; } .collection-swatches .banner.shop .vert-center h1 { font-size: 30px; } .collection-swatches .banner.shop .arrow-down img { height: 32px; bottom: 0; } .collection-swatches .filters .btn { height: 40px; font-size: 14px !important; line-height: 40px; } .collection-swatches .product-list .col:nth-child(2) { top: 127px; } .product-single #breadcrumb { display: none; } } @media only screen and (max-width: 1024px) { li.has-children > a:before { top: 50%; transform: translateY(-10px); width: 20px; height: 20px; background-size: 20px; } .cd-primary-nav, .cd-primary-nav ul { height: 130% !important; } li.go-back a:before { top: 30%; width: 20px; height: 20px; background-size: 20px; } .video-text-section { padding: 34px 0; } .vidtet-text { font-size: 20px; line-height: 25px; margin: 0 auto; } .vidtet-video { padding: 0 32px; } .vidtet-video iframe { height: 500px; } .product-about .productpage_title h2 { font-size: 28px; line-height: 1.6; margin: 0 0 25px; } .wedes-title h2 { font-size: 28px; line-height: 1.6; margin: 0 0 10px; } .product-about .productpage_title { margin: 50px 0 ;} .wedes-img { margin: 0 0 10px; } .wedes-slick__title { font-size: 18px; line-height: 25px; margin: 0 0 5px; } .wedes-slick__text { font-size: 15px; line-height: 21px; } .we-design-for-you { padding: 1px 0; } .founder-title { float: none; width: 100%; padding: 0 10px 30px; } .founder-title h2 { font-size: 28px; margin: 0; line-height: 1.2; } .founder-img { float: none; width: 100%; padding: 0 10px 30px ; } .founder-img img { max-height: 400px; } .founder-subtitle { font-size: 17px; line-height: 21px; font-weight: 400; margin: 0 0 10px; } .founder-text { float: none; width: 100%; padding: 0 10px 30px ; } .founder-text p { margin: 0 0 10px; } .founder-textp p:last-child { margin: 0 0 23px; } .wamakers-title h2 { font-size: 28px; margin: 0 0 17px; } .wamakers-text { text-align: center; font-size: 15px; line-height: 21px; margin: 0 10px 29px; } .wamakers-item__title { font-size: 18px; line-height: 25px; margin: 0 0 5px; } .wamakers-item__text { font-size: 15px; line-height: 21px; margin: 0 0 26px; } .wamakers-item__link { font-size: 14px; line-height: 1.6; } .wamakers-list { flex-wrap: wrap; justify-content: center; } .wamakers-item { width: 50%;} .traden-text {margin: 50px auto; font-size: 20px; line-height: 25px; } .traden-text p { font-size: 17px; line-height: 21px; } .traden-block__wrapper { flex-direction: column; } .traden-block__img { width: 100%; display: flex; justify-content: center; } .traden-block__img img { object-fit: unset; height: auto; } .traden-block__content { width: 100%; } .traden-block__title { font-size: 28px; line-height: 1.3; } .traden-block__list h4 { font-size: 18px; line-height: 1.3; margin: 0 0 10px; } .traden-block__list p { font-size: 15px; line-height: 18px; } .traden-block__list li:before { width: 12px; height: 15px; } .traden-block__img img { display: none; object-fit: cover; height: 100%;} .traden-form-text h3 { font-size: 28px; line-height: 1.3; margin: 0 0 16px; } .traden-form-text p { font-size: 15px; line-height: 18px; margin: 0 0 34px; } .traden-wrapper input[type="text"], .traden-wrapper input[type="email"], .traden-wrapper input[type="number"], .traden-wrapper input[type="password"], .traden-wrapper input[type="telephone"], .traden-wrapper select, .traden-wrapper textarea { font-size: 14px; padding: 21px 15px 19px; } .traden-wrapper input[type="button"], .traden-wrapper input[type="submit"], .traden-wrapper button { font-size: 14px !important; line-height: 1.6 !important; padding: 12px 26px 8px; } .destop-banner { height: auto; padding: 18px 20px 12px; text-align: center; margin: 0 0 31px;} .destop-text { padding: 0 30px 22px; } .destop-blog .destop-wrapper { padding: 0 25px 0; } .desblog-item { width: 50%; } .destop-banner h1 { font-size: 30px; line-height: 33px; margin: 0 20px; } .destop-wrapper p { margin: 0; font-size: 17px; line-height: 21px; } .destop-wrapper h2 { font-size: 28px; margin: 0 0 22px; } .desblog-item__title { font-size: 18px; margin: 0 0 17px; } .desblog-item__btn { padding: 13px 19px 12px 24px; font-size: 15px; line-height: 16px;} .desblog-item__btn .blog-list__item-btn-arr {margin: 0 0 0 7px; font-size: 17px; line-height: 17px;} .desblog-item__btn-img { width: 15px; height: 12px; margin: 0 0 0 11px;} .dissingle-content { padding: 34px 20px 20px; } .dissingle-content__title { font-size: 28px; margin: 0 0 15px; } .dissingle-content h3 { font-size: 14px; margin: 0 0 1px; } .dissingle-content p { margin: 0 0 5px; } .collection-archive { margin: 32px auto 0; padding: 0 20px ; } .collection-archive__title { font-size: 28px; } .collection.collection-archive section.product-list { padding-top: 0; } .ts-w1155-wrapper { padding: 36px 25px 36px; text-align: center; font-size: 14px; line-height: 18px; } .fr-section__top { padding: 17px 25px 12px; } .fr-section__title { font-size: 22px; margin: 0 0 32px; } .fr-section__top-btn a { font-size: 12px; background: #e0e0e0; line-height: 1.6; color: #131312; padding: 14px 35px 12px; border-radius: 50px; font-weight: 700; display: inline-block; } .fr-section__top-btn a:hover { background: #131312; color: #e0e0e0; } .fr-section-slider-item { margin: 0 10px; min-height: auto; box-sizing: border-box; padding: 21px 37px;} .fr-section-slider-holder { background-color: #dfdfdf; padding: 32px 0; margin: 0; } .fr-section-slider-item h4 { font-size: 28px; margin: 0 0 8px; min-height: auto;} .fr-section-slider-item p {font-size: 17px; line-height: 21px; } .fr-section__content { padding: 43px 15px 14px; } #financing .productpage_title h2 { font-size: 28px; margin: 0; } #financing .productpage_title { margin-top: 15px; margin-bottom: 14px; } #financing .product_home_main { padding: 0 16px;} .page-sect__text { margin: 88px auto 74px; font-size: 17px; line-height: 21px; padding: 0 35px; } .page-sect__text p { font-size: 17px; line-height: 21px;} .page-sect__block-holder { flex-direction: column;} .page-sect__block-item { width: 100%; display: flex; justify-content: center; text-align: center;} .refearn-block-content {max-width: 492px; padding: 29px 26px 0; text-align: center;} .textimg__block-title { font-size: 28px; line-height: 1.3; margin: 0 0 36px;} .textimg__block-content p { font-size: 15px; line-height: 18px; margin: 0 0 19px;} .textimg__block-form form label { font-size: 15px; line-height: 18px; margin: 0 0 26px;} .textimg__block-form form input[type="text"], .textimg__block-form form input[type="email"], .textimg__block-form form input[type="number"], .textimg__block-form form input[type="password"], .textimg__block-form form input[type="telephone"], .textimg__block-form form select, .textimg__block-form form textarea { padding: 21px 15px 19px; font-size: 14px; } .textimg__block-form .buttons { padding: 20px 0 24px; } .textimg__block-form .buttons input { padding: 12px 26px 8px; font-size: 14px !important; line-height: 1.6 !important;} .textimg__block-content .textimg__block-content__smallp p { font-size: 13px; line-height: 18px; margin: 0 0 25px;} .page-topbanner { min-height: 32vh; padding: 20px 36px 12px; } .page-topbanner2 .page-topbanner-title { font-size: 30px; line-height: 33px; } .page-sect-text { margin: 36px auto; padding: 0 22px; } .page-sect-text p { font-size: 16px; line-height: 21px; margin: 0 0 25px;} .circular-item__desc h2 { font-size: 24px; line-height: 1.15; } .circular-item__desc p { font-size: 17px; } .circular-item__desc h4 { font-size: 16px; } .circular-item__desc-list li { padding: 0 6px 19px 25px; font-size: 14px; } .whatcanyoudo-title { font-size: 28px; line-height: 35px; margin: 0 0 15px; } .whatcanyoudo-text p { font-size: 14px; line-height: 1.35; margin: 0 0 19px; } .page-btn__bgblack { font-size: 14px; line-height: 18px; padding: 11px 29px; } } /* Responsive - Tablet Landscape + Tablet Portrait -------------------------------------------------------------- */ @media only screen and (min-width: 668px) and (max-width: 1026px) { .banner .vert-center { min-width: 294px; } .banner h1 { font-size: 55px; } .banner h2 { font-size: 24px; } .banner.shop .vert-center p { font-size: 14px; } .banner2 { margin: 40px 0; padding: 0 24px; } .product-list .product.description h2 { font-size: 24px; } .product-single .badges li img { display: block; margin: 0 auto 5px; } .cart .cart-item .desktop { display: block; } .cart .cart-item .mobile { display: none; } .page-title { margin: 35px 0; } #built-to-last .swatches { padding: 62px 0 0; } #built-to-last .swatches h6 + p { max-width: 600px; margin-left: auto; margin-right: auto; } #help .page-content .questions { padding-bottom: 65px; } #social-mission .page-content { max-width: 600px; margin: 0 auto; padding-top: 40px; } #recover-password .form-container { max-width: 500px; } #error404 .vert-center { padding: 39px 36px; } #error404 h1 { font-size: 28px; } } /* Responsive - Tablet Landscape -------------------------------------------------------------- */ @media only screen and (min-width: 769px) and (max-width: 1026px) { #menu li { font-size: 16px; } .split-images-section .meta h3 { font-size: 42px; } #panels .panel .open h2 { font-size: 24px; } #panels .panel .open-active { width: 66%; } #panels .panel .open-active h2 { font-size: 30px; } .banner2 .details { padding: 35px; } .banner2 .details div { padding: 70px 50px 73px; } .product-list .banner1 p { font-size: 18px; } .collection-swatches .product-list .preview .image .zoom-icon { top: 40px; right: 40px; } .product-single #panels .panel .open { padding: 0; } .product-single #panels .panel .open h2 { min-height: 116px; font-size: 22px; line-height: 1.0; } .product-single #panels .panel .open h6 { font-size: 12px; } .product-single .full_text_video h2 { font-size: 24px; } .product-single .full_text_video .description { width: 68%; padding-right: 10%; } .product-single .full_text_video .description + img { width: 32%; } .product-single .video_image h2 { font-size: 24px; } #password .cover h1 img { max-width: 190px; } #password .content { padding-left: 30px; padding-right: 30px; } #password .top h2 { font-size: 60px; } #password .bottom p { font-size: 14px; } #password .bottom form input[type="submit"] { font-size: 14px !important; } #password .footer { padding: 0 30px; } #password .footer p { font-size: 10px; } #built-to-last .swatches .materials .material h5 { margin-bottom: 8px; } #built-to-last .swatches .materials .material p { font-size: 12px; } #built-to-last .swatches .materials .material img { margin-bottom: 22px; } #help .page-content .questions h3 { font-size: 20px; } #our-locations .container.slim { max-width: 940px; } #error404 .vert-center { width: 50%; } } /* Responsive - Tablet Portrait & Mobile -------------------------------------------------------------- */ @media only screen and (max-width: 768px) { h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } h6.border-bottom { font-size: 12px; } .slideshow-section .general-slider .slick-slide .general-slider__content h3 {font-size: 30px;} .container { padding: 0 24px; } .container.slim { padding: 0 32px; } #content { padding-bottom: 752px; } #content section { opacity: 1; } .promo-active + #content { padding-top: 65px; } .banner.shop #breadcrumb { display: none; } .promo p { padding: 3px 0 2px; font-size: 10px; } footer .newsletter-social { width: 100%; display: flex; padding-bottom: 60px; justify-content: space-between; text-align: center; } footer #newsletter form { max-width: 400px; margin: 0 auto; } footer .menus { width: 100%; } footer .social li:not(:last-of-type) { margin-right: 20px; } footer .copyright { margin-top: 95px; padding: 13px 0; text-align: center; } footer .copyright .container { flex-direction: column-reverse; } footer .copyright .container div { width: 100%; margin-bottom: 38px; } footer .copyright p { padding: 2px 0; } .index #content { padding-bottom: 672px; } .index .shopify-section section { padding: 30px 0; } .full-image-section .meta { max-width: 420px; padding: 28px 37px; } .full-image-section .meta h3 { font-size: 32px; } .full-image-section .meta p { font-size: 16px; } .full-image-section .meta .btn { min-width: 160px; } .index .press-section .container { padding: 0; } .shopify-section.subfeatures-section section { padding: 15px 0; } .subfeatures-section .subfeature.quote .meta { padding: 0; } .shopify-section.text-page table { font-size: 14px; } .shopify-section.text-page table tbody td, .shopify-section.text-page table tfoot td { font-size: 13px; } .shopify-section.text-page table td:nth-child(1) { padding-left: 25px; } .page-banner .image { padding-bottom: 60%; } #shopify-section-trade .col h2 br { display: none; } #trade form .btn { min-width: 190px; height: 50px; font-size: 14px !important; } .product-single #details { padding-top: 22px; } .wamakers-item { width: 100%; } } /* Responsive - Tablet Portrait -------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 768px) { .btn { min-width: 120px; height: 26px; font-size: 11px !important; } a.btn, span.btn { line-height: 24px; } .btn-reverse { min-width: 125px; height: 26px; padding: 0 12px; font-size: 11px !important; } a.btn-reverse, span.btn-reverse { line-height: 26px; } #panels .button img { width: 13px; } #panels .button div:nth-child(1) { padding: 4px 4px 2px; } #panels .btn-close { top: 22px; } #panels .btn-close div:nth-child(1) { padding: 3px 4px 7px; } #panels .panel .open h6 { margin-bottom: 15px; padding-bottom: 4px; font-size: 12px; } #panels .panel .open h2 { min-height: 92px; font-size: 18px; } #panels .closed { font-size: 12px; } #panels .panel .open-active { width: 84%; } #panels .panel .open-active h2 { font-size: 22px; } #panels .panel .open-active h6 { margin-bottom: 29px; padding-bottom: 2px; font-size: 12px; } #panels .panel .open-active p { font-size: 14px; } .slick-arrow { width: 24px; height: 24px; } .slick-dots { margin-top: 11px; } .banner2 .details { padding: 15px; } .banner2 .details div { padding: 35px 28px; } .banner2 .details h6 { margin-bottom: 26px; font-size: 12px; } .banner2 .details .btn { margin-top: 1px; } .product-list .product .product-meta { padding-top: 20px; } .collection-swatches .product-list .col:nth-child(1) { width: 60%; } .collection-swatches .product-list .col:nth-child(2) { width: 39%; padding: 0 30px; } .collection-swatches .swatches h4 { margin-bottom: 20px; } .collection-swatches .product-list .product { width: 32%; margin-right: 2%; } .collection-swatches .product-list .product:nth-child(4n) { margin-right: 2%; } .collection-swatches .product-list .product:nth-child(3n) { margin-right: 0; } .collection-swatches .product-list .product .btn { font-size: 14px !important; } .collection-swatches .product-list .preview { width: 100%; margin-right: 0; padding: 30px 0; } .collection-swatches .product-list .preview .close { width: 22px; height: 22px; top: 10px; } .collection-swatches .product-list .preview .text h6 { padding-top: 0; font-size: 18px; } .collection-swatches .product-list .preview .text .hide p:first-of-type { font-size: 14px; } .collection-swatches .product-list .preview .image .zoom-icon { top: 30px; right: 30px; } body[class^="product"] #content { padding-bottom: 657px; } .product-single .product-meta h1 { font-size: 18px; } .product-single .product-meta .from-price { font-size: 14px; } .product-single .product-meta form { padding-top: 0; } .product-single .product-meta .product-options { padding-bottom: 0; } .swatch .header { margin-bottom: 10px; font-size: 10px; } .swatch label { min-width: 92px !important; height: 28px !important; font-size: 11px; line-height: 26px; } .swatch .color label { min-width: 21px !important; height: 21px !important; } .product-single .purchase { padding-top: 0; } .product-single #addtocart { min-width: 113px; height: 38px; margin-right: 20px; font-size: 16px !important; } .product-single #panels .panel { padding: 0 24px; } .product-single #panels .panel .open { padding: 0; } .product-single #panels .panel .open h2 { min-height: 116px; font-size: 22px; line-height: 1.0; } .product-single #panels .panel .open h6 { font-size: 12px; } .product-single .full_text_video h2 { margin-bottom: 6px; font-size: 22px; } .product-single .full_text_video p { font-size: 14px; } .product-single .full_text_video .description { width: 60%; padding-right: 6%; } .product-single .full_text_video .columns { padding-top: 0; } .product-single .full_text_video .columns div { width: auto; display: block; padding: 10px 0 0; } .product-single .full_text_video .columns div p:last-of-type { margin-bottom: 18px; } .product-single .full_text_video .description + img { width: 40%; } .product-single .slider { padding-top: 54px; } .product-single .slider .tabs { display: none; } .product-single .slider .slick .slide { border-top: 31px solid #fff; } .product-single .slick #details .container > div:first-child { padding-right: 10px; } .product-single .slide .tabs { display: block; position: absolute; top: -38px; } .product-single .slider .tabs li { color: #363533; } .product-single .slider .tabs li.active:after { bottom: -17px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .product-single .video_image { padding-top: 32px; } .product-single .video_image .border-top, .product-single .video_image .border-left { top: 7%; } .product-single .video_image .border-bottom { top: 92%; } .product-single .video_image h2 { width: 35%; margin-bottom: 9px; font-size: 20px; letter-spacing: 8px; } .product-single .video_image .video:not(.single-image):before { width: 84px; height: 84px; } .product-single .image_grid { display: none; } .cart .buttons .btn { min-width: 113px; height: 38px; font-size: 16px !important; } .cart .buttons a.btn { line-height: 36px !important; } #password .cover { width: 100%; height: 50vh; float: none; } #password .cover .top { width: 80%; display: block; position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #password .cover h1 { display: none; } #password .content { width: 100%; height: 50vh; float: none; } #password .content .top { display: none; } #password .top h2 { font-size: 48px; } #password .top h2 + hr { margin: 18px auto 26px; border-color: #fff; } #password .top img { max-width: 120px; margin-top: 63px; } #password .bottom { max-width: 420px; position: relative; bottom: 0; margin: 0 auto; padding: 0; text-align: center; } #password .bottom h4 { font-size: 18px; } #password .bottom form { padding: 30px 0 0; } #password .bottom form input[type="email"] { width: 100%; margin-right: 0; } #password .bottom form input[type="submit"] { width: auto; font-size: 14px !important; } #password .bottom form .success, #password .bottom form .errors { text-align: center; } #password .bottom p { font-size: 14px; } #password .footer { width: 100%; position: fixed; bottom: 13px; left: 0; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #password .footer p { font-size: 10px; } .page-title { font-size: 24px; } #built-to-last .swatches .materials .material { padding: 0 20px; } #built-to-last .swatches .materials .material h5 { margin-bottom: 8px; } #built-to-last .swatches .materials .material p { font-size: 12px; } #built-to-last .swatches .materials .material img { margin-bottom: 22px; } #help .page-content { padding-left: 24px; padding-right: 24px; } #help .page-content .questions:first-of-type h3 { padding-top: 0; } #our-locations .page-content { padding: 35px 24px 0; } #our-locations .quote p { font-size: 18px; } #social-mission .page-content h6 { font-size: 12px; } #error404 .vert-center { min-width: 60%; } } @media only screen and (max-width: 767px) { .coverbaseassamble .assamble_cover .left { display:none; } .coverbaseassamble .assamble_cover .left, .coverbaseassamble .assamble_cover .right { width: 300px; height: auto; margin: 0 auto; } .coveras_holder { display: flex; flex-direction: column; justify-content: top;} .assamble_cover-text { margin: 0 0 10px; } .coveras_holder .btn.bannerbutton { margin: 0; } .coverbaseassamble .assamble_cover .left, .coverbaseassamble .assamble_cover .right { width: 100%; } .coveras_holder { min-height: 250px;} .product-single .product-images .thumbs { display: none !important; } .slick-prev { left: 2%; } .vidtet-video iframe { height: 310px;} .wamakers-item__link { font-size:12px !important; font-weight:700; padding: 12px 26px 8px; background-color: #363533; background-image: none; color: #fff; border: none; } .wamakers-item__link:hover {border: none; background: rgba(54, 53, 51, 0.8); color: #fff; } .traden-form-section { margin: 37px auto 19px; } .traden-wrapper { padding: 32px 20px 24px; min-height: 300px; } .traden-form-text { padding: 0 12px; } .traden-form-holder { padding: 0 8px; } .traden-form-holder .flex { flex-direction: column; } .traden-wrapper input[type="text"], .traden-wrapper input[type="email"], .traden-wrapper input[type="number"], .traden-wrapper input[type="password"], .traden-wrapper input[type="telephone"], .traden-wrapper select, .traden-wrapper textarea { margin: 0 0 19px; } .page-topbanner { min-height: 20vh; padding: 21px 55px 10px; } .page-topbanner-title { font-size: 32px; } .desblog-item__cont { padding: 24px 0 0; } .dissingle-wrapper { flex-direction: column; } .dissingle__img { width: 100%; padding: 0; } .dissingle-content { width: 100%; } .collection-archive__title { margin: 0 20px 0; } .blog-topbanner { min-height: 17vh; padding: 11px 20px 18px;} .blog-topbanner h1 { font-size: 29px;} .blog-top-text { margin: 25px auto 39px; padding: 0 25px; } .blog-top-text p { margin: 0 0 10px; font-size: 17px; line-height: 19px; } .blogtag-list { padding: 0 14px 6px; } .blogtag-list li {padding: 0 5px 12px;} .blogtag-list li a {min-width: 105px; padding: 11px 10px; } .blog-list__item { width: 50%; padding: 0 19px 31px; } .blog-list__item-img { margin: 0 0 12px;} .blog-list__item-content-top-item { padding: 0 0 4px 20px; } .blog-list__item-title { margin: 0 0 8px; } .blog-list__item-excerpt { margin: 0 0 10px; } .blog-list__item-btn a { font-size: 12px !important; padding: 0 15px; background-color: #363533; color: #fff; border: none;height: 38px; line-height: 38px !important; font-weight:700} .blog-list__item-btn a:hover {border: none;background: rgba(54, 53, 51, 0.8); } .blog-list__item-btn a .blog-list__item-btn-arr { display:none; } .desblog-item__btn { font-weight: 700; padding: 12px 26px 8px; font-size: 12px; line-height: 1.6; background-color: #363533; color: #fff; border: none; } .desblog-item__btn .blog-list__item-btn-arr { display:none; } .desblog-item__btn:hover {border: none; background: rgba(54, 53, 51, 0.8); color: #fff; } .page-sect-circular { padding: 0 0; } .circular-item { padding: 20px 0 20px; flex-direction: column;} .circular-item:last-child { padding: 20px 0; } .circular-item__img { width: 100%; padding: 0 26px 0; justify-content: flex-end;} .circular-item__img img {max-width: 245px; } .circular-item .circular-item__desc { width: 100%; padding: 0 12px 0 27px; } .circular-item:nth-child(2n+1) .circular-item__desc { order: unset; padding: 0 12px 0 27px; } .circular-item__desc h2 { margin: -31px 35% 31px 6px; } .circular-item__desc p { margin: 0 0 22px; } .circular-item__desc h4 { margin: 0 0 15px; } .circular-item__desc-list { margin: 0 0 6px;} .circular-item__desc-list li { padding: 0 6px 19px 25px; } .circular-item__desc-list li:before { top: -2px; width: 12px; height: 14px; } .circular-item__desc-article { padding: 17px 0 0 3px; margin: 0 15px 0 0; } .circular-item__desc-article-tag { font-size: 12px; } .circular-item__desc-article h4 { margin: 0;} .circular-item__desc-article-time { margin: 0 0 23px; } .page-btn__bordarr { font-size: 13px; line-height: 16px; padding: 11px 18px;} .page-btn__bordarr .blog-list__item-btn-arr { margin: 0 0 0 7px; } .whatcanyoudo-section { margin:0 0 16px; } .whatcanyoudo-section__wrapper { margin: 0 auto ; padding: 39px 21px 48px; } .whatcanyoudo-text { padding: 0; } .ita-section__wrapper { justify-content: center; flex-direction: column; padding: 46px 0 45px; } .ita-section__img { width: 100%; padding: 0 20px 42px; } .ita-section__content { width: 100%; padding: 0 27px; } .ita-section__title { font-size: 28px; line-height: 34px; margin: 0 0 45px; } .ita-section__content p { font-size: 14px; line-height: 18px; margin: 0 0 21px; } .ita-section__content-article { padding: 20px 26px 0 3px; } .ita-section__content-article-tag { font-size: 14px; line-height: 16px; margin: 0 0 2px; } .ita-section__content-article h4 { font-size: 19px; line-height: 21px; margin: 0 0 5px; } .ita-section__content-article-time { font-size: 14px; line-height: 18px; margin: 0 0 23px; } .craft-swatches__wrapper { flex-direction: column; padding: 20px 27px 0 } .craft-swatches__left { width: 100%; padding: 0 0 41px; } .craft-swatches__right { width: 100%; padding: 0; } .craft-swatches__video { margin: 0 0 32px; } .craft-swatches__text p { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .craft-swatches__text-small p { font-size: 14px; line-height: 19px; margin: 0 0 10px; } .craft-swatches__content-article { padding: 20px 3px 0; } .craft-swatches__content-article-tag { font-size: 14px; line-height: 16px; margin: 0 0 3px; } .craft-swatches__content-article h4 { font-size: 19px; line-height: 21px; margin: 0 0 2px ; } .craft-swatches__content-article-time { font-size: 14px; line-height: 25px; margin: 0 0 18px; } .craft-swatches__right-img { margin: 0 0 6px; } .craft-swatches__right-crt { font-size: 11px; line-height: 21px; margin: 0 0 28px; } .craft-swatches__right-crt-title { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .craft-swatches__right-crt-list li { font-size: 14px; line-height: 19px; padding: 0 0px 19px 24px; } .craft-swatches__right-crt-list li:before { top: -2px; } .craft-swatches__slider-holder { padding: 0 0 42px; } .craft-swatches:last-child .craft-swatches__slider-holder { padding: 0 0 17px; } .craft-swatches__slider-holder h2 { font-size: 21px; line-height: 29px; margin: 0 7.3% 10px; } .craft-swatches__slider { padding: 64px 56px 33px; } .craft-swatches__slider-item img { margin: 0 0 9px; } .craft-swatches__slider-item__title { font-size: 16px; } .craft-swatches__slider .slick-dots { margin-top: 23px; } .craft-swatches__slider .slick-dots li { width: 11px; height: 11px; margin: 0 9px;} .craft-swatches__slider .slick-dots li button { background: #FAFAFA; } .craft-swatches__slider .slick-dots .slick-active button { background: #363533; } .page-craft-button { margin: 54px 0 36px;} .page-craft-button .page-btn__bgblack { padding: 11px 36px; } #craft .embed-container { position: relative !important; padding-bottom: 56.25% !important; height: 0 !important;} #craft .embed-container iframe, #craft .embed-container object, #craft .embed-container embed { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important;} #craft .craft-swatches__right-img img { height: auto !important; } .article-spaces__title { padding: 11px 15px 25px; min-height: 22vh; } .article-spaces__title h1 { font-size: 30px; line-height: 34px; margin: 0 0 7px; } .article-spaces__title-info-item { font-size: 12px; line-height: 16px; padding: 0 0 10px 7px; } .article-spaces__title-info-item:before { top: 6px; left: 3px; } .article-spaces__text-holder { text-align: left; padding: 10px 28px; } .article-spaces__bigimg-text { font-size: 10px; line-height: 14px; padding:8px 28px 32px; } .article-spaces__text { font-size: 16px; line-height: 22px; margin: 0 0 31px; } .article-spaces__text p { font-size: 16px; line-height: 22px; margin: 0; } .article-spaces__text-small { font-size: 13px; line-height: 19px; margin: 0 0 31px; } .article-spaces__text-small p { font-size: 13px; line-height: 19px; margin: 0; } .article-spaces__text-quote { padding: 31px 30px; font-size: 23px; line-height: 28px; } .article-spaces__twoimg { flex-direction: column; padding: 29px 18px 0; } .article-spaces__twoimg-item { width: 100%; padding: 0 10px 26px; } .article-spaces__twoimg-item:last-child {padding: 0 10px 15px;} .article-spaces__twoimg-text { font-size: 10px; line-height: 14px; padding: 9px 0; } .article-spaces__page-content { padding: 1px 34px 8px 28px; } .article-spaces__page-content h4 { font-size: 16px; line-height: 22px; margin: 0 0 25px; } .article-spaces__page-content p { font-size: 14px; line-height: 19px; margin: 0 0 20px; } .article-spaces__btn { padding: 19px 5px; } .main-slider__content-holder { padding: 20px; } .index .returnpolicyas {display : block; margin-top: 40px; } .textimg__block-img { display:none;} } /* Responsive - Mobile Landscape + Mobile Portrait -------------------------------------------------------------- */ @media only screen and (max-width: 667px) { /* h1, .h1 { font-size: 20px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 16px; } h4, .h4 { font-size: 14px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } */ h6.border-bottom { font-size: 10px; } /* p { font-size: 12px; } li { font-size: 12px; } */ .container, .container.slim { padding: 0 16px; } .accordion .ui-accordion-header:after { top: 10px; } .slick-dots { margin-top: 7px; } .slideshow-section .slick-slide .vert-center { text-align: center; } .slideshow-section .slick-slide h2 { font-size: 25px; color: #363533; } .slideshow-section .slick-slide p { margin: 0 0 0; padding-top: 5px; padding-right:0; font-size: 15px; color: #363533; } .slideshow-section .slide-count { display: none; } .arrow-down { bottom: 30px; } .banner2 { margin-top: 35px; } #panels .panel .open { padding: 0 22px; } .product-list .product .product-title { font-size: 14px; } .page-title { margin: 35px 0; } #built-to-last .shopify-section.image-text .container { padding: 0; } #built-to-last .shopify-section.image-text .container h2 { margin-bottom: 56px; padding: 0 16px; text-align: left; } #built-to-last .shopify-section.image-text .content h3, #built-to-last .shopify-section.image-text .content p { padding: 0 16px; } #built-to-last .shopify-section:last-of-type { padding-bottom: 0; } #built-to-last .shopify-section + .shopify-section { padding-top: 2px; } #built-to-last .shopify-section + .shopify-section .container h2 { padding-top: 30px; } #built-to-last .swatches .container { overflow: hidden; } #built-to-last .swatches .materials { display: none; padding-top: 28px; } #built-to-last .swatches .materials.mobile { display: block; } #built-to-last .swatches .materials div { width: 100%; display: block; margin: 0; } #built-to-last .swatches .materials .slick-slide { margin: 18px 0 0; } #built-to-last .swatches .materials .material h5 { font-size: 14px; } #built-to-last .swatches .materials .material p { font-size: 12px; } #built-to-last .swatches .materials .material img { max-width: 125px; margin-bottom: 22px; } #help .page-content p + h2 { padding-top: 25px; } #help .page-content h3 { font-size: 18px; } .cart .cart-items { margin-bottom: 38px; } .cart .cart-items .header li { display: none; } .cart .cart-item { padding: 20px 0 22px; } .cart .cart-item-image, .cart .cart-item-meta { vertical-align: top; } .cart .cart-item-remove { display: none; } .cart .cart-item-remove.mobile { display: block; margin: 0 0 23px 20px; } .cart .cart-item-remove .close { width: 22px; height: 22px; } .cart .cart-item-details { width: 100%; display: block; } .cart .cart-item .cart-prices { width: 56%; display: block; margin-left: 44%; } .cart .cart-item-price { display: none; } .cart .cart-item-qty, .cart .cart-item-lineprice { width: 100%; display: block; text-align: left; } .cart .cart-item-lineprice { margin-top: 10px; } .cart .order-details { width: 60%; margin: 0 20% 35px; } .cart .order-details div span, .cart .order-details div span:last-child { font-size: 13px; } .cart .order-details p { text-align: center; } .cart .buttons .btn { min-width: 250px; display: block; } .cart .buttons a.btn { margin-bottom: 20px; } .cart .affirm-as-low-as { text-align: center; } #password .overlay label { font-size: 15px; } #password .overlay p { font-size: 12px; } } /* Responsive - Mobile Landscape -------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 667px) { .banner h1 { font-size: 55px; } .banner h2 { font-size: 24px; } .collection-swatches .product-list .preview .image .zoom-icon { width: 16px; top: 30px; right: 30px; } #social-mission .page-content { max-width: 600px; margin: 0 auto; padding: 40px 0 0; } .logins.cover { height: auto; } .logins.cover .vert-center { position: relative; top: 0; left: 0; margin: 0 auto; padding: 48px 60px 76px; border: none; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .logins h1 { font-size: 24px; } #error404 .vert-center { padding: 39px 60px; } #error404 h1 { font-size: 24px; } #password .cover h1 { bottom: 10px; } #password .cover h1 img { max-width: 150px; } #password .content { padding: 16px 20px 6px; } #password .content h4 { letter-spacing: 5px; font-size: 12px; } #password .top h2 { font-size: 24px; } #password .top h2 + hr { width: 98px; margin: 17px 0 19px; border-width: 3px; } #password .bottom { position: relative; bottom: 0; padding: 0; margin-top: 20px; } #password .bottom p { font-size: 10px; } #password .bottom h4 + p { margin-bottom: 10px; } #password .bottom form { padding: 0; } #password .bottom form input[type="email"] { width: 100%; height: 43px; margin-right: 0; } #password .bottom form input[type="submit"] { width: auto; height: 43px; font-size: 14px !important; } #password .bottom form .success, #password .bottom form .errors { font-size: 12px; } #password .footer { bottom: 10px; padding: 0 20px; } #password .footer p { width: 100%; display: block; font-size: 9px; text-align: left !important; } } /* Responsive - Larger Than Mobile Portrait -------------------------------------------------------------- */ @media only screen and (min-width: 480px) { .banner2 .slick-track { width: 100% !important; } } /* Responsive - Mobile Portrait -------------------------------------------------------------- */ @media only screen and (max-width: 479px) { #wrapper { background-size: 140% auto; } #content , .promo-active + #content { padding-bottom: 50px; } #newsletter-popup { width: 100%; bottom: 0; right: 0; } #newsletter-popup .intro { padding: 20px 28px 16px; text-align: center; } #newsletter-popup .intro h5 { margin-bottom: 8px; font-size: 14px; } #newsletter-popup .inner img { display: none; } #newsletter-popup .inner div { width: 100%; padding: 30px 12px; text-align: center; } #newsletter-popup h3 { font-size: 14px; } #newsletter-popup input[type="submit"] { width: 28%; font-size: 12px !important; } header .flex { padding: 40px 20px; } header .cart-info a:not(.cart) { display: none; } .sec-nav:not(.collection) li a:before { display: none; } /*footer { padding-top: 19px; }*/ footer .container { padding: 0 40px; } footer .menus { flex-wrap: wrap; } footer .menus nav { width: 45%; margin-bottom: 45px; } footer .copyright { margin-top: 15px; } .popout-panel .hide { display: block; margin-top: -1px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 0; } .popout-panel .hide a { width: 50%; display: inline-block; padding: 10px 0; font-size: 12px; text-align: center; text-transform: uppercase; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popout-panel .hide a:first-of-type { border-right: 1px solid #ebebeb; } #cart-popout { width: 100%; padding: 90px 0; } #cart-popout .close { width: 35px; height: 35px; top: 0; left: 0; vertical-align: top; background: #78746e; } #cart-popout .close::before, #cart-popout .close::after { width: 82%; left: 9%; background: #fff; } #cart-popout h3 { margin: 20px 0 5px; font-size: 20px; } #cart-popout #add-on { padding: 20px; } #cart-popout #add-on h6 { font-size: 13px; } #cart-popout #add-on div:first-of-type { width: 77%; margin-right: 2%; padding-left: 44px; } #cart-popout #add-on div:first-of-type p { font-size: 11px; } #cart-popout table { width: 100%; } #cart-popout tbody tr { border-bottom: 1px solid #f7f8f8; } #cart-popout tbody td {padding: 17px 10px 14px 0 !important;} #cart-popout tfoot td { padding-bottom: 23px; } #cart-popout tfoot td:nth-child(1), #cart-popout tfoot td:nth-child(2) { font-size: 13px; } #cart-popout tfoot tr:nth-child(3) td { text-align: center;} #cart-popout tfoot .btn { margin-top: 17px; } #menu form { display: inline-block; } #menu ul { margin-top: 13px; } #menu li { font-size: 12px; line-height: 1.9; } .banner { min-height: 194px; overflow: hidden; } .banner img:not(.icon) { max-width: none; width: auto; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .banner .vert-center { min-width: initial; max-width: 210px !important; width: 100%; padding: 15px 12px !important; } .banner h1 { font-size: 55px; } .banner.shop .vert-center { padding: 18px 27px; } .banner.shop .vert-center p { font-size: 10px; } .promo { display: none; } .promo .container { padding: 0; } .promo p { font-size: 9px; } .panels-section .top p { font-size: 18px; } .panels-section .top p br { display: none; } #panels { height: 500px; overflow: hidden; border-left: 16px solid #fff !important; border-right: 16px solid #fff !important; } #panels .btn-close { display: none; } #panels .button img { width: 11px; } #panels .button div:nth-child(1) { padding: 3px; background: #78746e; } #panels .button div:nth-child(2) { display: none; } #panels .panels-container { position: absolute; top: 0; } #panels .panel { width: 100% !important; display: block; position: relative; left: 0 !important; } #panels .panel:not(:last-of-type) { border: none; border-bottom: 1px solid #fff; } #panels.open .closed { transform: none; } #panels .closed, #panels.open .closed, #panels.open .panel.inactive .closed { top: 50%; left: 16px; transform: translateY(-50%); } #panels .panel .open { width: 100%; padding: 0 16px; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panels .panel .open .top { width: 90%; display: inline-block; padding-right: 20px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panels .panel .open .button { width: 10%; display: inline-block; text-align: right; vertical-align: middle; } #panels .panel .open h6 { margin-bottom: 0; padding-bottom: 3px; font-size: 10px; } #panels .panel .open h6:after { display: none; } #panels .panel .open h2 { min-height: 0; font-size: 16px; } #panels .panel .open-active { width: 100%; padding: 0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panels .panel .open-active.align-right { right: 0; } #panels .panel .open-active:not(.align-right) { left: 0; } #panels .panel .open-active h2 { margin-bottom: 8px; font-size: 18px; } #panels .panel .open-active h6 { margin-bottom: 22px; padding-bottom: 6px; font-size: 10px; } #panels .panel .open-active p { margin-bottom: 13px; font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal; font-size: 13px; } #panels .bg-open { max-width: none; width: auto; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #panels.open .panel.inactive { height: 8%; padding: 0; } #panels.open .panel:not(.active) .open { display: block; } #panels.panels-4 { padding-bottom: 8%; } #panels.panels-2 .panel { height: 50%; } #panels.panels-3 .panel { height: 33.3333%; } #panels.panels-4 .panel { height: 25%; } #panels.panels-2.open .panel.active { height: 92%; } #panels.panels-3.open .panel.active { height: 84%; } #panels.panels-4.open .panel.active { height: 76%; } .press-section .quote { padding: 0 0; } .press-section .quote img { height: 44px; width: 100px; padding: 10px 0 10px; } .press-section .quote p { max-width: 180px; width: 100%; margin: 0 auto ; } .press-section .quote p:before { content: '“'; } .press-section .quote p:after { content: '”'; } .press-section .slick-dots { margin-top: 0; } .banner2 .outer, .banner2 .outer:nth-child(1), .banner2 .outer:nth-child(2) { display: block; } .banner2 .inner { padding: 0 8px; } .banner2 .details { padding: 11px; } .banner2 .details div { padding: 30px 25px; text-align: center; } .banner2 .details h6 { margin-bottom: 17px; padding-bottom: 5px; font-size: 10px; } .banner2 .details h6:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .banner2 .details h2 { margin-bottom: 10px; font-size: 16px; } .banner2 .details .btn { margin-top: 4px; } .banner2 .image { width: 100%; left: 0; } .index #content { padding-bottom: 796px; } .index .shopify-section section { padding: 20px 0; } .collection-section .slick-carousel { padding-top: 60px; } .collection-section h2 + p { font-size: 18px; } .full-image-section .meta { max-width: 100%; position: relative; top: auto; bottom: auto; right: auto; left: auto; padding: 37px 16px 0; } .full-image-section .meta h3 { font-size: 24px; } .full-image-section .meta p { font-size: 14px; } .image-text-section { padding-top: 0; } .image-text-section .image { width: 100%; display: none; padding-top: 35px; } .image-text-section .content { width: 100%; } .image-text-section .content .image { display: block; } .image-text-columns-section { padding: 0; } .image-text-columns-section .column { width: 100% !important; padding-bottom: 60px; } .image-text-columns-section .image { width: 100%; display: none; padding-top: 35px !important; } .image-text-columns-section .content .image { display: block; } .image-text-columns-section .buttons { margin-top: 0; } .image-text-columns-section .buttons .btn { margin-top: 0; } .subfeatures-section .container { display: block; } .subfeatures-section .subfeature { width: 100% !important; } .subfeatures-section .subfeature:not(:last-of-type) { margin-bottom: 20px; } .subfeatures-section .subfeature .image { padding-bottom: 70vw; } .subfeatures-section .subfeature.quote .meta { position: relative; top: 0; text-align: center; transform: translateY(0); } .subfeatures-section .subfeature.quote .meta p:before { margin-left: auto; margin-right: auto; } .subfeatures-section .subfeature.quote .meta .quotations { margin-top: 40px; } .index .subfeatures-section .subfeature .meta h3 { top: 20px; } .index .subfeatures-section .subfeature .meta .btn { min-width: 60%; bottom: 15px; } .banner.shop { min-height: 194px; } .banner.shop .vert-center { min-width: 0; } .product-list .product { width: 100%; margin-right: 0; } .product-list .products:before, .product-list .products:after { display: none; } .product-list .product { border-top: 1px solid #ececec; } .product-list .product:nth-child(3n+1):before { display: none; } .product-list .product.ad { padding-bottom: 90%; } .product-list .product.blank { display: none; } .collection-swatches .banner.shop { height: 280px; } .collection-swatches .banner.shop .vert-center { max-width: 100% !important; padding: 0 !important; } .collection-swatches .product-list { padding-top: 30px; } .collection-swatches .filters { padding: 0 20px 20px; text-align: left; } .collection-swatches .filters .btn { margin: 4px; padding: 0 20px; } .collection-swatches #content .container { padding: 0; } .collection-swatches .product-list .cols { display: block; } .collection-swatches .product-list .col:nth-child(1) { width: 100%; padding: 0 16px; } .collection-swatches .product-list .col:nth-child(2) { width: 100%; display: none; position: -webkit-sticky; position: sticky; top: auto; bottom: 0; left: 0; padding: 0 16px 15px; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #F7F7F7; } .collection-swatches .product-list .col.active:nth-child(2) { display: flex; } .collection-swatches .product-list .product { width: 45%; margin-right: 4%; } .collection-swatches .product-list .product:nth-child(3n) { margin-right: 4%; } .collection-swatches .product-list .product:nth-child(2n) { margin-right: 0; } .collection-swatches .product-list .product .btn { font-size: 14px !important; } .collection-swatches .product-list .preview { width: 100%; margin-right: 0; flex-wrap: wrap; } .collection-swatches .product-list .preview .close { width: 22px; height: 22px; } .collection-swatches .product-list .preview .image { width: 100%; } .collection-swatches .product-list .preview .text { width: 100%; padding-top: 20px; text-align: center; } .collection-swatches .product-list .preview .text h6 { padding-top: 0; font-size: 18px; } .collection-swatches .product-list .preview .text .hide p:first-of-type { font-size: 14px; } .collection-swatches .product-list .preview .text .btn { margin-top: 0; font-size: 14px !important; } .collection-swatches .order .page-content { width: 100%; padding: 10px 0 0; background: #F7F7F7; } .collection-swatches .page-content p { margin-bottom: 5px; font-size: 20px; } .collection-swatches .page-content + p { display: none; } .collection-swatches .order .items { width: 60%; display: flex; } .collection-swatches .order .item { width: 18.4%; display: block; position: relative; margin: 0; } .collection-swatches .order .item:not(:last-of-type) { margin-right: 2%; } .collection-swatches .order .item .image { width: 100%; } .collection-swatches .order .item .text { display: none; } .collection-swatches .order .item .buttons { width: auto; position: absolute; top: 6px; right: 6px; } .collection-swatches .order .item .buttons .close:before, .collection-swatches .order .item .buttons .close:after { width: 70%; top: 30%; left: auto; right: 5%; background: #fff; } .collection-swatches .order .error { padding-top: 15px; font-size: 12px; line-height: 1.4; order: 1; } .collection-swatches .order .btn { width: 36%; height: 40px; margin: 0; font-size: 16px !important; line-height: 40px; } .collection-swatches .order .btn span { display: none; } .collection-swatches .order .btn + p { display: none; } .search .banner { min-height: 194px; overflow: hidden; } .search .banner img { max-width: none; width: auto; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .search .product-list .product { width: 100%; margin: 0 0 33px; } body[class^="product"] #content { padding-bottom: 781px; } .product-single .main { margin-bottom: 44px; } .product-single .product-images { width: 100%; display: block; margin-bottom: 18px; } .product-single .product-meta { width: 100%; display: block; margin-left: 0; padding: 0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-single .product-meta h1 { font-size: 18px; } .product-single .badges, .product-single .product-images .thumbs, .product-single .product-images .share, .product-single .full_text_video, .product-single .video_image, .slider .tabs, .product-single .slick #dimensions { display: none; } .product-single #details { padding: 22px 0 0; } .product-single .product-meta .product-options { padding-bottom: 0; } .swatch label { min-width: 92px !important; height: 28px !important; font-size: 11px; line-height: 30px; } .swatch .color { margin-right: 6px; } .swatch .color label { min-width: 20px !important; height: 20px !important; } .product-single .purchase { margin-bottom: 0; padding-top: 0; } .product-single #addtocart { min-width: 113px; /*height: 38px;*/ margin-right: 20px; font-size: 16px !important; } .product-single .product-meta .badges { display: block; margin-bottom: 34px; padding-top: 20px; text-align: center; } .product-single .product-meta .badges li { margin: 0 0 10px; } .product-single .product-meta .badges li img { width: 20px; display: block; margin: 0 auto 5px; } .product-single .product-meta .share { /*display: block;*/ } .product-single .product-meta .addthis-header { margin-bottom: 9px; } .product-single .description .gallery { display: block; padding-top: 14px; } .product-single .description .gallery .slick-list { padding: 0 8px !important; } .product-single .description .gallery .image { padding: 0 8px; } .product-single .slider { padding-top: 13px; } .product-single .slide { background: #D4D2CA; } .product-single .slick #details { padding: 39px 0 45px; } .product-single .slick #details .container > div:first-child, .product-single .slick #details .container > div:last-child, .product-single .slick #details .container div div { width: 100%; margin-right: 0 !important; padding-right: 0; } .product-single .slick #details h4, .product-single .slick #delivery h4 { padding-top: 26px; } .product-single .slick #delivery { display: none; padding: 0 0 17px; } .product-single .slick #delivery .container div { width: 100%; display: block; margin-right: 0 !important; padding-left: 57px; } .product-single .slick #delivery .container > div:first-child { margin-bottom: 22px; } .product-single .slick #download { padding: 30px 20px; color: #363533; background: #fff; } .product-single .slick #download .container { padding: 0; } .product-single .slick #download .container div { padding: 0 10px; } .product-single .slick #download h4 { font-size: 14px; } .product-single .slick #download p { font-size: 11px; } .product-single .slick #download p a { font-size: 10px; } .page-title { font-size: 21px; } .shopify-section.image-text .container, .shopify-section.text-page .container { flex-wrap: wrap; } .shopify-section.image-text .container div, .shopify-section.text-page .content, .shopify-section.text-page .table-container { width: 100%; } .shopify-section.image-text .image { margin-bottom: 20px; order: -1; } .shopify-section.image-text .image p { text-align: right; } .shopify-section.text-page table { font-size: 12px; } .shopify-section.text-page table tbody td, .shopify-section.text-page table tfoot td { font-size: 12px; } .shopify-section.text-page table tr:first-of-type td { font-size: 11px; } #built-to-last .shopify-section:not(:first-of-type) { padding-top: 30px; } #built-to-last .shopify-section:not(:last-of-type) { padding-bottom: 0; } #built-to-last .quotations { margin-top: 80px; } #help .page-content { padding-bottom: 0; } #help .page-content .questions { padding-bottom: 35px; } #help .page-content .questions .flex { flex-wrap: wrap; } #help .page-content .questions .flex h4, #help .page-content .questions .flex div { width: 100%; } #help .page-content .questions .flex h4 { margin-bottom: 15px; } #our-locations .page-content { padding: 28px 0 0; } #our-locations .showroom { width: 100%; display: block; margin-right: 0; text-align: center; } #our-locations .quote { width: 100%; display: block; padding-top: 20px; } #our-locations .quote h6 { margin-bottom: 12px; padding-bottom: 4px; font-size: 10px; } #our-locations .quote p { font-size: 18px; } #our-story .shopify-section { padding-top: 30px; } #our-story .shopify-section:not(:last-of-type) { padding-bottom: 0; } #social-mission .page-content { padding: 40px 0 0; } #social-mission .page-content h6 { margin-bottom: 12px; padding-bottom: 4px; font-size: 10px; } .page-banner .image { height: 80vh; padding-bottom: 0; } .page-banner .arrow-down { display: block; } #shopify-section-trade { padding: 50px 0; } #shopify-section-trade .container { padding: 0; } #shopify-section-trade .columns { justify-content: center; } #shopify-section-trade .col { width: 80%; } #shopify-section-trade .col:not(:last-of-type) { margin-bottom: 40px; } #shopify-section-trade .col p { font-size: 14px; } #trade form { padding-bottom: 40px; } #trade form .fields { flex-wrap: wrap; } #trade form .fields input { width: 100%; margin-left: 0; margin-right: 0; } #trade form .btn { min-width: 100%; padding: 0 20px; } #password .cover { width: 100%; height: auto; float: none; } #password .cover .top { display: block; padding: 70px 0 24px; } #password .cover h1 { display: none; } #password .content { width: 100%; height: auto; padding: 27px 20px 12px; float: none; } #password .content .top { display: none; } #password .top h2 { font-size: 42px; } #password .top h2 + hr { margin: 18px auto 26px; border-color: #fff; } #password .top h4 { letter-spacing: 8px; } #password .top img { max-width: 120px; margin-top: 63px; } #password .bottom { max-width: 420px; position: relative; bottom: 0; margin: 0 auto; padding: 0; text-align: center; } #password .bottom h4 { font-size: 18px; } #password .bottom form { padding: 0 0 40px; } #password .bottom form input[type="email"] { width: 100%; height: 43px; margin-right: 0; } #password .bottom form input[type="submit"] { width: auto; height: 43px; font-size: 14px !important; } #password .bottom form .success, #password .bottom form .errors { text-align: center; } #password .bottom p { font-size: 14px; } #password .footer { position: relative; bottom: 0; padding: 0; } #password .footer p { width: 100%; display: block; font-size: 9px; text-align: center !important; } .logins.cover, .promo-active + #content .logins.cover { height: calc(100vh - 146px); height: -o-calc(100vh - 146px); height: -webkit-calc(100vh - 146px); height: -moz-calc(100vh - 146px); margin-bottom: -102px; } .logins.cover h1, .logins.cover h2 { font-size: 24px; } .logins.cover .vert-center { padding: 0; border: none; } .action_bottom a, .action_bottom .cancel { display: block; margin: 0; } .action_bottom a:not(:last-of-type) { margin-bottom: 10px; } .form-container .half { width: 100% !important; margin-right: 0 !important; } .form-container #recover-email { width: 100%; } #error404.cover, .promo-active + #content #error404.cover { height: calc(100vh - 146px); height: -o-calc(100vh - 146px); height: -webkit-calc(100vh - 146px); height: -moz-calc(100vh - 146px); margin-bottom: -102px; } #error404.cover h1, #error404.cover h2 { font-size: 24px; } #error404.cover .vert-center { width: 90%; padding: 0; border: none; } .overlay .close {margin-bottom: 30px;} .searchform.vert-center {position: fixed; top: 40%;} .product-list .product .product-title a { font-size: 14px; line-height: 20px; } .product-list .product .price span { font-size: 12px; } .product-list .product .usf-colors-available {font-size: 12px; } .collection .product-list .product p.price, .search .product-list .product p.price { font-size: 14px; line-height: 20px; } .product-list .product .total_color a { font-size: 12px; line-height: 30px; } .collection .product-list .product .swatches .material .search .product-list .product .swatches .material { height: 22px !important; width: 22px !important; background-size: 60px 50px !important; } .collection .inhovercolor { position: relative; } .custom_search { display: none;} #bc-sf-filter-tree .bc-sf-filter-clear, #bc-sf-filter-tree .bc-sf-filter-clear-all { font-size: 14px !important; } .product.ad .vert-center img { width: 65px;} .product.ad .vert-center a img { width: auto; display: none; } .collection .product.ad section.product-meta.vert-center.center h3 { font-size: 25px; line-height: 30px; margin-bottom: 20px; } .collection .product-list section.product.ad p a, .search .product-list section.product.ad p a { font-size: 20px; background: #e1e1e1; } .our_tour a.text_twosize, .home_page_cover a.text_twosize, .mobile_accodian .quot a { font-size: 12px !important; border-radius: 50px; background: none; color: #363533; height: 38px;line-height: 38px; font-weight: 700;} .our_tour a.text_twosize, .home_page_cover a.text_twosize, .mobile_accodian .quot a:hover {border-radius: 50px; height: 38px;line-height: 38px; } .quot a { background-color: #363533; color: #fff; border: none; } .quot a:hover {border: none;background: rgba(54, 53, 51, 0.8); } .quot a img, .our_tour a.text_twosize img, .home_page_cover a.text_twosize img, .mobile_accodian .quot a img, .collection .product-list section.product.ad p a img, .search .product-list section.product.ad p a img { display: none; } .home_page_cover .right_coveras a.btn { font-size: 12px !important; line-height: 38px !important; transition: none; min-width: auto; height: 38px; display: inline-block; padding: 0 26px; font-weight: 700; text-align: center; } .productstat-tag { width: 20px; height: 20px; } div.tiltecas h1 { margin-bottom: 10px; margin-top: 10px; } .inner_collection_list .btn.bannerbutton { margin: 0 auto; } .des_right .left_img { margin-top: 0; } .index #content .inner { display: flex; flex-flow: column wrap; /* flex-direction: column; flex-wrap: wrap */} .index .shopify-section { max-width: 100%; width: 100%; } .index .slideshow-section {order: -4;} .index .retunpolicy_homepage_tab {order: -3;} .index .press-section {order: -2;} .index .productas_cover { order: -1; } .bc-sf-filter-custom-sorting label>span:after { display: none !important; } .vidtet-video iframe { height: 165px; } /*.wedes-slick__item { text-align: center; }*/ body.product-custom_all section#content { padding-bottom: 0; } body.product-new section#content { padding-bottom: 0; } .vidtet-text { font-size: 17px; line-height: 21px; padding: 0 28px; } .video-text-section { padding: 34px 0 0;} .we-are-makers { padding: 18px 0 0; } .wamakers-list { padding: 0 16px; } .wamakers-item__img { margin: 0 0 10px; } .wamakers-item { padding: 0 16px 40px; } .wedes-wrapper { padding: 0; } .we-design-for-you { padding: 1px 0 20px; } .wedes-slider .slick-slide { margin: 0 32px 4px; } .wedes-slider .slick-dots { margin-top: 5px; } .wedes-slider .slick-dots li { width: 6px; height: 6px; margin: 0 6px; } .founder-holder { padding: 22px 22px 29px; } .founder-title { padding: 0 10px 26px; } .founder-img {padding: 0 42px 20px;} .founder-signt { width: 164px; padding: 10px 0 0; } .founder-text { padding: 0 10px 10px; } .product-about .productpage_title { margin-top: 43px; margin-bottom: 15px; } .product-about .productpage_title h2 { margin:0; } .product-about .product_home_main { padding: 0 30px; } .product-custom_all .product-single .product-images .thumbs .slide { width: 10px !important; height: 10px !important; border-radius: 50%; background-color: #bfbfbf; } .product-custom_all .product-single .product-images .slide.active { background-color: #333333; } .product-custom_all .product-single .product-images .slick-track .slide img { display: none; } .product-custom_all .product-single .product-images .sticy_pimage .thumbs { background: #f4f4f4; padding: 10px 0; margin: 0; } .product-new .product-single .product-images .thumbs .slide { width: 10px !important; height: 10px !important; border-radius: 50%; background-color: #bfbfbf; } .product-new .product-single .product-images .slide.active { background-color: #333333; } .product-new .product-single .product-images .slick-track .slide img { display: none; } .product-new .product-single .product-images .sticy_pimage .thumbs { background: #f4f4f4; padding: 10px 0; margin: 0; } .traden-block__content { padding: 33px 17px 27px; } .traden-text{ margin: 29px auto 37px; font-size: 16px; line-height: 18px; padding: 0 15px; } .traden-text p { margin: 0 0 19px; font-size: 16px; line-height: 18px; } .traden-block__title { margin: 0 0 22px; } .traden-block__list li { padding: 0 0 20px 23px; } .traden-block__list li:before { top: 3px; width: 16px; height: 17px; } .traden-block__list h4 { font-size: 18px; line-height: 23px; margin: 0 0 3px; } .traden-block__list p { font-size: 14px; line-height: 18px; margin: 0 0 3px; } .collection .product-list .product.ad, .search .product-list .product.ad { min-height: 367px; } .desblog-list__wrapper { margin: 24px auto 16px; } .desblog-item { width: 100%; padding:0 31px 33px;} .collection-archive.collection .product-list .product { width: 100%; margin: 15px 0 0;} .collection-archive.collection .product-list .products { padding: 0;} .collection-archive .product-list .product .product-meta { margin: 12px 0 0; } .collection-archive .product-list .product .product-title { line-height: 20px; } .collection-archive .product-list .product .product-title a { font-size: 18px; line-height: 20px; display: block; } .collection-archive.collection .collectioncustom_swatches a { height: 22px !important; width: 22px !important; } .collection-archive.collection .product-list .product p.price { line-height: 16px; margin-bottom: 5px; } .collection-archive .product-list .product .total_color { margin-top: 2px; margin-left: 3px;} .collection-archive .product-list .product .total_color a { font-size: 12px; line-height: 15px; } .collection-archive__title { margin: 0 0 0;} .fr-section { background-position: 75% 0 ; background-repeat: no-repeat; background-size: 135%; } .fr-section__top-btn {margin: 20px 0 10px;} .fr-section-slider-item { margin: 0; padding: 20px 0 13px; text-align: center; } .fr-section-slider-item p { margin:0;} .fr-section-slider-holder { padding:0 0 12px; background-image: url(//civilspace.com/cdn/shop/t/32/assets/fslide-bg.png?v=50398307729962160441623354134); background-repeat: repeat; background-position: 0 0; background-size: auto;} .fr-section-slider .slick-dots li { width: 6px; height: 6px; margin: 0 5px; } .blog-list { display: flex; flex-wrap: wrap; } .blog-list__item { width: 100%; min-height: unset; } .refearn-block-content {text-align: left;} .page-sect__text { margin: 29px auto 37px; font-size: 16px; line-height: 18px; padding: 0 15px; } .page-sect__text p { margin: 0 0 19px; font-size: 16px; line-height: 18px; } .page-sect__wrapper980 { font-size: 11px; line-height: 15px; padding: 56px 27px 49px;} } @media only screen and (max-width: 374px) { .blogtag-list li a { min-width: 81px; font-size: 12px; line-height: 15px;} } /* Responsive - Mobile Portrait (iPhone 5) -------------------------------------------------------------- */ @media only screen and (max-width: 320px) { #wrapper { background-size: 180% auto; } } /* Responsive - Password -------------------------------------------------------------- */ @media only screen and (min-width: 1027px) and (min-height: 1201px) { #password .bottom { margin-top: 50vh; } } @media only screen and (min-width: 1027px) and (min-height: 1000px) and (max-height: 1200px) { #password .bottom { margin-top: 40vh; } } @media only screen and (min-width: 1027px) and (min-height: 800px) and (max-height: 999px) { #password .bottom { margin-top: 30vh; } } @media only screen and (min-width: 1027px) and (min-height: 700px) and (max-height: 799px) { #password .bottom { margin-top: 20vh; } } .product.blank.product_blank.active{ float: left; width: auto; max-width: initial; min-width: auto; flex: 0 0 !important; margin: 0; } /* New PRODUCT PAGE STYLES */ .product-new .lefe_banner .slick-arrow.slick-next { right: 30px; background: url(//civilspace.com/cdn/shop/t/32/assets/arrow_right.png?v=101591326689040503861623354107); } .product-new .lefe_banner .slick-arrow.slick-prev { left: 30px; background: url(//civilspace.com/cdn/shop/t/32/assets/arrow_left.png?v=55052979482125554101623354105); } .product-new .lefe_banner .slick-arrow { text-indent: -9999px; background-size: cover !important; transform: none; width: 40px; height: 40px; } .innerlaxurious_banner img { width: 100%; } @media screen and (min-width: 1100px) { body.product-new #content .container { width: 100% !important; max-width: 100%; padding-left: 75px; padding-right: 75px; } } .desktop-banner-designers{position:relative;padding: 0;} .desktop-banner-designers img{ width:100%; } .desktop-banner-designers img.mobile-bg{display:none}; .desktop-banner-designers div{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; margin:auto; } @media screen and (max-width: 767px){ .swatch[data-type="orientation"] label[for="swatch-0-left"],.swatch[data-type="orientation"] label[for="swatch-0-right"]{min-width:26px !important; height:26px !important; width: 26px;} .desktop-banner-designers .mobile-bg{display:block !important;}; .product-single .product-images .share{display:none;} p.center.promotext{ height: 33px; padding: 0 !important; display: flex; align-items: center; justify-content: center; } header .flex { padding: 0 20px !important; height: 60px; } } .review-section{/*display:none;*/}