"super swe 1"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div geo-segmentation="" class="expressy-new-design"> <div class="legacy-opendesk"> <article class="design-page"> <div class="get-it-page-body"> <div product-configuration-choices="" configuration-key="opendesk_design_configurations" fallback-key="opendesk_design_fallback_configuration"> <div> <div class="product-lead--bg"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="product-lead--row"> <div class="row"> <div class="product-lead--presentation"> <div class="tab-content" product-lead-configuration-images=""> <div class="materialBlock configuration tab-pane active" data-configuration-id="24464" id="24464" product-lead-configuration=""> <div class="col-xs-12"> <div class="tab-content"> <div role="tabpanel" class="tab-pane lead-image--full active" product-lead-configuration-image="" data-angle-index="0" data-configuration-id="24464" id="angle-24466-0"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24466/03004/114a27/opendesk_furniture_lean-desk_product-page_configurator-image-front-all-ply_full-1.lead.jpg" alt=""> </div> <div role="tabpanel" class="tab-pane lead-image--full" product-lead-configuration-image="" data-angle-index="1" data-configuration-id="24464" id="angle-24467-1"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24467/03004/b6648d/opendesk_furniture_lean-desk_product-page_configurator-image-angled-all-ply_full-1.lead.jpg" alt=""> </div> <div role="tabpanel" class="tab-pane lead-image--full" product-lead-configuration-image="" data-angle-index="2" data-configuration-id="24464" id="angle-24468-2"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24468/03004/d7cfa7/opendesk_furniture_lean-desk_product-page_configurator-image-side-all-ply_full-1.lead.jpg" alt=""> </div> </div> </div> <div class="hidden-xs hidden-sm col-md-9"> <div role="tablist" class="lead-image-angles--row"> <div class="lead-image-angles--tab active" role="presentation" product-lead-angle-selection="" data-angle-index="0"> <a href="#angle-24466-0" aria-controls="angle-24466-0" role="tab"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24466/03004/e624ef/opendesk_furniture_lean-desk_product-page_configurator-image-front-all-ply_thumb-1.micro.jpg" alt=""> </a> </div> <div class="lead-image-angles--tab" role="presentation" product-lead-angle-selection="" data-angle-index="1"> <a href="#angle-24467-1" aria-controls="angle-24467-1" role="tab"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24467/03004/970335/opendesk_furniture_lean-desk_product-page_configurator-image-angled-all-ply_thumb-1.micro.jpg" alt=""> </a> </div> <div class="lead-image-angles--tab" role="presentation" product-lead-angle-selection="" data-angle-index="2"> <a href="#angle-24468-2" aria-controls="angle-24468-2" role="tab"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24468/03004/3c8b8b/opendesk_furniture_lean-desk_product-page_configurator-image-side-all-ply_thumb-1.micro.jpg" alt=""> </a> </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-3"> <ul role="tablist" class="configuration-swatch--list"> <li class="material-swatch--closeup active" role="presentation" geo-availability="/world" ng-show="geoAvailable()"> <a href="#24464" aria-controls="24464" product-configuration-choice="" data-configuration-id="24464" data-track-link="true" data-track-cta="View" data-track-type="design-page--configurator-swatch-click--1"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24464/02948/e04e1a/configurator-material_birch-ply-1.swatch.jpg" alt=""> </a> </li> <li class="material-swatch--closeup" role="presentation" geo-availability="/world" ng-show="geoAvailable()"> <a href="#24469" aria-controls="24469" product-configuration-choice="" data-configuration-id="24469" data-track-link="true" data-track-cta="View" data-track-type="design-page--configurator-swatch-click--2"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24469/02948/3cc411/configurator-material_white-laminate.swatch.jpg" alt=""> </a> </li> <li class="material-swatch--title"> Birch Ply </li> </ul> </div> <!-- <div class="col-xs-12 col-sm-6 col-md-2">--> <!-- --> <!-- <div class="product-lead--seats-detail">seats </div>--> <!-- <div class="product-lead--seats-detail">seats </div> --> <!-- </div>--> </div> <div class="materialBlock configuration tab-pane" data-configuration-id="24469" id="24469" product-lead-configuration=""> <div class="col-xs-12"> <div class="tab-content"> <div role="tabpanel" class="tab-pane lead-image--full" product-lead-configuration-image="" data-angle-index="0" data-configuration-id="24469" id="angle-24471-0"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24471/03004/bf9d6f/opendesk_furniture_lean-desk_product-page_configurator-image-front-white-lam_full-1.lead.jpg" alt=""> </div> <div role="tabpanel" class="tab-pane lead-image--full" product-lead-configuration-image="" data-angle-index="1" data-configuration-id="24469" id="angle-24472-1"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24472/03004/71852a/opendesk_furniture_lean-desk_product-page_configurator-image-angled-white-lam_full-1.lead.jpg" alt=""> </div> <div role="tabpanel" class="tab-pane lead-image--full" product-lead-configuration-image="" data-angle-index="2" data-configuration-id="24469" id="angle-24473-2"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24473/03004/e11acb/opendesk_furniture_lean-desk_product-page_configurator-image-side-white-lam_full-1.lead.jpg" alt=""> </div> </div> </div> <div class="hidden-xs hidden-sm col-md-9"> <div role="tablist" class="lead-image-angles--row"> <div class="lead-image-angles--tab active" role="presentation" product-lead-angle-selection="" data-angle-index="0"> <a href="#angle-24471-0" aria-controls="angle-24471-0" role="tab"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24471/03004/e67290/opendesk_furniture_lean-desk_product-page_configurator-image-front-white-lam_thumb-1.micro.jpg" alt=""> </a> </div> <div class="lead-image-angles--tab" role="presentation" product-lead-angle-selection="" data-angle-index="1"> <a href="#angle-24472-1" aria-controls="angle-24472-1" role="tab"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24472/03004/5e1419/opendesk_furniture_lean-desk_product-page_configurator-image-angled-white-lam_thumb-1.micro.jpg" alt=""> </a> </div> <div class="lead-image-angles--tab" role="presentation" product-lead-angle-selection="" data-angle-index="2"> <a href="#angle-24473-2" aria-controls="angle-24473-2" role="tab"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24473/03004/351de9/opendesk_furniture_lean-desk_product-page_configurator-image-side-white-lam_thumb-1.micro.jpg" alt=""> </a> </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-3"> <ul role="tablist" class="configuration-swatch--list"> <li class="material-swatch--closeup active" role="presentation" geo-availability="/world" ng-show="geoAvailable()"> <a href="#24464" aria-controls="24464" product-configuration-choice="" data-configuration-id="24464" data-track-link="true" data-track-cta="View" data-track-type="design-page--configurator-swatch-click--1"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24464/02948/e04e1a/configurator-material_birch-ply-1.swatch.jpg" alt=""> </a> </li> <li class="material-swatch--closeup" role="presentation" geo-availability="/world" ng-show="geoAvailable()"> <a href="#24469" aria-controls="24469" product-configuration-choice="" data-configuration-id="24469" data-track-link="true" data-track-cta="View" data-track-type="design-page--configurator-swatch-click--2"> <img src="https://d2mgbjyendvdw0.cloudfront.net/24469/02948/3cc411/configurator-material_white-laminate.swatch.jpg" alt=""> </a> </li> <li class="material-swatch--title"> White Laminate </li> </ul> </div> <!-- <div class="col-xs-12 col-sm-6 col-md-2">--> <!-- --> <!-- <div class="product-lead--seats-detail">seats </div>--> <!-- <div class="product-lead--seats-detail">seats </div> --> <!-- </div>--> </div> </div> <!-- <div class="col-xs-12 col-sm-10 col-sm-offset-1">--> </div> <!-- <div> <div product-configuration-image placeholder="https://d2mgbjyendvdw0.cloudfront.net/02628/02973/5ee268/opendesk_furniture_lean-desk_design-listing-page_listing-image-image-side-all-ply_full_2.jpg" placeholder-width="968" placeholder-height="560" loading-opacity="0.5"> <img src="https://d2mgbjyendvdw0.cloudfront.net/02628/02973/5ee268/opendesk_furniture_lean-desk_design-listing-page_listing-image-image-side-all-ply_full_2.jpg" alt="" style="opacity: 0.5;" /> </div> </div> --> </div> <!-- </div>--> </div> </div> </div> </div> </div> <!--ul> <li ng-cloak product-configuration-list></li> <li ng-cloak active-configuration ng-show="configuration().num_seats"> <p> seats <span ng-bind="configuration().num_seats"></span> </p> </li> </ul--> </div> <div product-configuration-price=""><span ng-transclude=""> <div class="clearfix"> <div id="get-this-design"> <span ng-transclude="" product-basket-mode=""> <div class="product-lead--tabs--container hidden-xs"> <div class="product-lead--pricing-option-tabs no-hover"> <div class="container"> <ul class="container" role="tablist"> <li class="quotes-tab active"> <a data-target="#tab-get-quotes" class="od-purchase-mode" aria-controls="#tab-get-quotes" role="tab" data-toggle="tab" data-purchase-mode="get-it-made" data-purchase-mode-type="tab" data-purchase-mode-priority="1" title="Get Quotes" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="find_a_local_maker_tab" data-track-id="186"> Get Quotes </a> </li> <li class="download-tab"> <a data-target="#tab-make-it-yourself" class="od-purchase-mode" aria-controls="tab-make-it-yourself" role="tab" data-toggle="tab" data-purchase-mode="make-it-yourself" data-purchase-mode-type="tab" data-purchase-mode-priority="3" title="Download" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="make_it_yourself_tab" data-track-id="186"> Download </a> </li> </ul> </div> </div> <div class="container"> <div class="product-lead--pricing-option-panels tab-content"> <div class="product-pricing-panel tab-pane active" role="tabpanel" id="tab-get-quotes"> <div ng-hide="hasPrice()" class="loading-local-makers-panel ng-hide"> <i class="fa fa-cog fa-spin"></i> Loading best price for your location... </div> <div ng-show="hasPrice()" class="col-xs-12 col-sm-7 col-md-8 col-lg-9"> <div class="row"> <div class="product-lead--panel--info-block"> <h1 class="product-lead-panel--title">Lean Desk </h1> <p class="product-lead--panel--info-content-title"> Get quotes directly from makers near you: </p> <ul> <li>Request and receive quotes (typically within 48 hours)</li> <li>Choose your preferred maker-quote and pay online</li> <li>Receive your locally-made furniture direct from the maker</li> </ul> </div> </div> </div> <div class="col-xs-12 col-sm-5 col-md-4 col-lg-3"> <div class="product-lead--panel--get-block"> <div display-price="ideaOfPrice"> <div class="product-price-info request-quotes--product-price-info h1 small-in-heading--lh" ng-show="hasPrice()"> <p product-configuration-display-price="ideaOfPrice"> <span localised-price="" display="excludingTax" class="product-price--localised"><!-- ngIf: priceIsValid() --><span ng-if="priceIsValid()">$1,382</span><!-- end ngIf: priceIsValid() --></span> <span class="small"> <span class="price-detail"> estimated,</span> <span active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <!-- ngIf: configuration().choice_doc.quantity > 1 --> <!-- ngIf: !configuration().choice_doc.quantity --> </span></span> <span class="price-detail">ex. VAT</span> <span active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <!-- ngIf: configuration().choice_doc.quantity > 1 --> <!-- ngIf: !configuration().choice_doc.quantity --> </span></span> </span> </p> </div> </div> <div class="product-checkout-action" active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <p> <span ng-transclude="" class="btn btn-primary btn-block btn-lg loading-indicator" add-product-to-current-job="" product-path="configuration().product" choice-document="configuration().choice_doc" listing-image="configuration().listing_image" avoid-channel-prices="true" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="conversion:add_to_basket:step_1_conversion" data-track-id="186"><span>Request quotes</span></span> </p> </span></div> <div class="product-checkout-action--additional-info" ng-show="hasPrice()"> <span class="currency-pop-out-btn">Change currency</span> </div> </div> </div> </div> <div class="product-pricing-panel tab-pane" role="tabpanel" id="tab-make-it-yourself"> <div class="col-xs-12 col-sm-7 col-md-8 col-lg-9"> <div class="row"> <div class="product-lead--panel--info-block"> <h1 class="product-lead-panel--title">Lean Desk </h1> <p class="product-lead--panel--info-content-title"> DIY digital fabrication files </p> <ul> <li>Download licensed digital fabrication files</li> <li>Open in any CAD or CAM software</li> <li>Make it yourself in your workshop or local maker space!</li> </ul> </div> </div> </div> <div class="col-xs-12 col-sm-5 col-md-4 col-lg-3"> <div class="product-lead--panel--get-block" active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <div> <div class="product-price-info h3" ng-show="hasPrice()"> <p class="text-center price-detail"> <span>Digital fabrication files</span> </p> </div> <div class="product-checkout-action"> <p> <a class="btn btn-primary btn-block btn-lg btn-miy" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="make_it_yourself_button" data-track-id="186" href="/lean/desk/download"> Continue to download </a> </p> </div> <div class="product-checkout-action--additional-info" ng-show="hasPrice()"> <span>make it yourself</span> </div> </div> </span></div> </div> </div> </div> </div> </div> <div class="container visible-xs col-xs-12 no-hover"> <div class="panel-group" id="product-pricing--accordion" role="tablist" aria-multiselectable="true"> <div class="product-lead--pricing-option-accordion--panel panel"> <div class="panel-heading" role="tab" id="headingTwo"> <h2 class="panel-title"> <a not-href="#collapse-get-it-made" data-target="#collapse-get-it-made" not-ng-class="{'x-collapsed': purchasable}" class="product-lead--pricing-option-accordion--panel--tab-buttons" role="button" data-toggle="collapse" data-parent="#product-pricing--accordion" aria-controls="collapse-get-it-made" aria-expanded="false" data-purchase-mode="get-it-made" data-purchase-mode-type="collapse" data-purchase-mode-priority="1" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="find_a_local_maker_xs_tab" data-track-id="186"> Get Quotes </a> </h2> </div> <div id="collapse-get-it-made" data-purchase-activate="get-it-made" class="product-pricing-panel panel-collapse in" not-ng-class="{'not-in': !purchasable}" role="tabpanel" style="height: auto;"> <div class="panel-body"> <div ng-hide="hasPrice()" class="loading-local-makers-panel ng-hide"> <i class="fa fa-cog fa-spin"></i> Loading best price for your location... </div> <div class="col-xs-12 col-sm-8"> <div class="row"> <div class="product-lead--panel--info-block"> <h1 class="product-lead-panel--title">Lean Desk </h1> <p class="product-lead--panel--info-content-title"> Get quotes directly from makers near you: </p> <ul> <li>Request and receive quotes (typically within 48 hours)</li> <li>Choose your preferred maker-quote and pay online</li> <li>Receive your locally-made furniture direct from the maker</li> </ul> </div> </div> </div> <div class="col-xs-12 col-sm-4"> <div class="row"> <div class="product-lead--panel--get-block"> <div class="product-price-info request-quotes--product-price-info h1 small-in-heading--lh" ng-show="hasPrice()"> <p product-configuration-display-price="ideaOfPrice"> <span localised-price="" display="excludingTax" class="product-price--localised"><!-- ngIf: priceIsValid() --><span ng-if="priceIsValid()">$1,382</span><!-- end ngIf: priceIsValid() --></span> <span class="small"> <span class="price-detail"> estimated,</span> <span active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <!-- ngIf: configuration().choice_doc.quantity > 1 --> <!-- ngIf: !configuration().choice_doc.quantity --> </span></span> <span class="price-detail">ex. VAT</span> <span active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <!-- ngIf: configuration().choice_doc.quantity > 1 --> <!-- ngIf: !configuration().choice_doc.quantity --> </span></span> </span> </p> </div> <div class="product-checkout-action" active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <p> <span ng-transclude="" class="btn btn-primary btn-lg loading-indicator" add-product-to-current-job="" product-path="configuration().product" choice-document="configuration().choice_doc" listing-image="configuration().listing_image" avoid-channel-prices="true" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="conversion:add_to_basket:step_1_conversion" data-track-id="186"><span>Request quotes</span></span> </p> </span></div> <div class="product-checkout-action--additional-info" ng-show="hasPrice()"> <span class="currency-pop-out-btn">Change currency</span> </div> </div> </div> </div> </div> </div> </div> <div class="product-lead--pricing-option-accordion--panel panel"> <div class="panel-heading" role="tab" id="headingThree"> <h2 class="panel-title"> <a not-href="#collapse-download" data-target="#collapse-download" class="collapsed product-lead--pricing-option-accordion--panel--tab-buttons" role="button" data-toggle="collapse" data-parent="#product-pricing--accordion" aria-expanded="false" aria-controls="collapse-download" data-purchase-mode="make-it-yourself" data-purchase-mode-type="collapse" data-purchase-mode-priority="3" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="make_it_yourself_xs_tab" data-track-id="186"> Download </a> </h2> </div> <div id="collapse-download" data-purchase-activate="make-it-yourself" class="product-pricing-panel panel-collapse collapse" role="tabpanel"> <div class="panel-body"> <div class="col-xs-12 col-sm-8"> <div class="row"> <div class="product-lead--panel--info-block"> <h1 class="product-lead-panel--title">Lean Desk </h1> <p class="product-lead--panel--info-content-title"> DIY digital fabrication files </p> <ul> <li>Download licensed digital fabrication files</li> <li>Open in any CAD or CAM software</li> <li>Make it yourself in your workshop or local maker space!</li> </ul> </div> </div> </div> <div class="col-xs-12 col-sm-4"> <div class="row"> <div class="product-lead--panel--get-block" active-configuration=""><span ng-show="configuration()" ng-transclude="" class=""> <div> <div class="product-price-info h3" ng-show="hasPrice()"> <p class="text-center price-detail"> <span>Digital fabrication files</span> </p> </div> <div class="product-checkout-action"> <p> <a class="btn btn-block btn-lg btn-primary btn-miy" track-angular-cta="" data-track-link="true" data-track-cta="View" data-track-type="make_it_yourself_xs_button" data-track-id="186" href="/lean/desk/download"> Continue to download </a> </p> </div> <div class="product-checkout-action--additional-info" ng-show="hasPrice()"> <span>make it yourself</span> </div> </div> </span></div> </div> </div> </div> </div> </div> </div> </div> </span> </div> </div> </span></div> <div class="gallery-grid" itemscope="" itemtype="http://schema.org/ImageGallery"> <figure itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject"> <a href="https://d2mgbjyendvdw0.cloudfront.net/24474/02948/e679fe/opendesk_furniture_lean-desk_product-page_gallery-image-opendesk_shot3_2048.jpg" itemprop="contentUrl" data-ps-width="1936" data-ps-height="1089" data-ps-index="0" data-track-gallery-index="1"> <svg class="icon icon-zoom_out_map"><use xlink:href="/assets/icons/symbol-defs-2320776d470a.svg#icon-zoom_out_map"></use></svg> <div class="fake-img" style="background-image: url(https://d2mgbjyendvdw0.cloudfront.net/24474/02948/e679fe/opendesk_furniture_lean-desk_product-page_gallery-image-opendesk_shot3_2048.jpg);" itemprop="thumbnail" aria-label="Lean Desk with Locker Planter"></div> </a> <!-- <figcaption itemprop="caption description">Lean Desk with Locker Planter</figcaption>--> </figure> <figure itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject"> <a href="https://d2mgbjyendvdw0.cloudfront.net/24475/02948/04630b/opendesk_furniture_lean-desk_product-page_gallery-image-Shot3-2101_v01.jpg" itemprop="contentUrl" data-ps-width="1936" data-ps-height="1089" data-ps-index="1" data-track-gallery-index="2"> <svg class="icon icon-zoom_out_map"><use xlink:href="/assets/icons/symbol-defs-2320776d470a.svg#icon-zoom_out_map"></use></svg> <div class="fake-img" style="background-image: url(https://d2mgbjyendvdw0.cloudfront.net/24475/02948/04630b/opendesk_furniture_lean-desk_product-page_gallery-image-Shot3-2101_v01.jpg);" itemprop="thumbnail" aria-label="Lean Desk cable management detail"></div> </a> <!-- <figcaption itemprop="caption description">Lean Desk cable management detail</figcaption>--> </figure> <figure itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject"> <a href="https://d2mgbjyendvdw0.cloudfront.net/24476/02948/33e43b/opendesk_furniture_lean-desk_product-page_gallery-image-Shot3-2112_v01.jpg" itemprop="contentUrl" data-ps-width="1936" data-ps-height="1089" data-ps-index="2" data-track-gallery-index="3"> <svg class="icon icon-zoom_out_map"><use xlink:href="/assets/icons/symbol-defs-2320776d470a.svg#icon-zoom_out_map"></use></svg> <div class="fake-img" style="background-image: url(https://d2mgbjyendvdw0.cloudfront.net/24476/02948/33e43b/opendesk_furniture_lean-desk_product-page_gallery-image-Shot3-2112_v01.jpg);" itemprop="thumbnail" aria-label="Lean Desk leg detail"></div> </a> <!-- <figcaption itemprop="caption description">Lean Desk leg detail</figcaption>--> </figure> </div> </div> <div class="container"> <div class="introd-markdown"> <div class="row description-row"> <div class="col-xs-12 col-sm-6"> <h2 class="design-page-heading h1"> Lean Desk - the original open source Opendesk </h2> <div class="description-intro design-page-copy"> <p>Our first foray into digital fabrication and distributed manufacturing, the Lean Desk is the original Opendesk. A flexible 4 person workstation, it was built for startups and established teams alike - and is popular for its spacious work surface. </p> <p>Our Lean Desk has continuous central cable-management running the full length of the desk with slots for fixing monitor arms. There�s ample room for extension leads, plug boards and chargers (including large Apple MacBook chargers). Removable cable covers hide messy wiring and keep your desk looking organised. </p> <p>Our favourite Lean desk is 2400mm long and 1600mm wide with ample room for 4 people. Take advantage of our tailoring service and choose any width between 1300mm - 1600mm and any length between 1200mm - 2400mm should you require something a little different. </p> </div> <div class="designer-photo--row mobile-version"> <p><img src="/assets/images/cc_logo_no_bg-79fd35bf3374.png" alt="CC Logo" class="cc_icon">Designed and shared openly by:</p> <div class="designer-photo--block"> <div class="designer-photo--collection"> <div class="designer-photo"> <a href="/designers/joni-steiner"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00170/1272/Joni_Steiner_Designer_Photo.jpg" alt=""> </a> </div> <div class="designer-photo"> <a href="/designers/nick-ierodiaconou"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00168/01891/2d4412/nick_ierodiaconou.jpg" alt=""> </a> </div> </div> <div class="designer-name"> <p><a href="/designers/joni-steiner">Joni Steiner</a></p> <p><a href="/designers/nick-ierodiaconou">Nick Ierodiaconou</a></p> </div> </div> </div> </div> <div class="col-xs-12 col-sm-5 col-sm-offset-1 col-md-4 col-md-offset-2"> <ul class="product_details_dims-tabs no-hover full-tab" role="tablist"> <li role="presentation" class="active"><a href="#fourSeats" aria-controls="fourSeats" role="tab" data-toggle="tab" data-track-link="true" data-track-cta="View" data-track-type="dimensions_main_tab">Dimensions</a></li> </ul> <div class="tab-content product_details_dims-tab_content"> <div role="tabpanel" class="tab-pane active" id="fourSeats"> <ul class="seats-tab--option1"> <li><p>Size shown:<br>Width: 1,600<small>mm</small><br>Length: 2,400<small>mm</small><br>Height: 738<small>mm</small><br>Seats: 4 people</p><p><strong>This design is also available in other sizes!</strong> <br>Choose any Width and any Length listed below:</p> Width: 1,300<small>mm</small> 1,600<small>mm</small> <br> Length: 1,200<small>mm</small> 1,600<small>mm</small> 2,000<small>mm</small> 2,400<small>mm</small><p></p>To order any of these sizes from your local maker or to find out more about our tailoring service for in-between sizes <a href="mailto:enquiries+vas_lean_desk@opendesk.cc?subject=I%E2%80%99m%20interested%20in%20the%20Opendesk%20Tailoring%20Service%20for%20the%20Lean%20Desk&body=Hi%20Opendesk%2C%0D%0A%20%0D%0AI%20would%20like%20to%20find%20out%20more%20about%20the%20Tailoring%20Service%20for%20the%20Lean%20Desk.%0D%0A%20%0D%0A%E2%80%A2%20My%20name%20is%3A%0D%0A%E2%80%A2%20I%20am%20interested%20in%20this%20size%3A%0D%0A%E2%80%A2%20I%20am%20interested%20in%20this%20finish%3A%0D%0A%E2%80%A2%20I%20am%20interested%20in%20this%20quantity%3A%0D%0A%E2%80%A2%20This%20is%20my%20delivery%20address%3A%0D%0A%20%0D%0ABest%20wishes%2C%0D%0A" target="" _blank""="" data-track-link="true" data-track-cta="View" data-track-type="lean-desk-vas--get-in-touch">get in touch</a></li> </ul> </div> </div> <div class="row"> <div class="col-xs-10 col-xs-offset-1"> <a class="btn btn-block btn-lg btn-white description-intro--brochure-download" onclick="hj('trigger', 'product-brochure');" target="_blank" href="/lean/desk.pdf" data-track-link="true" data-track-cta="View" data-track-type="product-brochure-pdf-click--lean--desk" data-track-id="186"> Product brochure pdf</a> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 hidden-xs"> <div class="designer-photo--row desktop-version"> <p>Designed and shared openly by:</p> <div class="designer-photo--block"> <div class="designer-photo--collection"> <div class="designer-photo"> <a href="/designers/joni-steiner"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00170/1272/Joni_Steiner_Designer_Photo.jpg" alt=""> </a> </div> <div class="designer-photo"> <a href="/designers/nick-ierodiaconou"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00168/01891/2d4412/nick_ierodiaconou.jpg" alt=""> </a> </div> </div> <div class="designer-name"> <p><a href="/designers/joni-steiner">Joni Steiner</a></p> <p><a href="/designers/nick-ierodiaconou">Nick Ierodiaconou</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="visible-xs visible-sm"> <div class="locallyMade-feature-focus-row"> <div class="container"> <div class="row"> <div class="visible-xs visible-sm col-xs-12"> <div class="locallyMade-feature-focus-image"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00186/ch7223ji001/02948/cbff77/material-swatch_ply_3_500x500.detail.detail.jpg" alt=""> </div> </div> <div class="col-xs-12 col-md-6"> <div class="locallyMade-feature-focus-title design-page-heading"> <h2> Quality materials and neat features </h2> </div> <div class="locallyMade-feature-focus-text design-page-copy"> <p>All Opendesks are made from quality, FSC-certified baltic plywood. Coming from managed forestry it�s good to know your desk was sustainably grown. </p> </div> <div class="locallyMade-cta"> <a class="btn btn-white skip-to-top hidden-md hidden-lg" href="#get-this-design" data-track-link="true" data-track-cta="View" data-track-type="feature_get_it_made_skip_to_top_mobile" data-track-id="186/ch7223ji001"> Get it made</a> <a class="btn btn-lg btn-white btn-block skip-to-top hidden-xs hidden-sm" href="#get-this-design" data-track-link="true" data-track-cta="View" data-track-type="feature_get_it_made_skip_to_top_desktop" data-track-id="186/ch7223ji001"> Get it made</a> </div> </div> <div class="hidden-xs hidden-sm col-md-5 col-md-offset-1"> <div class="locallyMade-feature-focus-image"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00186/ch7223ji001/02948/cbff77/material-swatch_ply_3_500x500.detail.detail.jpg" alt=""> </div> </div> </div> </div> </div> </div> <div class="case-study-focus--row"> <div class="case-study-focus--background-image hidden-xs hidden-sm" style="background-image: url('https://d2mgbjyendvdw0.cloudfront.net/00186/tkda2dji001/02978/dbf077/opendesk_furniture_lean-desk_product-page_case-study-image-1-opendesk_shot3_2045_edit.default.jpg')"></div> <div class="case-study-focus--workspace-enquiry-row"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="enquiry-title-block design-page--enquiry-row"> <div class="enquiry-avatar"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00013/gyw2uwji007/1196/Cecile_small.png" alt=""> </div> <div class="enquiry-text-block"> <div class="enquiry-title"> <h2><p>Fitting out your workspace?</p> </h2> </div> <div class="enquiry_subtitle"> <p>Opendesk offers a dedicated design service and can help deliver your project</p> </div> <a class="btn btn-white enquiry-cta--button hidden-md hidden-lg" href="/workspaces/lets-fit-you-out" data-track-link="true" data-track-cta="View" data-track-type="default_workspace_row_cta_mobile" data-track-id="13/gyw2uwji007"> Make an enquiry</a> </div> </div> <div class="enquiry-cta hidden-xs hidden-sm"> <a class="btn btn-lg btn-white enquiry-cta--button" href="/workspaces/lets-fit-you-out" data-track-link="true" data-track-cta="View" data-track-type="default_workspace_row_cta_desktop" data-track-id="13/gyw2uwji007"> Make an enquiry</a> </div> </div> </div> </div> </div> </div> <div class="product-collection--signal text-center"> <div class="container"> <div class="row"> <a class="col-xs-6 col-sm-4 no-visual" href="/fin/fin-bookshelf" data-track-link="true" data-track-cta="View" data-track-type="designs_homepage_1" data-track-id="186"> <div class="tile-border"> <div class="img-container"><img src="https://d2mgbjyendvdw0.cloudfront.net/02670/02544/19f3da/opendesk_furniture_fin-bookshelf_design-listing-page_listing-tile.jpg" alt=""></div> <h2 class="h4">Fin Bookshelf</h2> <h3 class="small">Flexible open storage solution</h3> </div> </a> <a class="col-xs-6 col-sm-4 hidden-xs no-visual" href="/fin/fin-locker-planter" data-track-link="true" data-track-cta="View" data-track-type="designs_homepage_2" data-track-id="186"> <div class="tile-border"> <div class="img-container"><img src="https://d2mgbjyendvdw0.cloudfront.net/22467/02543/33cd4b/opendesk_furniture_fin-locker-planter_design-listing-page_listing-tile.jpg" alt=""></div> <h2 class="h4">Fin Locker Planter</h2> <h3 class="small">Lockable storage with planters</h3> </div> </a> <a class="col-xs-6 col-sm-4 no-visual" href="/zero/pedestal" data-track-link="true" data-track-cta="View" data-track-type="designs_homepage_3" data-track-id="186"> <div class="tile-border"> <div class="img-container"><img src="https://d2mgbjyendvdw0.cloudfront.net/02672/02959/9bfe73/opendesk_furniture_pedestal_design-listing-tile.jpg" alt=""></div> <h2 class="h4">Pedestal</h2> <h3 class="small">Personal under-desk storage</h3> </div> </a> </div> </div> </div> <section class="reassertion-block--container" style="background-image: url('https://d2mgbjyendvdw0.cloudfront.net/00013/1196/reassertion-block_default_2500x1406_v3.wide.jpg')"> <div class="container"> <div class="reassertion-row"> <div class="reassertion-row--text-block"> <h2 class="reassertion-row--title design-page-heading h1">What makes the Lean Desk different?</h2> <div class="reassertion-row--description design-page-copy"><p>The Lean Desk is designed to be manufactured by a network of independent makers all around the world. This is possible thanks to Opendesk�s alternative supply chain - designers share designs for products that can be downloaded and made locally using the latest digital tools.</p> <p>We call this model �Open Making�.</p></div> <div class="reassertion-row--detail"><p>This design has been downloaded:</p> </div> <div class="reassertion-row--download-numbers h1" design-stats-view="/lean/desk"><!-- ngIf: ready() --><div ng-if="ready()"></div><!-- end ngIf: ready() --><span class="downloads-number-detail">29197</span><span class="downloads-text-detail small">times</span></div> </div> </div> </div> </section> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="locallyMade-tab-content"> <div class="visible-sm visible-xs"> <div class="locallyMade--maker-focus-image"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00186/ch7223ji001/1196/lean-desk_maker_renatus_2500x1406.full.jpg" alt=""> </div> </div> <div class="container"> <div class="row"> <div class="locallyMade-intro-row"> <div class="col-xs-12"> <div class="locallyMade-intro-block"> <h2 class="locallyMade-intro-block--title design-page-heading">Locally made near you</h2> <div class="locallyMade-intro-block--text design-page-copy"> Opendesk�s global community of makers is 100+ strong and growing daily. We�ll always try and find a maker as close to you as possible - so that your furniture is made on demand and only transported that �final mile� from workshop to your workspace. </div> <div class="locallyMade-cta"> <a class="btn btn-white skip-to-top hidden-md hidden-lg" href="#get-this-design" data-track-link="true" data-track-cta="View" data-track-type="maker_get_it_made_skip_to_top_mobile" data-track-id="186"> Get it made</a> <a class="btn btn-lg btn-white btn-block skip-to-top hidden-xs hidden-sm" href="#get-this-design" data-track-link="true" data-track-cta="View" data-track-type="maker_get_it_made_skip_to_top_desktop" data-track-id="186"> Get it made</a> </div> </div> <div class="hidden-sm hidden-xs"> <div class="locallyMade--maker-focus-image"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00186/ch7223ji001/1196/lean-desk_maker_renatus_2500x1406.full.jpg" alt=""> </div> </div> </div> </div> </div> </div> <div class="hidden-xs hidden-sm"> <div class="locallyMade-feature-focus-row"> <div class="container"> <div class="row"> <div class="visible-xs visible-sm col-xs-12"> <div class="locallyMade-feature-focus-image"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00186/ch7223ji001/02948/cbff77/material-swatch_ply_3_500x500.detail.detail.jpg" alt=""> </div> </div> <div class="col-xs-12 col-md-6"> <div class="locallyMade-feature-focus-title design-page-heading"> <h2> Quality materials and neat features </h2> </div> <div class="locallyMade-feature-focus-text design-page-copy"> <p>All Opendesks are made from quality, FSC-certified baltic plywood. Coming from managed forestry it�s good to know your desk was sustainably grown. </p> </div> <div class="locallyMade-cta"> <a class="btn btn-white skip-to-top hidden-md hidden-lg" href="#get-this-design" data-track-link="true" data-track-cta="View" data-track-type="feature_get_it_made_skip_to_top_mobile" data-track-id="186/ch7223ji001"> Get it made</a> <a class="btn btn-lg btn-white btn-block skip-to-top hidden-xs hidden-sm" href="#get-this-design" data-track-link="true" data-track-cta="View" data-track-type="feature_get_it_made_skip_to_top_desktop" data-track-id="186/ch7223ji001"> Get it made</a> </div> </div> <div class="hidden-xs hidden-sm col-md-5 col-md-offset-1"> <div class="locallyMade-feature-focus-image"> <img src="https://d2mgbjyendvdw0.cloudfront.net/00186/ch7223ji001/02948/cbff77/material-swatch_ply_3_500x500.detail.detail.jpg" alt=""> </div> </div> </div> </div> </div> </div> </div> </div> </div> </article> </div> </div>
/*! CSS Used from: Embedded */ .ng-hide:not(.ng-hide-animate){display:none!important;} /*! CSS Used from: https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css */ .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;} .fa-cog:before{content:"\f013";} /*! CSS Used from: https://www.opendesk.cc/assets/css/main-ae766e69628d.css */ @media (max-width:991px){ .col-lg-3,.col-lg-9,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-8,.col-md-9,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-12,.col-xs-6,.col-xs-10,.col-xs-12{padding-left:20px;padding-right:20px;} } html *,html :after,html :before{box-sizing:inherit;} a{color:#000;text-decoration:none;} a:focus,a:hover{color:#008955;text-decoration:underline;} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} figure{margin:0;} img{vertical-align:middle;} [role=button]{cursor:pointer;} a:active,a:focus,div:active,div:focus{outline:0!important;} .container{min-width:290px!important;} .legacy-opendesk{padding-bottom:32px;} a:active h2,a:active h3,a:hover h2,a:hover h3,a:visited h2,a:visited h3,a h2,a h3{color:#000;text-shadow:none;} h2>p{margin:0;} article,figure,section{display:block;} a{background-color:transparent;} a:active,a:hover{outline:0;} strong{font-weight:500;} h1{font-size:3.2rem;margin:1.1rem 0;} small{font-size:80%;} img{border:0;} svg:not(:root){overflow:hidden;} figure{margin:1.6rem 40px;} @media print{ *,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="#"]:after{content:"";} img{page-break-inside:avoid;} img{max-width:100%!important;} h2,h3,p{orphans:3;widows:3;} h2,h3{page-break-after:avoid;} } .h1,.h3,.h4,h1,h2,h3{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4;color:#000;} .h1,.h3,h1,h2,h3{margin-top:1em;margin-bottom:1em;line-height:1.3;} .h4{line-height:1.3;} .h1 .small{font-size:40%;} .h4{margin-top:.5em;margin-bottom:1em;} .small-in-heading--lh{line-height:.8;} .h1,h1{font-size:3.5rem;} h2{font-size:2.8rem;} .h3,h3{font-size:2.4rem;} .h4{font-size:2.1rem;} p{margin:0 0 1.2rem;} .small,small{font-size:88%;} .text-center{text-align:center;} ul{margin-top:0;margin-bottom:12.5px;} .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;} .container:after,.container:before{content:" ";display:table;} .container:after{clear:both;} @media (min-width:768px){ .container{width:756px;} } @media (min-width:992px){ .container{width:982px;} } @media (min-width:1200px){ .container{width:1194px;} } @media (max-width:767px){ .container{padding-left:20px;padding-right:20px;} } .row{margin-left:-15px;margin-right:-15px;} .row:after,.row:before{content:" ";display:table;} .row:after{clear:both;} .col-lg-3,.col-lg-9,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-8,.col-md-9,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-12,.col-xs-6,.col-xs-10,.col-xs-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;} .col-xs-6,.col-xs-10,.col-xs-12{float:left;} .col-xs-6{width:50%;} .col-xs-10{width:83.33333%;} .col-xs-12{width:100%;} .col-xs-offset-1{margin-left:8.33333%;} @media (min-width:768px){ .col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-12{float:left;} .col-sm-4{width:33.33333%;} .col-sm-5{width:41.66667%;} .col-sm-6{width:50%;} .col-sm-7{width:58.33333%;} .col-sm-8{width:66.66667%;} .col-sm-12{width:100%;} .col-sm-offset-1{margin-left:8.33333%;} } @media (min-width:992px){ .col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-8,.col-md-9{float:left;} .col-md-3{width:25%;} .col-md-4{width:33.33333%;} .col-md-5{width:41.66667%;} .col-md-6{width:50%;} .col-md-8{width:66.66667%;} .col-md-9{width:75%;} .col-md-offset-1{margin-left:8.33333%;} .col-md-offset-2{margin-left:16.66667%;} } @media (min-width:1200px){ .col-lg-3,.col-lg-9{float:left;} .col-lg-3{width:25%;} .col-lg-9{width:75%;} } .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:18px;line-height:1.42857;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .btn:focus,.btn:hover{color:#fff;text-decoration:none;} .btn:active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);} .btn-primary{color:#fff;background-color:#008955;border-color:#008955;} .btn-primary:focus{color:#fff;background-color:#005635;border-color:#000a06;} .btn-primary:active,.btn-primary:hover{color:#fff;background-color:#005635;border-color:#004c2f;} .btn-primary:active:focus,.btn-primary:active:hover{color:#fff;background-color:#00321f;border-color:#000a06;} .btn-primary:active{background-image:none;} .btn-lg{padding:10px 16px;font-size:23px;line-height:1.33333;border-radius:6px;} .btn-block{display:block;width:100%;} .collapse{display:none;} .tab-content>.tab-pane{display:none;} .tab-content>.active{display:block;} .panel{margin-bottom:25px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05);} .panel-body{padding:15px;} .panel-body:after,.panel-body:before{content:" ";display:table;} .panel-body:after{clear:both;} .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px;} .panel-title{color:inherit;} .panel-title{margin-top:0;margin-bottom:0;font-size:21px;} .panel-title>a{color:inherit;} .panel-group{margin-bottom:25px;} .panel-group .panel{margin-bottom:0;border-radius:4px;} .panel-group .panel+.panel{margin-top:5px;} .panel-group .panel-heading{border-bottom:0;} .panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd;} .clearfix:after,.clearfix:before{content:" ";display:table;} .clearfix:after{clear:both;} .visible-sm,.visible-xs{display:none!important;} @media (max-width:767px){ .visible-xs{display:block!important;} } @media (min-width:768px) and (max-width:991px){ .visible-sm{display:block!important;} } @media (max-width:767px){ .hidden-xs{display:none!important;} } @media (min-width:768px) and (max-width:991px){ .hidden-sm{display:none!important;} } @media (min-width:992px) and (max-width:1199px){ .hidden-md{display:none!important;} } @media (min-width:1200px){ .hidden-lg{display:none!important;} } .img-container{display:block;} .img-container img{max-width:100%;height:auto;} .loading-indicator:before{content:" ";-webkit-animation:fa-spin 1.2s infinite linear;animation:fa-spin 1.2s infinite linear;display:inline-block;margin:0 1rem;vertical-align:middle;border-radius:50%;width:1.7rem;height:1.7rem;font-size:10px;position:relative;border:.2rem solid #000;border-right-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0);} .loading-indicator.btn{padding-top:1rem;padding-bottom:1rem;} .loading-indicator span{vertical-align:middle;display:inline-block;} .loading-indicator:before{display:none;margin-left:0;border:.2rem solid #fff;border-right-color:transparent;} .loading-indicator{width:100%;} .btn{font-weight:400;letter-spacing:.01rem;z-index:900;cursor:pointer;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;} .btn-lg{border-radius:.4rem;padding:1rem 2rem;text-shadow:none;font-size:1.8rem;} .btn{background:#323233;border:.1rem solid #323233;color:#fff;text-shadow:0 0 .05rem #cfcfd0;} .btn:active,.btn:focus,.btn:hover{background:#191919;box-shadow:none;} .btn-primary{background:#008955;border:.1rem solid #008955;color:#fff;transition:background-color .2s;} .btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:#007a4c;border:.1rem solid #008955;color:#fff;} .btn{transition:border-color .2s,background-color .2s;} .btn-miy{background-color:#aedabb;border:.1rem solid #aedabb;color:#234d2f;} .btn-miy:hover{color:#323233;background-color:#9cd2ac;border-color:#9cd2ac;} .btn-white{background-color:hsla(0,0%,100%,.77);border:.1rem solid #dcdcdd;color:#323233;} .btn-white:focus,.btn-white:hover{color:#323233;background-color:#f8f8f9;border-color:#cfcfd0;} a{color:#008955;transition:box-shadow .2s,color .2s;padding-bottom:.3rem;box-shadow:inset 0 0 0 0 rgba(0,137,85,.25);} a:focus,a:hover{text-decoration:none;color:#005635;box-shadow:inset 0 -.2rem 0 0 rgba(0,137,85,.25);} .no-hover a:focus,.no-hover a:hover{box-shadow:none;} .no-visual,a.no-visual{color:#323233;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} .no-visual:active,.no-visual:hover,a.no-visual:active,a.no-visual:hover{color:auto;text-shadow:none;box-shadow:none;} .panel-title{color:#323233;font-size:2.4rem;} .panel-group .panel-heading{padding:0;} .panel-group .panel-heading a{padding:1rem 1.5rem;display:block;} .tile-border{border:.1rem solid #f8f8f9;padding:.5rem;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out;} @media (min-width:992px){ .tile-border{padding:.6rem;} } .tile-border:hover{cursor:pointer;border:.1rem solid #c9f2e2;} .gallery-grid{overflow:hidden;} @media (min-width:992px){ .gallery-grid{max-height:43.2vw;} } .gallery-grid .fake-img{height:0;padding-top:65%;width:100%;background-position:center 49%;background-size:cover;background-color:#f8f8f9;} .gallery-grid figure *{cursor:inherit;} .gallery-grid figure a{position:relative;display:block;padding:0;} .gallery-grid figure a .icon-zoom_out_map{fill:rgba(0,0,0,.3);stroke:hsla(0,0%,100%,.3);} .gallery-grid figure a:hover{box-shadow:none;} .gallery-grid figure a:hover .icon-zoom_out_map{fill:#000;stroke:hsla(0,0%,100%,.5);} .gallery-grid figure .icon-zoom_out_map{position:absolute;top:1.1rem;right:1.1rem;width:1.8rem;height:1.8rem;transition:fill .2s,stroke .2s;} @media (max-width:767px){ .gallery-grid figure .icon-zoom_out_map{top:.6rem;right:.6rem;width:1.3rem;height:1.3rem;} } @media (max-width:991px){ .gallery-grid figure .icon-zoom_out_map{top:1rem;right:.9rem;width:1.6rem;height:1.6rem;} } .legacy-opendesk .gallery-grid figure{margin:0;} @media (max-width:991px){ .gallery-grid figure:nth-last-child(3):first-child{width:100%;padding-bottom:.7%;} } @media (min-width:992px){ .gallery-grid figure:nth-last-child(3):first-child{width:66.61%;} } @media (max-width:991px){ .gallery-grid figure:nth-last-child(3):first-child~figure{width:49.75%;} .gallery-grid figure:nth-last-child(3):first-child~figure:last-child{margin-left:.5%;} } @media (min-width:992px){ .gallery-grid figure:nth-last-child(3):first-child~figure{width:32.89%;margin-left:.5%;} .gallery-grid figure:nth-last-child(3):first-child~figure:last-child{padding-top:.5%;} } .gallery-grid figure:not(:only-of-type){float:left;} .currency-pop-out-btn{cursor:pointer;} .product-collection--signal{background-color:#f1f1f1;padding:6.4rem 0 4.8rem;} @media (max-width:991px){ .product-collection--signal{padding:3.2rem 0 3.6rem;} } .product-collection--signal .tile-border{padding:0;} .product-collection--signal .img-container{margin-bottom:1.4rem;} .reassertion-block--container{background-color:#f1f1f1;background-size:cover;background-position:0 100%;} .reassertion-block--container+.tab-content{padding-top:0;} .reassertion-row{padding:3.2rem 0 1.6rem;color:#000;} .reassertion-row:after,.reassertion-row:before{content:" ";display:table;} .reassertion-row:after{clear:both;} .reassertion-row--text-block{margin-bottom:6.4rem;max-width:73.6rem;margin-top:8rem;width:100%;} @media (min-width:992px){ .reassertion-row--text-block{float:right;width:calc(35% - 2.2rem);} } @media (max-width:991px){ .reassertion-row--text-block{margin-top:3.2rem;margin-bottom:3.8rem;text-align:center;} } .reassertion-row--title.design-page-heading{margin-top:0;} .reassertion-row--description{margin:2.4rem 0 4rem;} @media (max-width:991px){ .reassertion-row--description{margin-bottom:3.7rem;} } .reassertion-row--detail{font-size:1.9rem;color:#000;} .reassertion-row--detail p{margin-bottom:0;} .reassertion-row--download-numbers{margin-top:.2rem;margin-bottom:0;} .downloads-text-detail{margin-left:.6rem;} .product-lead--bg{background-color:#f1f1f1;} .product-lead--presentation .tab-content{overflow:hidden;padding:0;} .product-lead--presentation img{max-width:100%;width:100%;} .cc_icon{width:2.5rem;height:2.5rem;margin-right:.8rem;} .lead-image-angles--row img{width:auto;height:100%;} .lead-image-angles--tab{display:inline-block;margin-right:.5rem;height:4.8rem;} .lead-image-angles--tab a:focus,.lead-image-angles--tab a:hover{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} .configuration-swatch--list{list-style:none;padding-left:0;margin-bottom:0;display:flex;align-items:center;} @media (min-width:992px){ .configuration-swatch--list{margin-top:.8rem;} } @media (max-width:991px){ .configuration-swatch--list{margin-bottom:.8rem;margin-top:.8rem;} .tab-content .configuration-swatch--list{padding-left:1rem;} } .material-swatch--closeup{width:4.2rem;height:4.2rem;display:inline-block;border-radius:50%;border:.1rem solid #dcdcdd;overflow:hidden;transition:border-color .2s;} .material-swatch--closeup a{display:block;padding-bottom:0;} @media (max-width:991px){ .material-swatch--closeup{width:3.2rem;height:3.2rem;} } .tab-content ul .material-swatch--closeup{margin-bottom:0;} .material-swatch--closeup+.material-swatch--closeup{margin-left:1.1rem;} .material-swatch--closeup:hover{border-color:#333;} .material-swatch--title{margin-left:1.4rem;margin-top:.3rem;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.5rem;color:#201f1d;} .tab-content ul .material-swatch--title{margin-bottom:0;} .introd-markdown{margin-bottom:9.2rem;padding-top:6rem;} @media (max-width:991px){ .introd-markdown{padding-top:3.2rem;margin-bottom:4.8rem;} } .description-row{margin-bottom:3.2rem;} @media (max-width:991px){ .description-row{margin-bottom:0;} .description-row .tab-content{margin-bottom:1.6rem;} } .description-intro{margin-bottom:3.2rem;} @media (max-width:767px){ .description-intro{margin-bottom:0;} } .description-intro--brochure-download{margin-top:6.4rem;} @media (max-width:991px){ .description-intro--brochure-download{white-space:normal;line-height:1.625;margin-top:1.6rem;} } .designer-photo--row>p{font-size:1.9rem;font-weight:500;} @media (max-width:767px){ .designer-photo--row.desktop-version{display:none;} .designer-photo--row.mobile-version{margin-top:4.8rem;} } @media (min-width:768px){ .designer-photo--row.mobile-version{display:none;} } .designer-photo--row .cc_icon{width:2.3rem;height:2.3rem;margin-right:.6rem;opacity:.65;margin-top:-.1rem;} .designer-photo--block{overflow:hidden;display:flex;flex-wrap:wrap;} .designer-photo--collection{max-width:32rem;float:left;} .designer-photo{float:left;width:7.5rem;margin-right:1.5rem;margin-bottom:.8rem;margin-top:.8rem;border:.1rem solid #f8f8f9;} .designer-photo img{max-width:100%;} .designer-name{float:left;align-self:stretch;display:flex;flex-direction:column;justify-content:center;} .designer-name p{margin-top:.2rem;margin-bottom:.2rem;} .designer-name a{color:#69696a;} .product_details_dims-tabs{list-style:none;padding-left:0;font-size:1.9rem;padding-top:2.7rem;position:relative;} .product_details_dims-tabs:after,.product_details_dims-tabs:before{content:" ";display:table;} .product_details_dims-tabs:after{clear:both;} .product_details_dims-tabs:before{content:" ";display:block;position:absolute;width:100%;background-color:#69696a;transition:background-color .2s,height .2s;height:.1rem;top:100%;top:calc(100% - .1rem);} .product_details_dims-tabs li{color:#69696a;transition:font-weight .2s;position:relative;display:inline-block;width:46%;float:left;} .product_details_dims-tabs li:after,.product_details_dims-tabs li:before{content:" ";display:block;position:absolute;width:100%;background-color:#69696a;transition:background-color .2s,height .2s;height:.1rem;} .product_details_dims-tabs li:before{top:100%;top:calc(100% - .1rem);} .product_details_dims-tabs li:after{bottom:0;} .product_details_dims-tabs li a{color:inherit;padding:.8rem .8rem .8rem 0;display:block;} .product_details_dims-tabs .active{min-height:100%;color:#323233;font-weight:500;} .product_details_dims-tabs .active:after,.product_details_dims-tabs .active:before{height:.2rem;background-color:#323233;} .product_details_dims-tab_content{padding-top:2.4rem;min-height:21rem;font-weight:500;} .full-tab li{width:100%;} .full-tab li:after,.full-tab li:before{content:none;} .full-tab li a{cursor:default;} .tab-content ul{list-style:none;padding-left:0;} .tab-content ul li{margin-bottom:1.6rem;} .case-study-focus--row{background-color:#f8f8f9;} .case-study-focus--background-image{height:45vw;background-size:cover;background-position:50%;} @media (max-width:991px){ .case-study-focus--background-image{height:70vw;} } .case-study-focus--workspace-enquiry-row{position:relative;width:100%;bottom:0;background-color:#fff;color:#323233;border-top:.1rem solid #dcdcdd;} .case-study-focus--background-image+.case-study-focus--workspace-enquiry-row{margin-top:0;border-top:none;} .design-page--enquiry-row.enquiry-title-block{padding:2.9rem 0 4.5rem;} @media (min-width:992px){ .design-page--enquiry-row.enquiry-title-block{width:calc(100% - 27.2rem);float:left;} .design-page--enquiry-row.enquiry-title-block .enquiry-avatar{float:left;} } @media (max-width:991px){ .design-page--enquiry-row.enquiry-title-block{padding-bottom:3.7rem;padding-top:3.7rem;} } .design-page--enquiry-row.enquiry-title-block:after,.design-page--enquiry-row.enquiry-title-block:before{content:" ";display:table;} .design-page--enquiry-row.enquiry-title-block:after{clear:both;} .design-page--enquiry-row.enquiry-title-block .enquiry-avatar{width:8rem;margin-right:2.4rem;margin-top:1.6rem;} @media (max-width:991px){ .design-page--enquiry-row.enquiry-title-block .enquiry-avatar{margin:0 auto;text-align:center;} } .design-page--enquiry-row.enquiry-title-block+.enquiry-cta{margin-bottom:3.2rem;text-align:center;} .design-page--enquiry-row.enquiry-title-block+.enquiry-cta a{display:inline-block;float:none;} .design-page--enquiry-row.enquiry-title-block .enquiry-title h2{margin-top:1.7rem;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin-bottom:.3rem;} @media (max-width:991px){ .design-page--enquiry-row.enquiry-title-block .enquiry-title h2{font-size:2.4rem;font-weight:500;} } .design-page--enquiry-row.enquiry-title-block .enquiry_subtitle{margin-top:.8rem;} @media (max-width:991px){ .design-page--enquiry-row.enquiry-title-block .enquiry_subtitle{font-size:1.9rem;line-height:1.625;margin-bottom:2.2rem;} } .enquiry-cta{min-width:25.6rem;float:right;margin-top:7.2rem;} .enquiry-cta:after,.enquiry-cta:before{content:" ";display:table;} .enquiry-cta:after{clear:both;} .enquiry-cta a{float:right;} .enquiry-text-block{float:left;width:calc(100% - 14.4rem);} @media (max-width:991px){ .enquiry-text-block{width:100%;text-align:center;font-size:1.3rem;} } .case-study-focus--row{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;} .case-study-focus--row:after,.case-study-focus--row:before{content:" ";display:table;} .case-study-focus--row:after{clear:both;} .case-study-focus--row img{width:100%;} .materialBlock{padding-bottom:1.9rem;} .materialBlock:after,.materialBlock:before{content:" ";display:table;} .materialBlock:after{clear:both;} @media (max-width:767px){ .materialBlock{padding-bottom:1.1rem;margin-left:-1.5rem;margin-right:-1.5rem;} } .lead-image--full{min-height:30vw;} @media (max-width:160rem){ .lead-image--full{max-height:50vh;} } .lead-image--full img{margin:0 auto;width:auto;display:block;min-height:30vw;} @media (max-width:160rem){ .lead-image--full img{max-height:50vh;} } div[product-configuration-price]{min-height:33rem;} @media (max-width:991px){ div[product-configuration-price]{min-height:31.7rem;} } .product-lead--tabs--container{padding:0 0 4.8rem;} .product-lead--pricing-option-tabs{background-color:#f8f8f8;} .product-lead--pricing-option-tabs ul{list-style:none;padding-left:0;margin-bottom:0;} .product-lead--pricing-option-tabs li{float:left;} .product-lead--pricing-option-tabs li a{display:block;padding:1.6rem 3.2rem 1.4rem;color:#69696a;cursor:pointer;} .product-lead--pricing-option-tabs li a:after{display:block;content:attr(title);font-weight:500;height:.1rem;color:transparent;overflow:hidden;visibility:hidden;} .product-lead--pricing-option-tabs li.quotes-tab a:hover{background-color:rgba(0,137,85,.15);} .product-lead--pricing-option-tabs li.download-tab a:hover{background-color:rgba(174,218,187,.15);} .product-lead--pricing-option-tabs li.active a{background-color:#fff;color:#000;font-weight:500;} .product-lead--pricing-option-tabs li.active a:hover{background-color:#fff;} .loading-local-makers-panel{font-size:1.9rem;padding:4.8rem 2.2rem 0;} .loading-local-makers-panel i{margin-right:.3rem;} .product-lead--pricing-option-panels.tab-content{padding-top:0;border:none;} .product-lead--panel--info-block{padding-top:3rem;padding-left:2.7rem;} @media (max-width:991px){ .product-lead--panel--info-block{padding-left:.6rem;padding-top:1.9rem;} } .product-lead--panel--info-block h1{margin-top:0;margin-bottom:1.4rem;} .product-lead--panel--info-block ul{padding-left:1.9rem;list-style:circle;} .product-lead--panel--info-block ul li{margin-bottom:.4rem;} .product-lead--panel--info-content-title{margin:0 0 .9rem;font-weight:500;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;} .product-lead--panel--get-block{margin-top:5rem;color:#000;} @media (max-width:991px){ .product-lead--panel--get-block{width:27rem;margin:5rem 0 3.2rem;} } @media (max-width:559px){ .product-lead--panel--get-block .btn{width:100%;} } .product-price-info{margin:0;} .product-price-info>p{margin-bottom:0;} .product-checkout-action{margin-top:2rem;} .product-price-info.h3+.product-checkout-action{margin-top:1.6rem;} .product-checkout-action .btn{white-space:normal;} .product-checkout-action--additional-info{text-align:center;color:#989898;padding-top:.2rem;font-weight:500;} .product-lead--pricing-option-accordion--panel .panel-title{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.8rem;} .product-lead--pricing-option-accordion--panel .panel-title a.product-lead--pricing-option-accordion--panel--tab-buttons{display:block;padding:1.8rem 0 1.4rem;font-weight:500;color:#000;border-bottom:.1rem solid #000;} .product-lead--pricing-option-accordion--panel .panel-title a.product-lead--pricing-option-accordion--panel--tab-buttons.collapsed{font-weight:400;border-bottom-color:#f8f8f9;} .product-lead--pricing-option-accordion--panel.panel{box-shadow:none;border-bottom:0;} .product-lead--pricing-option-accordion--panel.panel+.panel{margin-top:0;} .product-lead--pricing-option-accordion--panel .panel-body{border-top:0;border-bottom:.1rem solid #f8f8f9;padding:0;} .locallyMade-intro-row:after,.locallyMade-intro-row:before{content:" ";display:table;} .locallyMade-intro-row:after{clear:both;} .locallyMade-intro-block{padding:5.6rem 0 2.9rem;} .locallyMade-intro-block:after,.locallyMade-intro-block:before{content:" ";display:table;} .locallyMade-intro-block:after{clear:both;} @media (max-width:991px){ .locallyMade-intro-block{padding-top:2.4rem;text-align:center;} } @media (max-width:991px){ .locallyMade-intro-block--title.design-page-heading{margin-top:.5rem;} } .locallyMade-intro-block--text{width:100%;} @media (min-width:992px){ .locallyMade-intro-block--text{width:calc(100% - 28.6rem);float:left;padding-right:7.7rem;} } .locallyMade-cta{width:27rem;float:left;} @media (min-width:992px){ .locallyMade-intro-block .locallyMade-cta{margin-left:1.6rem;} } @media (max-width:991px){ .locallyMade-cta{margin:3.2rem auto 0;float:none;} } @media (max-width:991px){ .enquiry-cta--button,.locallyMade-cta a{min-width:20rem;} } .locallyMade--maker-focus-image img{width:100%;} @media (max-width:991px){ .locallyMade--maker-focus-image{overflow:hidden;} .locallyMade--maker-focus-image img{width:130%;margin-left:-15%;} } .locallyMade-feature-focus-image{border-radius:50%;overflow:hidden;width:90%;} @media (max-width:991px){ .locallyMade-feature-focus-image{width:65%;display:inline-block;} } .locallyMade-feature-focus-image img{width:100%;} .locallyMade-feature-focus-row{margin-top:12.8rem;margin-bottom:12.8rem;} .locallyMade-feature-focus-row:after,.locallyMade-feature-focus-row:before{content:" ";display:table;} .locallyMade-feature-focus-row:after{clear:both;} @media (max-width:991px){ .locallyMade-feature-focus-row{margin-top:0;margin-bottom:0;padding:4rem 0 6.4rem;background-color:#f1f1f1;text-align:center;} } .locallyMade-feature-focus-row .btn{display:inline-block;} .locallyMade-feature-focus-text{margin-bottom:4.8rem;margin-top:1.6rem;} @media (max-width:991px){ .locallyMade-feature-focus-text{margin-bottom:3.2rem;margin-top:0;} } .expressy-new-design .legacy-opendesk{padding-bottom:0;} .expressy-new-design .get-it-page-body{padding-bottom:0!important;} .design-page-heading{margin-bottom:1.6rem;} @media (max-width:991px){ .design-page-heading{font-size:2.9rem;margin-bottom:1.1rem;} } @media (max-width:991px){ .design-page-copy{margin-top:0;} } /*! CSS Used keyframes */ @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}} /*! CSS Used fontfaces */ @font-face{font-family:'FontAwesome';src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot#iefix&v=4.2.0') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

Related: See More


Questions / Comments: