Loft - Home v2
How do I make an loft - home v2?
Http://indicius.com/case-study/dj-list. What is a loft - home v2? How do you make a loft - home v2? This script and codes were developed by Francesca Tabor on 10 July 2022, Sunday.
Loft - Home v2 Previews
Loft - Home v2 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Loft - Home v2</title> <link rel='stylesheet prefetch' href='http://indicius.com/assets/case-studies/djlist/appShowcase-379365c262e87ca2d55c18c35f4d5e7d01dfa2b9d8f9f4b1d8eb2ab4f489de06.png'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body id="case-study-page-djlist"><div id="page"><div class="preloader" style="display: none;"><div class="bar" style="width: 100%;"></div></div><div class="container cs-hero" style="height: 635px;"><div class="row cs-head"><div class="col-xs-3 col-sm-3 col-md-2 col-lg-2 logo"><a href="http://indicius.com/" data-color="#00b5ec" title="Indicius"><img src="./indicius_dj_files/LogoIndicius@2x-f101e9b954ec9db38acd05e390b667bb533288b6ea78f45696a7cc92a81d0897.png"></a></div><div class="col-xs-9 col-sm-9 col-md-10 col-lg-10 links"><a href="http://indicius.com/#theGrid">Visit our Work</a><a class="contact" href="mailto:[email protected]?Subject=Let%27s%20talk%">Let's talk</a></div></div><div class="row title-subtitle-stores"><h1>The DJ List<span class="toi-project"><span class="dash">—</span>A<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="595.28px" height="421.479px" viewBox="0 0 595.28 421.479" enable-background="new 0 0 595.28 421.479" xml:space="preserve">
<path fill="#D0D0CF" d="M570.361,116.923c-1.519-11.192-24.432-68.805-98.92-54.167c-31.956,6.566-74.755,26.5-139.776,62.454 c-60.814,33.632-107.803,46.995-143.427,49.221c12.485-19.836,26.965-39.784,41.702-58.675c1.888-2.421,3.242-4.767,4.142-7.037 l0.002,0.002c0,0,0.011-0.028,0.027-0.068c0.015-0.04,0.03-0.08,0.046-0.12c0.045-0.119,0.108-0.297,0.184-0.525 c0.547-1.532,0.89-3.029,1.041-4.489c0.712-4.85,0.607-12.475-4.422-20.199c-2.447-3.216-5.053-2.973-7.427-1.258 c-13.648-10.78-34.113-16.728-34.113-16.728s-18.343,26.679-63.869,98.832c-10.281-4.921-17.994-10.974-23.467-16.876 c-15.558-16.781-29.491-38.315-1.864-73.069c2.231-2.808,3.777-5.594,4.743-8.306l0.005,0.003c0,0,0.084-0.24,0.215-0.673 c0.266-0.827,0.484-1.646,0.643-2.456c1.084-4.794,2.261-14.113-2.699-20.879c-2.575-3.513-5.773-3.112-8.647-1.16 c-17.472-10.031-49.412-4.437-59.925,38.862c-7.035,34.501,0.25,60.638,16.909,79.21c16.286,18.15,34.65,30.073,54.605,36.959 C59.456,277.994,62.151,358.158,131.59,376.04c32.556,8.86,76.904-47.45,85.94-59.487c-1.473,2.284-3.438,6.161-3.721,10.93 c-1.083,18.25,1.316,50.343,34.811,56.922c33.017,6.485,71.335-71.146,71.335-71.146c8.301-14.686,19.362-43.478,23.622-54.994 c12.102-5.811,20.343-12.943,20.343-12.943s-16.863,72.906,25.686,98.65c49.454,29.926,86.266-29.215,97.045-49.496 c0.097-0.182,0.165-0.354,0.253-0.532l0.014,0.009c0,0,0.153-0.276,0.358-0.79c0.552-1.285,0.838-2.453,0.891-3.491 c0.449-3.157,0.271-7.903-2.618-13.761c-2.079-2.464-3.881,1.831-5.067,6.11c-2.308-1.445-4.347-2.711-4.347-2.711 s-26.407,59.455-58.922,37.401c-27.545-18.694,0.729-75.338,8.517-92.517c0.372-0.817,0.479-1.65,0.415-2.458 c0.941-2.236,1.891-4.798,1.831-5.918c-0.134-2.536-4.778-5.882-4.778-5.882l-1.146,5.736c-8.812-6.523-22.34-15.468-28.173-21.461 c-3.565-3.661-7.336-4.009-9.82-0.519c-8.108,11.381-26.849,36.45-39.279,43.383c-2.092-24.782-17.975-41.661-42.312-43.958 c-17.767-1.683-49.273,5.721-66.576,54.552c-11.432,43.249-31.748,67.132-51.322,82.474c-19.575,15.343-48.474,10.326-32.425-75.022 c3.071-16.332,10.239-34.282,19.964-52.833c41.404-4.115,86.459-21.002,132.268-43.627c0,0,99.609-44.989,165.644-62.163 c46.33-12.047,69.796,14.575,71.874,40.455c2.295,28.589-22.364,43.683-46.283,43.669c-1.887,0-3.85,0.039-5.803,0.075 c-2.025-0.332-3.789-0.846-5.218-1.556c-20.594-10.286-2.173-25.419-11.793-39.788c-7.22-10.784-21.152-17.648-36.81-12.55 c-0.313,0.093-0.637,0.16-0.951,0.267c-5.174,1.799-10.416,4.99-15.017,9.05c-0.019,0.01-0.028,0.026-0.049,0.038l0.003,0.005 c-13.647,12.053-20.977,30.831-5.978,44.77c32.617,30.31,104.396,38.072,141.886-16.175 C568.022,147.185,572.261,130.924,570.361,116.923 M296.062,218.24c6.684-4.246,31.882-10.703,35.48,22.678 c0,0-21.181,17.268-38.141,1.264C283.196,232.432,289.662,222.301,296.062,218.24 M267.182,266.563 c17.844,18.254,57.741-0.807,57.741-0.807s-4.174,10.669-10.46,26.714c-8.078,21.088-29.681,48.763-51.69,44.243 C243.67,332.793,256.963,290.049,267.182,266.563"></path>
<path fill="#D0D0CF" d="M405.968,141.335c0,0-7.062,20.458,2.61,32.824c9.672,12.366,6.672-17.259,6.672-17.259L405.968,141.335z"></path>
<path fill="#D0D0CF" d="M470.794,128.352l-5.544,15.423c0,0,8.125,23.875,10.341,9.608 C477.807,139.116,470.794,128.352,470.794,128.352"></path>
<path class="custom-fill" fill="#284A7A" d="M568.361,105.923c-1.519-11.192-24.432-68.805-98.92-54.167c-31.956,6.566-74.755,26.5-139.776,62.454 c-60.815,33.632-107.804,46.995-143.427,49.221c12.484-19.836,26.965-39.784,41.701-58.675 c24.574-31.507-40.519-50.422-40.519-50.422s-18.344,26.679-63.869,98.832c-10.282-4.921-17.994-10.974-23.468-16.876 c-15.557-16.781-29.49-38.315-1.864-73.069c27.619-34.762-48.291-66.165-65.664,5.391c-7.036,34.501,0.25,60.638,16.909,79.21 c16.285,18.15,34.65,30.073,54.604,36.959c-46.612,82.213-43.917,162.377,25.521,180.259c36.416,9.911,87.592-61.726,87.592-61.726 s-18.083,60.756,29.439,70.09c33.017,6.485,71.335-71.146,71.335-71.146c8.301-14.686,19.362-43.478,23.623-54.994 c12.102-5.811,20.342-12.943,20.342-12.943s-16.863,72.906,25.686,98.65c49.454,29.926,86.266-29.215,97.045-49.496 c2.124-3.995,2.048-7.142-0.144-8.619c-2.034-1.372-10.373-6.547-10.373-6.547s-26.407,59.455-58.922,37.401 c-27.545-18.694,0.729-75.338,8.517-92.517c1.411-3.102-0.905-6.44-2.488-7.636c-8.734-6.578-23.264-16.081-29.363-22.347 c-3.565-3.661-7.336-4.009-9.82-0.519c-8.108,11.381-26.849,36.45-39.279,43.383c-2.092-24.783-17.975-41.661-42.312-43.958 c-17.768-1.683-49.272,5.721-66.577,54.552c-11.432,43.249-31.748,67.132-51.321,82.474c-19.576,15.343-48.475,10.326-32.425-75.022 c3.071-16.332,10.239-34.283,19.963-52.833c41.404-4.114,86.46-21.002,132.268-43.627c0,0,99.609-44.989,165.644-62.163 c46.331-12.047,69.796,14.575,71.874,40.455c2.295,28.589-22.364,43.683-46.283,43.669c-1.887,0-3.85,0.039-5.802,0.075 c-2.026-0.332-3.79-0.846-5.219-1.556c-20.594-10.286-2.173-25.419-11.793-39.788c-7.22-10.784-21.152-17.648-36.81-12.55 c-0.313,0.093-0.636,0.16-0.951,0.267c-5.174,1.799-10.416,4.99-15.017,9.05c-0.019,0.01-0.028,0.026-0.049,0.038l0.003,0.005 c-13.647,12.053-20.976,30.831-5.978,44.77c32.617,30.31,104.396,38.072,141.886-16.175 C566.022,136.185,570.261,119.924,568.361,105.923 M294.062,207.24c6.684-4.246,31.882-10.703,35.481,22.677 c0,0-21.181,17.268-38.141,1.264C281.195,221.432,287.661,211.301,294.062,207.24 M265.181,255.563 c17.845,18.254,57.742-0.807,57.742-0.807s-4.174,10.669-10.46,26.714c-8.078,21.088-29.682,48.763-51.691,44.243 C241.67,321.793,254.963,279.049,265.181,255.563"></path>
</svg>
Project</span></h1><h2>UI/UX Design, Front-End Development</h2><div class="stores"><!--a.apple href="#" title="Get it on the Apple Store" =inline_svg "case-studies/appleStore.svg" | Get it on the Apple Store =inline_svg "case-studies/chevronRight.svg"
a.website href="#" title="Visit Website" =inline_svg "case-studies/website.svg" | Visit Website =inline_svg "case-studies/chevronRight.svg"--></div></div><a class="see-more-case-study" href="http://indicius.com/case-study/dj-list#caseStudyContent"><!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="25px" viewBox="0 0 48 25" enable-background="new 0 0 48 25" xml:space="preserve">
<desc>Created with Avocode</desc>
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" d="M0.35,1.06L0.35,1.06L0,0.71L0.71,0l0.35,0.35l23.09,23.089 c0,0,0.201,0.201,0.265,0.266S24.5,23.79,24.5,23.79l-0.71,0.71l-0.35-0.35L0.35,1.06L0.35,1.06"></path>
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" d="M47.439,0.6L47.439,0.6l0.351-0.35l0.71,0.71l-0.35,0.35L25.061,24.4 c0,0-0.201,0.2-0.266,0.265S24.71,24.75,24.71,24.75L24,24.04l0.35-0.351L47.439,0.6L47.439,0.6"></path>
</svg>
</a></div><div class="container-fluid" id="caseStudyContent"><div class="container"><div class="row about-project"><div class="col-xs-12"><table><tbody><tr><td class="wow fadeIn animated" style="visibility: visible; animation-name: fadeIn;">About the Project</td><td class="wow fadeIn animated" style="visibility: visible; animation-name: fadeIn;"><p>We were thrilled to be approached by our partners at <a href="http://toi.io/" target="_blank">Toi</a> to collaborate on The DJ List, a website that puts the club in your pocket, all the time. Together we completely overhauled brand identity and UX/UI design across devices to make it better than ever.</p></td></tr></tbody></table></div></div></div><div class="consistency"><div class="container"><div class="row"><div class="col-xs-12"><h1>Consistency across devices</h1><h2>Since it's important to make sure to know what's going on, no matter which device you're using, we used a mobile-first approach on simplifying the experience, while also making it more immersive.</h2></div></div></div><img class="waves" src="./indicius_dj_files/waves-d1da2913bb72198722cad9e47b9bf31682309b5748bee017cddcf6c70413acfe.png" style="bottom: -133.5px; margin-left: -683.5px;"><img class="showcase wow fadeInUp animated" src="./indicius_dj_files/appShowcase-379365c262e87ca2d55c18c35f4d5e7d01dfa2b9d8f9f4b1d8eb2ab4f489de06.png" style="visibility: visible; animation-name: fadeInUp; bottom: -316.5px; margin-left: -537.5px;"></div><div class="onboarding"><h1>Onboarding Process</h1><h2>We created a 3-step onboarding process, which enables personalization yet allows the user to go through it swiftly.</h2><div class="container"><div class="row steps"><div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 step1 wow fadeIn animated" style="visibility: visible; animation-name: fadeIn;"><p><strong>01</strong>Where are you living?</p><img src="./indicius_dj_files/step1-8ac60a79c13c9de55a7bb1d7cbabe56ebd8bd2ded26bf2acd208ff9d1ffab485.png"></div><div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 step2 wow fadeIn animated" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeIn;"><p><strong>02</strong>Choose genres</p><img src="./indicius_dj_files/step2-00f5a21f5429cd5e8ca08be78ca492c8e5d0124e5038a1a31077aeb2cae0c34c.png"></div><div class="col-xs-12 col-sm-4 col-md-5 col-lg-5 step3 wow fadeIn animated" data-wow-delay=".8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeIn;"><p><strong>03</strong>Follow your favorite DJs</p><img src="./indicius_dj_files/step3-d13d87afa1fad82cf8d0138287ee496c8c4d626f391570cedc47f0a153cfbc0c.png"></div></div></div><img class="laptop wow fadeIn animated" src="./indicius_dj_files/laptop-455cb27ff3f54667ba49be1771520128eb02695fbeb8dfc8ce88c5f438fe3de1.png" style="visibility: visible; animation-name: fadeIn;"></div><div class="event-details"><img src="./indicius_dj_files/pin-a4cbeef4601700dc38c57e4308dc5fa969ecdb85d3d876170ab02b108376e990.png">Event Details</div><div class="iphone-app"><h1 class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">iPhone App</h1><h2 class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">We revamped the web platform, but we also overhauled the iOS App making it slicker than ever.</h2></div><img class="full-width-web wow fadeIn animated" src="./indicius_dj_files/full-width-web-9c68fb1f5898ddc26e43c921af6b2b3038b0c60523e868aada53875bb45135ec.png" style="visibility: visible; animation-name: fadeIn;"></div><div class="container-fluid more-case-studies"><div class="row"><div class="col-xs-12">We hope you've enjoyed it.<strong> You can see more Case Studies below.</strong></div></div></div><div class="container-fluid related-case-studies"><div class="row"><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 messi left-case-study"><div class="content"><h2>MOBILE & WEBAPP, UX & UI</h2><h1>MESSI</h1><p>We made the Leo Messi Foundation's Digital Book.</p><a href="http://indicius.com/case-study/messi">View Case Study<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13px" height="23px" viewBox="0 0 13 23" enable-background="new 0 0 13 23" xml:space="preserve">
<desc>Created with Avocode</desc>
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="square" d="M11.23,10.721L11.23,10.721l0.25,0.25l-0.5,0.51l-0.261-0.25 L0.25,0.76L0,0.5L0.51,0l0.25,0.25L11.23,10.721L11.23,10.721 M0.759,22.69L0.759,22.69l-0.25,0.25L0,22.43l0.25-0.25l10.471-10.47 l0.26-0.25l0.5,0.51l-0.25,0.25L0.759,22.69"></path>
</svg>
</a><img class="shot" src="./indicius_dj_files/messiShot-5cbde28d14dbef18f4bbee1f51d44ed50332840d6a7496e7745688c5ddd9051d.png"></div><div class="clearfix"></div></div><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 tradeagrape right-case-study"><div class="content"><h2>BRANDING, UX & UI</h2><h1>Trade a Grape</h1><p>This app is intended to make the process of trading wine something both simple and beautiful.</p><a href="http://indicius.com/case-study/tag">View Case Study<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13px" height="23px" viewBox="0 0 13 23" enable-background="new 0 0 13 23" xml:space="preserve">
<desc>Created with Avocode</desc>
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="square" d="M11.23,10.721L11.23,10.721l0.25,0.25l-0.5,0.51l-0.261-0.25 L0.25,0.76L0,0.5L0.51,0l0.25,0.25L11.23,10.721L11.23,10.721 M0.759,22.69L0.759,22.69l-0.25,0.25L0,22.43l0.25-0.25l10.471-10.47 l0.26-0.25l0.5,0.51l-0.25,0.25L0.759,22.69"></path>
</svg>
</a><img class="shot" src="./indicius_dj_files/tagShot-355913e929b70e0eca609e24a2d6cb4cb57923cfcbb1a4efeaa1940bdf9b9c7f.png"></div><div class="clearfix"></div></div></div></div><div class="container-fluid footer-case-study"><div id="footer" class="container"><div class="row"><div class="about col-xs-12 col-sm-12 col-md-6 col-lg-6"><h1>About Us</h1><p>We are a Creative Digital Agency based in Buenos Aires, Argentina. We take pride in designing and building beautiful, highly functional websites and products. We also create unique visual identities and high impact 2D/3D animations.</p></div><div class="contact col-xs-12 col-sm-12 col-md-6 col-lg-6"><h1>Contact Us</h1><p>A new project is an opportunity to create something unique.<strong>Tell us about your idea.</strong><br><a href="mailto:[email protected]?Subject=Let%27s%20talk%">Let's talk<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g> <path fill="#FFFFFF" d="M15.901,31.355c-8.503,0-15.421-6.918-15.421-15.42c0-8.503,6.918-15.421,15.421-15.421 s15.421,6.918,15.421,15.421C31.322,24.437,24.404,31.355,15.901,31.355L15.901,31.355z M15.901,1.514 C7.949,1.514,1.48,7.983,1.48,15.935s6.469,14.42,14.421,14.42c7.952,0,14.421-6.469,14.421-14.42S23.853,1.514,15.901,1.514 L15.901,1.514z"></path>
</g>
<polygon fill="#FFFFFF" points="10.182,15.341 19.12,15.341 15.182,11.403 16.12,10.341 21.62,15.903 21.62,16.403 16.182,21.529 15.182,20.466 19.12,16.403 10.182,16.403 "></polygon>
</svg>
</a></p></div><div class="separator col-xs-12 col-sm-12 col-md-12 col-lg-12"><hr></div><div class="bottom-left col-xs-4 col-sm-3 col-md-3 col-lg-3">© Indicius 2015</div><div class="bottom-right col-xs-8 col-sm-9 col-md-9 col-lg-9"><a class="twitter" href="https://twitter.com/Indicius" target="_blank"><svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch --> <title>Twitter</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <path d="M13.3531333,2.88271111 C13.9462667,2.51066667 14.3984667,1.92448889 14.6131333,1.22 C14.0578,1.56711111 13.4418,1.81644444 12.7884667,1.95333333 C12.2658,1.36666667 11.5191333,1 10.6926667,1 C9.10693333,1 7.8236,2.34982222 7.8236,4.00666667 C7.8236,4.24133333 7.84693333,4.4716 7.89266667,4.69111111 C5.50893333,4.56888889 3.39026667,3.3716 1.9758,1.55244444 C1.72846667,1.99733333 1.58846667,2.51066667 1.58846667,3.0636 C1.58846667,4.10493333 2.09246667,5.02404444 2.862,5.56622222 C2.39066667,5.54666667 1.95246667,5.41466667 1.56513333,5.18977778 L1.56046667,5.22888889 C1.56046667,6.68137778 2.55446667,7.89822222 3.86533333,8.172 C3.62733333,8.24142222 3.37066667,8.28053333 3.10886667,8.28053333 C2.92313333,8.28053333 2.74533333,8.26097778 2.56753333,8.22675556 C2.93666667,9.41964444 3.99646667,10.2893778 5.25086667,10.3148 C4.27133333,11.1209778 3.02953333,11.6005778 1.686,11.6005778 C1.45266667,11.6005778 1.224,11.5854222 1,11.5556 C2.26933333,12.4111556 3.78133333,12.9103111 5.4002,12.9103111 C10.688,12.9103111 13.5771333,8.32942222 13.5771333,4.35475556 C13.5771333,4.22813333 13.5715333,4.09564444 13.5668667,3.96853333 C14.1278,3.54222222 14.6131333,3.01422222 15.0004667,2.41337778 C14.4866667,2.65244444 13.9318,2.81377778 13.3531333,2.88271111 Z" id="Twitter" stroke="#00b5ec" stroke-linecap="round" stroke-linejoin="round" sketch:type="MSShapeGroup"></path> </g>
</svg>
Twitter</a><a class="facebook" href="https://www.facebook.com/Indicius" target="_blank"><svg width="18px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch --> <title>FB</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="FB" sketch:type="MSLayerGroup" stroke="#00b5ec"> <path d="M2.91386719,0 C1.3774093,0 0,1.14280719 0,2.49793921 L0,12.489696 C0,13.8635626 1.3774093,14.9876352 2.91386719,14.9876352 L12.6267578,14.9876352 C13.7376697,14.9876352 15,13.8635631 15,12.4896965 L15,7.49381828 L15,2.49793968 C15,1.14280766 13.7376697,0 12.6267578,0 L2.91386719,0 Z" id="Path-copy" stroke-linecap="round" stroke-linejoin="round" sketch:type="MSShapeGroup"></path> <path d="M10.5,4.50000001 C10.5,4.50000001 9.75947164,4.60623475 8.99999995,4.50000001 C8.24052826,4.39376517 7.50000012,4.95719143 7.5,5.99999994 C7.49999989,7.04280846 7.50000001,14.4999999 7.50000001,14.4999999" id="Path-26" sketch:type="MSShapeGroup"></path> <path d="M6.5,7.5 L9.22967669,7.5" id="Line" stroke-linecap="square" sketch:type="MSShapeGroup"></path> </g> </g>
</svg>
Facebook</a><a class="dribbble" href="https://dribbble.com/Indicius" target="_blank"><svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch --> <title>Dribbble</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <path d="M12.1870183,14.0940351 C12.115597,13.6685107 11.7401343,11.6009628 10.8156617,9.06116629 C13.090465,8.69738466 15.061227,9.32148709 15.2064059,9.36887882 C14.8930197,11.3322984 13.7693016,13.0257186 12.1870183,14.0940351 L12.1870183,14.0940351 Z M8.25050062,15.2961832 C6.54473189,15.2961832 4.98113837,14.690103 3.7619693,13.6815267 C3.85508404,13.7566193 3.9198305,13.8046785 3.9198305,13.8046785 C3.9198305,13.8046785 5.27049495,10.8590485 9.44897753,9.40358826 C9.46432978,9.39758086 9.48001578,9.39290843 9.49570177,9.38856975 C10.487257,11.9647444 10.8964279,14.1220696 11.00089,14.7381622 C10.1558486,15.0972714 9.22570238,15.2961832 8.25050062,15.2961832 L8.25050062,15.2961832 Z M1.20448431,8.24983313 C1.20448431,8.17474059 1.20782176,8.10098303 1.21049172,8.02755921 C1.33464471,8.02989543 4.81626853,8.1089929 8.44373875,7.02365541 C8.64565424,7.41847529 8.83855863,7.82030381 9.01544327,8.22113109 C8.92199478,8.24716317 8.82988127,8.27519772 8.73776775,8.30523473 C4.93541536,9.53374866 3.00703898,12.9552984 3.00703898,12.9552984 C3.00703898,12.9552984 3.00904145,12.9573009 3.00937519,12.9586359 C1.88765954,11.710431 1.20448431,10.0600639 1.20448431,8.24983313 L1.20448431,8.24983313 Z M5.24412913,1.87798095 C5.33757762,2.00380267 6.6405166,3.77031291 7.86035316,5.93765044 C4.477184,6.83642468 1.54123263,6.8013815 1.35500314,6.79804405 C1.81323449,4.61568802 3.27904084,2.80612472 5.24412913,1.87798095 L5.24412913,1.87798095 Z M6.5627541,1.40940351 C6.56242036,1.410071 6.56141912,1.41073849 6.56141912,1.41073849 C6.56141912,1.41073849 6.55340925,1.41240721 6.54039321,1.41507717 C6.54740185,1.4130747 6.55507797,1.41173972 6.5627541,1.40940351 L6.5627541,1.40940351 Z M12.903568,2.96265094 C12.8862133,2.990018 11.8826433,4.51723336 9.22336617,5.51379478 C8.01888185,3.30106798 6.69558446,1.54290135 6.58978741,1.4033961 C7.12244382,1.27423694 7.67779486,1.20448431 8.25050062,1.20448431 C10.0340318,1.20448431 11.6620381,1.86963733 12.903568,2.96265094 L12.903568,2.96265094 Z M15.2935132,8.1800805 C15.1913874,8.15771961 12.8071158,7.64475414 10.3861324,7.94912923 C10.3367382,7.82864742 10.2863428,7.70749813 10.2342786,7.5853476 C10.087431,7.24058941 9.92990352,6.89916867 9.76603491,6.56342159 C12.5484638,5.42802241 13.6778555,3.79434252 13.6912053,3.77465159 C14.6794231,4.97479722 15.2771597,6.50801998 15.2935132,8.1800805 L15.2935132,8.1800805 Z M16.3321265,6.58945367 C16.2239932,6.05946722 16.0617933,5.53749065 15.8512005,5.03887619 C15.6446126,4.54927284 15.3882967,4.07802545 15.0905965,3.63714881 C14.7955663,3.20061085 14.4564817,2.78977123 14.083689,2.4169785 C13.7105625,2.04351828 13.2997229,1.70443375 12.8631849,1.410071 C12.422642,1.11136957 11.9507272,0.855721192 11.4617913,0.648465786 C10.9631768,0.438540424 10.441534,0.275673052 9.91121382,0.168207286 C9.36787759,0.0567365845 8.80885536,0 8.25050062,0 C7.69114464,0 7.13212241,0.0567365845 6.58845244,0.168207286 C6.05846599,0.275673052 5.53682316,0.438540424 5.03854245,0.648465786 C4.54960659,0.855721192 4.0776917,1.11136957 3.63648132,1.410071 C3.19994336,1.70443375 2.78910374,2.04351828 2.41597726,2.4169785 C2.04318453,2.78977123 1.70443375,3.20061085 1.40973725,3.63714881 C1.11170331,4.07802545 0.855387447,4.54927284 0.648799531,5.03887619 C0.437872934,5.53749065 0.276006796,6.05946722 0.167539797,6.58945367 C0.0564028399,7.13178867 0,7.69114464 0,8.24983313 C0,8.80952285 0.0564028399,9.36887882 0.167539797,9.91188131 C0.276006796,10.4418678 0.437872934,10.9641781 0.648799531,11.462125 C0.855387447,11.9510609 1.11170331,12.4236433 1.40973725,12.8641862 C1.70443375,13.3007241 2.04318453,13.7108963 2.41597726,14.0843565 C2.78910374,14.4571492 3.19994336,14.7955663 3.63648132,15.0909302 C4.0776917,15.3886304 4.54960659,15.6449463 5.03854245,15.8515342 C5.53682316,16.0627946 6.05846599,16.2236595 6.58845244,16.3324602 C7.13212241,16.4445984 7.69114464,16.5006675 8.25050062,16.5006675 C8.80885536,16.5006675 9.36787759,16.4445984 9.91121382,16.3324602 C10.441534,16.2236595 10.9631768,16.0627946 11.4617913,15.8515342 C11.9507272,15.6449463 12.422642,15.3886304 12.8631849,15.0909302 C13.2997229,14.7955663 13.7105625,14.4571492 14.083689,14.0843565 C14.4564817,13.7108963 14.7955663,13.3007241 15.0905965,12.8641862 C15.3882967,12.4236433 15.6446126,11.9510609 15.8512005,11.462125 C16.0617933,10.9641781 16.2239932,10.4418678 16.3321265,9.91188131 C16.4435972,9.36887882 16.5,8.80952285 16.5,8.24983313 C16.5,7.69114464 16.4435972,7.13178867 16.3321265,6.58945367 L16.3321265,6.58945367 Z" id="Dribbble" fill="#00b5ec" sketch:type="MSShapeGroup"></path> </g>
</svg>
Dribbble</a><a class="instagram" href="https://instagram.com/indiciusar/" target="_blank"><svg width="18px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch --> <title>Instagram</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Instagram" sketch:type="MSLayerGroup"> <path d="M3,0 C1.418125,0 0,1.14375 0,2.5 L0,12.5 C0,13.875 1.418125,15 3,15 L13,15 C14.14375,15 15,13.875 15,12.5 L15,2.5 C15,1.14375 14.14375,0 13,0 L3,0 Z" id="Path" stroke="#00b5ec" stroke-linecap="round" stroke-linejoin="round" sketch:type="MSShapeGroup"></path> <path d="M10.7142857,7.25274725 C10.7142857,9.27368771 9.27966777,10.7142857 7.74725275,10.7142857 C5.7269103,10.7142857 4.28571429,9.27368771 4.28571429,7.25274725 C4.28571429,5.72750831 5.7269103,4.28571429 7.74725275,4.28571429 C9.27966777,4.28631229 10.7142857,5.72750831 10.7142857,7.25274725 L10.7142857,7.25274725 Z" id="Path" stroke="#00b5ec" stroke-linecap="round" stroke-linejoin="round" sketch:type="MSShapeGroup"></path> <path d="M1.5,5.5 L3.5,5.5" id="Line" stroke="#00b5ec" stroke-linecap="square" sketch:type="MSShapeGroup"></path> <path d="M11.5,5.5 L13.5,5.5" id="Line-7" stroke="#00b5ec" stroke-linecap="square" sketch:type="MSShapeGroup"></path> <path d="M11.8290816,2.99489796 L11.1658163,2.99489796 C11.0663265,2.99489796 11,2.92857143 11,2.82908163 L11,2.16581633 C11,2.06632653 11.0663265,2 11.1658163,2 L11.8290816,2 C11.9285714,2 11.994898,2.06632653 11.994898,2.16581633 L11.994898,2.82908163 C11.994898,2.92857143 11.9285714,2.99489796 11.8290816,2.99489796 Z" id="Path" fill="#00b5ec" sketch:type="MSShapeGroup"></path> </g> </g>
</svg>
Instagram</a><a class="vimeo" href="https://vimeo.com/indicius" target="_blank"><svg width="18px" height="16px" viewBox="0 0 20 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch --> <title>Vimeo</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <path d="M2.58908616,4.72485549 C3.06369275,5.33018009 4.87572435,12.6393108 5.4805871,13.9876364 C6.00851803,15.1700627 7.46477731,16.7332836 9.06175176,15.6169377 C10.6577965,14.5005559 15.9653285,9.61268781 16.915405,3.84045336 C17.8646514,-1.92995448 10.5284369,-0.721167703 9.75134909,4.3062392 C11.6935704,3.04845626 12.7302741,4.81729634 11.7364026,6.81997846 C10.7443241,8.82072653 9.83784343,10.1256432 9.36317044,10.1256432 C8.88942714,10.1256432 8.52495558,8.78673723 7.98214962,6.44656184 C7.42101549,4.02716167 7.42446862,-0.330845974 5.09154517,0.16323443 C2.89146773,0.62902027 0,4.35340874 0,4.35340874 L0.690527013,5.33018009 C0.690527013,5.33018009 2.11444638,4.11945925 2.58908616,4.72485549 Z" id="Vimeo" stroke="#00b5ec" sketch:type="MSShapeGroup"></path> </g>
</svg>
Vimeo</a></div></div></div></div></div><a class="go-top" href="http://indicius.com/case-study/dj-list#page"><!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
<svg width="186px" height="269px" viewBox="0 0 186 269" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch --> <title>Shape</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="right11" sketch:type="MSLayerGroup" transform="translate(0.000000, -1.000000)" fill="#000000"> <path d="M224.171,126.577 L144.171,46.577 C139.29,41.696 131.374,41.696 126.493,46.577 C121.611,51.459 121.611,59.373 126.493,64.255 L185.154,122.916 L-28.5,122.916 C-35.403,122.916 -41,128.513 -41,135.416 C-41,142.318 -35.403,147.916 -28.5,147.916 L185.154,147.916 L126.495,206.577 C121.613,211.459 121.613,219.373 126.495,224.255 C128.935,226.694 132.135,227.916 135.334,227.916 C138.533,227.916 141.732,226.694 144.173,224.255 L224.171,144.255 C229.053,139.373 229.053,131.459 224.171,126.577 L224.171,126.577 Z" id="Shape" sketch:type="MSShapeGroup" transform="translate(93.416250, 135.416125) rotate(-90.000000) translate(-93.416250, -135.416125) "></path> </g> </g>
</svg>
</body>
</html>
Loft - Home v2 - Script Codes CSS Codes
:focus{outline:none;outline:0}ul,li{list-style:none;margin:0;padding:0}/*! * Bootstrap v3.3.2 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=89b84319e8f2e10a5015) * Config saved to config.json and https://gist.github.com/89b84319e8f2e10a5015 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url("../fonts/glyphicons-halflings-regular.eot");src:url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"),url("../fonts/glyphicons-halflings-regular.woff") format("woff"),url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;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}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1600px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:absolute;top:0;right:0;left:0;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width: 768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width: 992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width: 767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width: 767px){.visible-xs-block{display:block !important}}@media (max-width: 767px){.visible-xs-inline{display:inline !important}}@media (max-width: 767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-block{display:block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline{display:inline !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-block{display:block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline{display:inline !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width: 1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width: 1200px){.visible-lg-block{display:block !important}}@media (min-width: 1200px){.visible-lg-inline{display:inline !important}}@media (min-width: 1200px){.visible-lg-inline-block{display:inline-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}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes bounceLike{0%{transform:scale(1, 1)}30%{transform:scale(1.6, 1.6)}50%{transform:scale(1.1, 1.1)}60%{transform:scale(1.2, 1.2)}70%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes bounceLike{0%{transform:scale(1, 1)}30%{transform:scale(1.6, 1.6)}50%{transform:scale(1.1, 1.1)}60%{transform:scale(1.2, 1.2)}70%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@-webkit-keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-ms-keyframes beforeAfter{0%{width:0}100%{width:50%}}@-o-keyframes beforeAfter{0%{width:0}100%{width:50%}}@-moz-keyframes beforeAfter{0%{width:0}100%{width:50%}}@-webkit-keyframes beforeAfter{0%{width:0}100%{width:50%}}@keyframes beforeAfter{0%{width:0}100%{width:50%}}#page{min-height:100%;height:100%;opacity:1;-webkit-transform:translate(0);-webkit-transition:all 200ms ease-in-out 0}#transition-wrapper{position:fixed;bottom:-2000px;left:-2000px;right:-2000px;-webkit-pointer-events:none;pointer-events:none}#transition-color{width:4000px;height:4000px;margin:0 auto -2px auto;border-radius:50%;-webkit-transform:translate3d(0, 0, 0) scale3d(0.001, 0.001, 1);transform:translate3d(0, 0, 0) scale3d(0.001, 0.001, 1);-webkit-perspective:1000;perspective:1000;-webkit-transition:all 0 ease-in-out 0;transition:all 0 ease-in-out 0}body.transitioning #transition-color{-webkit-transition:all 700ms ease-in-out 250ms;transition:all 700ms ease-in-out 250ms;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}html,body{height:100%;min-height:100%}body{overflow-x:hidden;overflow-y:scroll;font-family:"franklin-gothic-urw", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body #heroBackground{position:absolute;top:0;left:0;width:100%;height:calc(100% + 480px);background-color:#00b5ec;transition:all .2s ease-in-out}body .preloader{content:'';position:fixed;display:block;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99999}body .preloader .bar{position:absolute;top:0;left:0;right:0;bottom:auto;width:0;height:3px;-webkit-transition:width 0.7s cubic-bezier(0, 0.52, 1, 0.28) 0.3s;transition:width 0.7s cubic-bezier(0, 0.52, 1, 0.28) 0.3s}body .preloader .bar:after{content:'';position:absolute;display:block;width:3px;height:3px;top:0;left:auto;right:0;bottom:0}body#index{background:white}body#index .preloader{background:#00b5ec}body#index .preloader .bar{background:#fff200}body#index .preloader .bar:after{box-shadow:0 0 4px #fff200, 0 0 4px #fff200, 0 0 4px #fff200}body[id*="case-study-page"] #page{max-width:initial !important;overflow-x:hidden;overflow-y:hidden;height:auto}h1,h2,h3,h4,h5,h6{font-family:"franklin-gothic-urw", sans-serif}.container{max-width:1280px}#page{max-width:1280px;margin:0 auto}#heroWrapper{height:100%;min-height:100%;width:100%;padding-left:0;padding-right:0;background:#00b5ec;position:relative}#heroWrapper .overlay{position:absolute;z-index:3;top:0;left:0;right:0;bottom:0;width:100%;height:100%;text-align:center;opacity:0;transition:opacity .2s ease-in-out}#heroWrapper .overlay.animate{opacity:1}#heroWrapper .overlay>span{position:relative;top:50%;display:block;-webkit-transform:translate3d(0, -50%, 0) scale(0.1, 0.1);transform:translate3d(0, -50%, 0) scale(0.1, 0.1);color:white;font-size:52px;font-weight:300;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#heroWrapper .overlay>span.animate-scale{-webkit-transform:translate3d(0, -50%, 0) scale(1, 1);transform:translate3d(0, -50%, 0) scale(1, 1)}#hero{background:transparent;min-height:100%;padding-top:70px;padding-bottom:85px}#hero>.container{max-width:1280px;margin:0 auto;opacity:1;transition:all 1s ease-in-out}#hero .top-links{position:relative;z-index:10000}#hero .overlays-wrapper{opacity:1;position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;transition:all .2s ease-in-out;background-color:transparent;z-index:-10;pointer-events:none}#hero .overlays-wrapper.show{display:block}#hero .logo a>img{max-height:35px}#hero .social{text-align:right;overflow:hidden}#hero .social>a{display:inline-block;padding:0 15px}#hero .social>a>img{max-height:31px}#hero .social>a:last-child{padding-right:0}#hero .tagline{position:absolute;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}#hero .tagline h1{font-size:62px;font-weight:300;color:white;line-height:1.2;margin-bottom:74px}#hero .tagline h2{font-size:28px;font-weight:300;color:#b1edff}#hero .tagline h2 a{color:white;font-weight:500;text-decoration:none;-webkit-transition:color 0.2s ease-in-out,transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:color 0.1s ease-in-out,transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);display:inline-block;margin-left:7px}#hero .tagline h2 a svg{display:inline-block;position:relative;top:8px;left:6px}#hero .tagline h2 a svg path,#hero .tagline h2 a svg polygon{-webkit-transition:fill .1s ease-in-out;transition:fill .1s ease-in-out}#hero .tagline h2 a:hover{color:#16364f}#hero .tagline h2 a:hover svg path,#hero .tagline h2 a:hover svg polygon{fill:#16364f}#hero .tagline h2 a:active{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}#hero .down{text-align:center;position:absolute;top:auto;right:auto;bottom:85px;left:15px;width:100%}#hero .down span.arrow{display:inline-block;width:75px;height:75px;position:relative;cursor:pointer;text-align:center;line-height:75px;border-radius:37.5px;border-radius:50%;background:#fff200;box-shadow:0 6px 20px 0 rgba(0,0,0,0.09),0 8px 17px 0 rgba(0,0,0,0.08);-webkit-transition:box-shadow .1s ease-in-out, transform .1s ease-in-out;transition:box-shadow .1s ease-in-out, transform .1s ease-in-out}#hero .down span.arrow img{max-width:19px}#hero .down span.arrow:hover{box-shadow:0 17px 50px 0 rgba(0,0,0,0.12),0 12px 15px 0 rgba(0,0,0,0.14);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}#gridWrapper{width:100%;position:relative;padding:0;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-transform:none;transform:none}#gridWrapper>.container{width:100%;max-width:1280px}#gridWrapper:before{content:'';display:block;position:absolute;top:0;right:0;bottom:auto;left:0;height:600px;background:#00b5ec;transition:background-color .2s ease-in-out}#gridWrapper.twitter:before{background-color:#55acee}#gridWrapper.facebook:before{background-color:#3b5998}#gridWrapper.dribbble:before{background-color:#ea4c89}#gridWrapper.instagram:before{background-color:#8d6851}#gridWrapper.vimeo:before{background-color:#162221}.grid{padding:0;overflow:hidden;transition:all .3s ease-in-out, height .5s ease-in-out;position:relative;z-index:9999;-webkit-backface-visibility:hidden}.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{height:240px;float:left;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-size:cover}.grid .grid-sizer,.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .image{width:25%}.grid .dribbble,.grid .vimeo,.grid .instagram,.grid .image{overflow:hidden}.grid .dribbble>img,.grid .vimeo>img,.grid .instagram>img,.grid .image>img{height:105%;width:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);z-index:1}.grid .dribbble{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.grid .dribbble[data-animated-version]:hover span{background-color:rgba(0,0,0,0.3)}.grid .dribbble[data-animated-version].loaded:hover span{background-color:transparent}.grid .dribbble[data-animated-version].loaded:hover:before{content:none}.grid .dribbble[data-animated-version]:hover:before{content:'';display:block;position:absolute;width:48px;height:48px;top:50%;left:50%;margin-top:-24px;margin-left:-24px;color:white;line-height:48px;background:transparent url(/assets/ring-6016c2114513ee87a0f88a7b31270bd13c02620315c5fd77a09c7bfee40469b8.svg) no-repeat center center;background-size:auto auto;z-index:9999}.grid .dribbble>img{display:none;height:auto;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);z-index:1}.grid .dribbble:hover>img{display:block}.grid .image{background-size:cover;background-repeat:no-repeat;background-position:center center}.grid a.image{background-size:cover;text-decoration:none}.grid a.image>span{display:block;width:100%;height:100%;background:rgba(255,255,255,0.2);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.grid a.image:hover>span{opacity:1}.grid .dribbble{background-size:cover;background-repeat:no-repeat;background-position:center center}.grid .dribbble>span{position:relative;z-index:2}.grid .instagram>a,.grid .vimeo>a{position:relative;z-index:2}.grid .image{position:relative}.grid .vimeo{position:relative}.grid .vimeo>img{height:100%;top:0;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.grid .vimeo a{display:block;width:100%;height:100%;text-decoration:none}.grid .vimeo a>span{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.grid .vimeo a>span:before{content:'Watch on Vimeo';display:block;height:55px;width:55px;border-radius:27.5px;border:0;position:absolute;top:50%;left:50%;right:auto;bottom:auto;z-index:9999;line-height:55px;overflow:hidden;text-decoration:none;color:white;font-weight:500;font-size:14px;text-transform:uppercase;padding-right:25px;text-align:right;-webkit-transform:translate3d(-27.5px, -27.5px, 0);transform:translate3d(-27.5px, -27.5px, 0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.grid .vimeo a svg{position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin-top:-27.5px;margin-left:-27.5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.grid .vimeo a svg circle.st0{stroke-width:1.25px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.grid .vimeo a svg polygon.st0{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.grid .vimeo a:hover>span{opacity:1}.grid .vimeo a:hover>span:before{width:200px;-webkit-transform:translate3d(-50%, -27.5px, 0);transform:translate3d(-50%, -27.5px, 0)}.grid .vimeo a:hover svg{-webkit-transform:scale(0.7, 0.7) translate3d(-105px, 0, 0);transform:scale(0.7, 0.7) translate3d(-105px, 0, 0)}.grid .vimeo a:hover svg polygon.st1{fill:black !important;position:relative;z-index:999}.grid .vimeo a:hover svg circle.st0{fill:white !important}.grid .instagram{background-color:#fafafa;position:relative;overflow:hidden}.grid .instagram a{text-decoration:none;display:block;width:100%;height:100%}.grid .instagram span.icon{display:block;text-align:center;width:100%;height:100%;background-color:rgba(141,104,81,0.7);opacity:1;transition:all .2s ease-in-out}.grid .instagram span.icon img{position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);width:36px;height:36px;opacity:1;transition:all .2s ease-in-out}.grid .instagram span.shadow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.72) 90%, rgba(0,0,0,0.8) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(0,0,0,0.72)), color-stop(100%, rgba(0,0,0,0.8)));background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.72) 90%, rgba(0,0,0,0.8) 100%);background:-o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.72) 90%, rgba(0,0,0,0.8) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.72) 90%, rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.72) 90%, rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 );opacity:0;transition:all .3s ease-in-out}.grid .instagram span.shadow span.hashtags{display:block;position:absolute;top:auto;right:0;bottom:0;left:0;font-size:14px;color:white;text-align:left;padding:25px 30px}.grid .instagram:hover span.icon{opacity:0}.grid .instagram:hover span.icon img{opacity:0;top:0}.grid .instagram:hover span.shadow{opacity:1}.grid .dribbble{background-color:#fafafa;position:relative;overflow:hidden}.grid .dribbble a{display:block;width:100%;height:100%;text-decoration:none}.grid .dribbble a:hover{text-decoration:none}.grid .dribbble>span{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.3);transition:background-color .2s ease-in-out}.grid .dribbble:hover span{background-color:transparent}.grid .dribbble span.facts{background-color:#ea4c89;display:block;width:100%;height:100%;transition:background-color .2s ease-in-out}.grid .dribbble span.facts .wrapper{display:block;position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);opacity:1;transition:all .2s ease-in-out}.grid .dribbble span.facts .wrapper img{width:26px;height:26px;display:block;margin:0 auto 20px auto}.grid .dribbble span.facts .wrapper h2{font-size:52px;font-weight:300;color:white;text-align:center;margin:0;letter-spacing:-1px}.grid .dribbble span.facts .wrapper h2:after{display:block;content:'followers';text-transform:uppercase;color:rgba(255,255,255,0.4);font-size:15px;font-weight:500;letter-spacing:5.5px;margin:5px 0px 0px;position:relative;left:5px}.grid .dribbble span.facts span.follow-us{display:block;width:100%;height:100%;position:absolute;top:100%;left:0;bottom:auto;right:auto;text-transform:uppercase;color:#ea4c89;text-align:center;letter-spacing:2px;font-weight:500;font-size:16px;transition:top .2s ease-in-out}.grid .dribbble span.facts span.follow-us>span.text{display:block;position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.grid .dribbble span.facts:hover{background-color:white}.grid .dribbble span.facts:hover .wrapper{top:-100%;opacity:0}.grid .dribbble span.facts:hover span.follow-us{top:0}.grid .twitter{background-color:#55acee;overflow:hidden;position:relative}.grid .twitter a{display:block;width:100%;height:100%;text-decoration:none}.grid .twitter a:hover{text-decoration:none}.grid .twitter span.follow-us{display:block;width:100%;height:100%;text-align:center;position:absolute;top:50%;left:0;z-index:2;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.grid .twitter span.follow-us .wrapper{display:block;position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.grid .twitter span.follow-us .wrapper svg{margin-bottom:50%;transition:all .35s ease-in-out}.grid .twitter span.follow-us .wrapper svg path{fill:#55acee}.grid .twitter span.follow-us .wrapper h1{color:#55acee;text-align:center;letter-spacing:2px;font-weight:500;text-transform:uppercase;margin:50% 0 0 0;font-size:16px;transition:all .35s ease-in-out}.grid .twitter span.tweet{display:block;text-align:center;position:relative;top:50%;padding:0 30px;z-index:1}.grid .twitter span.tweet svg{width:26px;height:26px;transition:all .25s ease-in-out}.grid .twitter span.tweet svg path{fill:transparent;stroke:white;stroke-width:1px;transition:all .2s ease-in-out}.grid .twitter span.tweet h1{font-weight:300;font-size:16px;color:white;margin:20px 0 30px 0;line-height:1.1}.grid .twitter span.tweet h2{font-size:13px;line-height:18px;height:18px;font-weight:400;color:rgba(255,255,255,0.6);margin:0;letter-spacing:1px}.grid .twitter:hover span.tweet svg{width:325%;height:325%;-webkit-transform:translate3d(-30%, -50%, 0);transform:translate3d(-30%, -50%, 0)}.grid .twitter:hover span.tweet svg path{fill:#ffffff}.grid .twitter:hover span.follow-us{opacity:1}.grid .twitter:hover span.follow-us svg{margin-bottom:0}.grid .twitter:hover span.follow-us h1{margin-top:20px}.grid .facebook{background-color:#3b5998;position:relative;overflow:hidden}.grid .facebook a{display:block;width:100%;height:100%;text-decoration:none}.grid .facebook span.like-us{display:block;width:100%;height:100%;background-color:white;text-align:center}.grid .facebook span.like-us span.wrapper{display:block;position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.grid .facebook span.like-us span.wrapper img{width:32px;height:32px}.grid .facebook span.like-us span.wrapper h1{font-weight:500;margin:20px 0 0 0;font-size:16px;color:#2e2e2e;text-transform:uppercase;letter-spacing:2px}.grid .facebook span.facts{display:block;width:100%;height:100%;text-align:center;background-color:#3b5998;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);transition:all .2s ease-in-out}.grid .facebook span.facts .wrapper{display:block;position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);opacity:1;transition:all .2s ease-in-out}.grid .facebook span.facts .wrapper img{width:26px;height:26px;display:block;margin:0 auto 20px auto}.grid .facebook span.facts .wrapper h2{font-size:52px;font-weight:300;color:white;text-align:center;margin:0;letter-spacing:-1px}.grid .facebook span.facts .wrapper h2:after{display:block;content:'likes';text-transform:uppercase;color:rgba(255,255,255,0.4);font-size:15px;font-weight:500;letter-spacing:5.5px;margin:5px 0px 0px;position:relative;left:5px}.grid .facebook:hover span.like-us .wrapper img{transition:all .1s ease-in-out;-webkit-animation:bounceLike .6s forwards .2s;animation:bounceLike .6s forwards .2s}.grid .facebook:hover span.facts{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.grid .case-study{width:50%;background-color:gray;text-align:center}.grid .case-study.vertical{height:480px;width:25%}.grid .case-study a{display:block;width:100%;height:100%;text-decoration:none}.grid .case-study .wrapper h1 span.toi-project{font-size:14px;position:relative;top:-2px}.grid .case-study .wrapper h1 span.toi-project span.dash{font-weight:600;font-size:12px;display:inline-block;margin:0 8px;position:relative;top:-1px}.grid .case-study .wrapper h1 span.toi-project>svg{display:inline-block;width:36px;height:23px;margin:0 0 0 2px;position:relative;top:5px}.grid #case-study-block-genee{background-color:white;text-align:left}.grid #case-study-block-genee a{position:relative;overflow:hidden}.grid #case-study-block-genee .wrapper{float:left;width:50%;padding:0 50px 0 40px;position:relative;top:50%;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.grid #case-study-block-genee h2{font-weight:400;font-size:13px;color:#36a840;text-transform:uppercase;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.1);display:inline-block;margin:0}.grid #case-study-block-genee h1{font-weight:300;font-size:24px;color:#2c4871;margin:0 0 18px 0}.grid #case-study-block-genee h1 span.toi-project{color:#284a7a}.grid #case-study-block-genee h1 span.toi-project span.dash{color:#22b14c}.grid #case-study-block-genee h1 span.toi-project>svg path.custom-fill{fill:#284a7a}.grid #case-study-block-genee p{margin:0;font-size:16px;font-weight:300;color:#648694;line-height:1.2}.grid #case-study-block-genee span.app{display:block;float:right;width:400px;max-width:50%;height:100%;background:transparent;text-align:right}.grid #case-study-block-genee span.app>img{width:auto;height:85%;padding-right:15px;position:relative;top:60%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.grid #case-study-block-genee span.view{display:block;position:absolute;padding:0 50px 0 40px;top:auto;right:0;bottom:0;left:0;width:100%;height:75px;line-height:85px;font-weight:300;font-size:16px;color:#39ad43;z-index:999;transition:all .2s ease-in}.grid #case-study-block-genee span.view:after{height:0;width:100%;content:'';display:block;position:absolute;z-index:-1;top:auto;left:0;bottom:0;right:0;height:0;width:100%;background-color:#39ad43;transition:all .2s ease-in-out}.grid #case-study-block-genee span.view svg{position:relative;top:3px;left:10px}.grid #case-study-block-genee span.view svg polygon.st0{fill:#39ad43;stroke:#39ad43;transition:all .2s ease-in}.grid #case-study-block-genee:hover span.view{color:white}.grid #case-study-block-genee:hover span.view svg polygon.st0{fill:white;stroke:white}.grid #case-study-block-genee:hover span.view:after{height:65px}.grid #case-study-block-messi{background:black;background-size:100% auto;text-align:center}.grid #case-study-block-messi a{position:relative;overflow:hidden}.grid #case-study-block-messi .wrapper{width:100%;padding:0;position:relative;top:0;width:100%;height:100%;display:block;padding:20px 0}.grid #case-study-block-messi h2{font-weight:400;font-size:13px;color:white;text-transform:uppercase;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.1);display:inline-block;margin:0 0 10px 0}.grid #case-study-block-messi h1{font-weight:300;font-size:24px;color:white;margin:0 0 18px 0}.grid #case-study-block-messi p{margin:0;font-size:16px;font-weight:300;color:white;line-height:1.2;padding-left:40px;padding-right:40px}.grid #case-study-block-messi span.view{display:block;position:absolute;padding:0 50px 0 40px;top:auto;left:0;bottom:0;right:0;width:100%;height:65px;line-height:65px;font-weight:300;font-size:16px;color:white;z-index:999;transition:all .2s ease-in}.grid #case-study-block-messi span.view:after{height:0;width:100%;content:'';display:block;position:absolute;z-index:-1;top:auto;left:0;bottom:0;right:0;height:0;width:100%;background-color:white;transition:all .2s ease-in-out}.grid #case-study-block-messi span.view svg{position:relative;top:3px;left:10px}.grid #case-study-block-messi span.view svg polygon.st0{fill:white;stroke:white;transition:all .2s ease-in}.grid #case-study-block-messi img.thumbnail-messi{position:absolute;top:auto;right:0;bottom:55px;left:0;width:100%}.grid #case-study-block-messi:hover span.view{color:black}.grid #case-study-block-messi:hover span.view svg polygon.st0{fill:black;stroke:black}.grid #case-study-block-messi:hover span.view:after{height:65px}.grid #case-study-block-tag{background-color:#443e63;position:relative}.grid #case-study-block-tag .wrapper{position:absolute;top:50%;left:50%;width:100%}.grid #case-study-block-tag a{padding:0 60px}.grid #case-study-block-tag h2{font-weight:400;font-size:12px;color:white;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);display:inline-block;margin:0 0 10px 0}.grid #case-study-block-tag h1{font-weight:300;font-size:24px;color:white;margin:0 0 22px 0;line-height:1}.grid #case-study-block-tag h1 span.toi-project{color:#8f87b1;top:-4px}.grid #case-study-block-tag h1 span.toi-project span.dash{color:#8f87b1}.grid #case-study-block-tag h1 span.toi-project>svg{top:7px}.grid #case-study-block-tag h1 span.toi-project>svg path:not(.custom-fill){fill:rgba(255,255,255,0)}.grid #case-study-block-tag h1 span.toi-project>svg path.custom-fill{fill:#8f87b1}.grid #case-study-block-tag p{margin:0;font-size:16px;font-weight:300;color:#9993c1;line-height:1.2;padding:0 30px}.grid #case-study-block-tag .wrapper>img{display:inline-block;height:200px;margin:20px 0}.grid #case-study-block-tag span.view{display:block;position:absolute;top:auto;right:0;bottom:0;left:0;width:100%;height:65px;line-height:65px;font-weight:300;font-size:16px;color:white;z-index:999;transition:all .2s ease-in}.grid #case-study-block-tag span.view svg polygon.st0{fill:white}.grid #case-study-block-tag span.view:after{height:0;width:100%;content:'';display:block;position:absolute;z-index:-1;top:auto;left:0;bottom:0;right:0;height:0;width:100%;background-color:white;transition:all .2s ease-in-out}.grid #case-study-block-tag span.view svg{position:relative;top:3px;left:10px}.grid #case-study-block-tag span.view svg polygon.st0{transition:all .2s ease-in}.grid #case-study-block-tag:hover span.view{color:#443e63}.grid #case-study-block-tag:hover span.view svg polygon.st0{fill:#443e63;stroke:#443e63}.grid #case-study-block-tag:hover span.view:after{height:65px}.grid #case-study-block-espn{background:#f4371b url(/assets/case-studies/espn/espn-grid-7317b3874bb7c5e3c10802eb09587f58d0c2856c416128b165b0bb883e957775.png) no-repeat right bottom;background-size:50% auto;text-align:left}.grid #case-study-block-espn a{position:relative;overflow:hidden}.grid #case-study-block-espn .wrapper{float:left;width:50%;padding:0 40px 0 30px;position:relative;top:50%;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.grid #case-study-block-espn h2{font-weight:500;font-size:13px;color:white;text-transform:uppercase;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1);display:inline-block;margin:0 0 10px 0}.grid #case-study-block-espn h1{font-weight:500;font-size:24px;color:white;margin:0 0 15px 0;line-height:1}.grid #case-study-block-espn p{margin:0;font-size:16px;font-weight:500;color:white;line-height:1.2}.grid #case-study-block-espn span.app{display:block;float:right;width:400px;max-width:50%;height:100%;background:transparent;text-align:right}.grid #case-study-block-espn span.app>img{width:auto;height:85%;padding-right:15px;position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.grid #case-study-block-espn span.view{display:block;position:absolute;padding:0 40px 0 30px;top:auto;right:0;bottom:0;left:0;width:100%;height:75px;line-height:85px;font-weight:400;font-size:16px;color:white;z-index:999;transition:all .2s ease-in}.grid #case-study-block-espn span.view:after{height:0;width:100%;content:'';display:block;position:absolute;z-index:-1;top:auto;left:0;bottom:0;right:0;height:0;width:100%;background-color:white;transition:all .2s ease-in-out}.grid #case-study-block-espn span.view svg{position:relative;top:3px;left:10px}.grid #case-study-block-espn span.view svg polygon.st0{fill:white;stroke:white;transition:all .2s ease-in}.grid #case-study-block-espn:hover span.view{color:#f4371b}.grid #case-study-block-espn:hover span.view svg polygon.st0{fill:#f4371b;stroke:#f4371b}.grid #case-study-block-espn:hover span.view:after{height:65px}.grid #case-study-block-djlist{background:#fff url(/assets/case-studies/djlist/djlist-grid-edade5bb9cc226090303cd00b8bac7d0eded2d59d0864e9f819f826e6619d2b7.png) no-repeat 95% center;background-size:42% auto;text-align:left}.grid #case-study-block-djlist a{position:relative;overflow:hidden}.grid #case-study-block-djlist .wrapper{float:left;width:50%;padding:0 50px 0 40px;position:relative;top:50%;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.grid #case-study-block-djlist h2{font-weight:400;font-size:13px;color:#36a840;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);display:inline-block;margin:0}.grid #case-study-block-djlist h1{font-weight:300;font-size:24px;color:#2c4871;margin:0 0 15px 0;line-height:1}.grid #case-study-block-djlist h1 span.toi-project{color:#284a7a}.grid #case-study-block-djlist h1 span.toi-project span.dash{color:#22b14c}.grid #case-study-block-djlist p{margin:0;font-size:16px;font-weight:300;color:#648694;line-height:1.2}.grid #case-study-block-djlist span.view{display:block;position:absolute;padding:0 50px 0 40px;top:auto;right:0;bottom:0;left:0;width:100%;height:75px;line-height:85px;font-weight:300;font-size:16px;color:#64008A;z-index:999;transition:all .2s ease-in}.grid #case-study-block-djlist span.view:after{height:0;width:100%;content:'';display:block;position:absolute;z-index:-1;top:auto;left:0;bottom:0;right:0;height:0;width:100%;background-color:#64008A;transition:all .2s ease-in-out}.grid #case-study-block-djlist span.view svg{position:relative;top:3px;left:10px}.grid #case-study-block-djlist span.view svg polygon.st0{fill:#64008A;stroke:#64008A;transition:all .2s ease-in}.grid #case-study-block-djlist:hover span.view{color:white}.grid #case-study-block-djlist:hover span.view svg polygon.st0{fill:white;stroke:white}.grid #case-study-block-djlist:hover span.view:after{height:65px}.load-more{text-align:center;background:#fff200;transition:background .2s ease-in}.load-more:hover{background:rgba(255,242,0,0.8)}.load-more>span{width:100%;display:inline-block;padding-top:85px;padding-bottom:85px;cursor:pointer;color:black;font-weight:300;font-size:34px;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out}.load-more>span span.plus{width:62px;height:62px;display:inline-block;vertical-align:middle;position:relative;top:-3px;margin-right:20px;border:1px solid #000000;border-radius:50%;-webkit-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1)}.load-more>span span.plus>.plus{position:absolute;top:50%;right:auto;bottom:auto;left:50%;width:21px;height:21px;margin-top:-10px;margin-left:-10px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.load-more>span span.plus>.plus::before,.load-more>span span.plus>.plus::after{content:'';display:block;position:absolute;background:black;-webkit-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1)}.load-more>span span.plus>.plus::before{top:10px;left:0;width:21px;height:1px}.load-more>span span.plus>.plus::after{top:0;left:10px;width:1px;height:21px}.load-more>span:hover span.plus{border-width:31px}.load-more>span:hover span.plus .plus::before,.load-more>span:hover span.plus .plus::after{background:#fff200}.load-more>span:active{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}#load-more-row{overflow:hidden;height:224px;transition:all .4s ease-in-out}#load-more-row.done{height:15px;opacity:1}#load-more-row.done span{cursor:default !important}#footer{background-color:white;padding-top:90px;padding-bottom:72px}#footer>.row{max-width:1280px;margin:0 auto}#footer h1{font-size:14px;font-weight:600;text-transform:uppercase;color:#b7c2c9;margin:0 0 35px 0;letter-spacing:1px;line-height:16px}#footer .about,#footer .contact{padding-left:15px;padding-right:15px}#footer .about p{font-weight:300;font-size:22px;line-height:28px;color:#16364f;line-height:1.4;padding-right:90px;text-align:left;margin:0}#footer .contact{padding-left:0}#footer .contact p{font-weight:300;font-size:32px;line-height:38px;color:#16364f;line-height:1.2;margin:0;letter-spacing:.5px}#footer .contact p strong{font-weight:600}#footer .contact a{line-height:34px;display:inline-block;margin-top:36px;font-size:28px;color:#32bbdb;font-weight:300;text-decoration:none;-webkit-transition:color 0.2s ease-in-out,transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:color 0.1s ease-in-out,transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);position:relative;top:-5px}#footer .contact a strong{font-weight:400}#footer .contact a svg{position:relative;top:8px;left:6px;display:inline-block}#footer .contact a svg path,#footer .contact a svg polygon{fill:#00b5ec;-webkit-transition:fill .1s ease-in-out;transition:fill .1s ease-in-out}#footer .contact a:hover{color:#16364f}#footer .contact a:hover svg path,#footer .contact a:hover svg polygon{fill:#16364f}#footer .contact a:active{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}#footer .separator{padding-left:0;padding-right:0}#footer .separator hr{margin:79px 0 22px 0;border-color:rgba(255,255,255,0.025);border-width:2px}#footer .bottom-left{padding-left:15px;font-weight:400;font-size:14px;line-height:22px;color:rgba(22,54,79,0.3)}#footer .bottom-right{padding-left:30px;padding-right:30px;font-weight:400;font-size:13px;color:#00b5ec;text-align:right}#footer .bottom-right a{color:#00b5ec;text-decoration:none;transition:all .3s ease-in-out;display:inline-block;margin-right:42px;line-height:16px;-webkit-transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55)}#footer .bottom-right a:last-child{margin-right:0 !important}#footer .bottom-right a svg{max-width:18px;margin-right:6px;vertical-align:top}#footer .bottom-right a svg path{-webkit-transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55)}#footer .bottom-right a:hover{color:#16364f}#footer .bottom-right a:hover.twitter svg path,#footer .bottom-right a:hover.facebook svg path,#footer .bottom-right a:hover.instagram svg path,#footer .bottom-right a:hover.vimeo svg path{stroke:#16364f}#footer .bottom-right a:hover.dribbble svg path{fill:#16364f}#footer .bottom-right a:active{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}@media screen and (min-width: 1600px){#heroWrapper .overlay>span{top:calc(50% - 300px)}}@media screen and (max-width: 1600px){.container{width:100%;max-width:100%}#gridWrapper{padding-left:0;padding-right:0}#gridWrapper:before{display:none}.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{height:240px}.grid .grid-sizer,.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .image{width:25%}.grid .case-study{width:50%}.grid .case-study.vertical{height:480px;width:25%}}@media screen and (max-width: 1440px){.preloader{overflow:hidden}#page,.preloader{margin:0 auto}#hero .down span.arrow{width:60px;height:60px;line-height:60px}#hero .down span.arrow img{max-width:17px}#gridWrapper{max-width:1281px;margin:0 auto}}@media screen and (max-width: 1366px){.grid .case-study.tag .wrapper{transform:translate3d(-50%, -50%, 0)}.grid .case-study.tag h2{margin-bottom:18px;font-size:12px}.grid .case-study.tag h1{font-size:24px;margin-bottom:18px}.grid .case-study.tag p{font-size:18px}.grid .case-study.tag img.app{margin-top:20px}.grid .case-study.genee h2{margin-bottom:6px;font-size:12px}.grid .case-study.genee h1{font-size:24px;margin-bottom:18px}.grid .case-study.genee p{font-size:18px}#footer{padding-bottom:25px}#footer .about p{font-size:21px}#footer .contact p{font-size:30px}.related-case-studies .left-case-study .content{padding-left:30px !important}.more-case-studies{font-size:28px !important}a.go-top{bottom:27px !important}}@media screen and (max-width: 1280px){#hero{padding-top:40px;padding-bottom:40px}#hero .down{bottom:40px}#hero .down span.arrow{width:50px;height:50px;line-height:50px}#hero .down span.arrow img{max-width:16px}#heroBackground{display:none !important}.related-case-studies .tradeagrape .content,.related-case-studies .djlist .content,.related-case-studies .messi .content,.related-case-studies .espn .content,.related-case-studies .genee .content{min-height:510px !important}}@media screen and (max-width: 1200px){#page,.preloader{width:100%;margin:0 auto}.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{height:215px}.grid .case-study.vertical{height:430px}#footer .contact{padding-left:15px}#footer .contact a{margin-top:0}}@media screen and (max-width: 1140px){.grid .twitter span.tweet h1{font-weight:300;font-size:16px;color:white;margin:10px 0 15px 0}.grid .case-study.genee .wrapper,.grid .case-study.tag .wrapper{top:47.5%}.grid .case-study.genee .wrapper>img,.grid .case-study.tag .wrapper>img{margin:25px 0}.grid .case-study.genee h1,.grid .case-study.tag h1{font-size:20px;margin-bottom:14px}.grid .case-study.genee p,.grid .case-study.tag p{font-size:16px}#footer .about p{padding-right:0 !important}#caseStudyContent .about-project tr{display:table-cell}#caseStudyContent .about-project tr td{display:block;width:100% !important}#caseStudyContent .about-project tr td:first-child{text-align:center;margin-bottom:15px}.related-case-studies .left-case-study,.related-case-studies .right-case-study{width:100% !important}.related-case-studies .left-case-study .content,.related-case-studies .right-case-study .content{max-width:initial !important}.related-case-studies .left-case-study .content h2,.related-case-studies .left-case-study .content h1,.related-case-studies .left-case-study .content p,.related-case-studies .left-case-study .content a,.related-case-studies .right-case-study .content h2,.related-case-studies .right-case-study .content h1,.related-case-studies .right-case-study .content p,.related-case-studies .right-case-study .content a{width:100% !important}.related-case-studies .korefusion img.shot,.related-case-studies .genee img.shot,.related-case-studies .tradeagrape img.shot,.related-case-studies .messi img.shot{width:40% !important}}@media screen and (max-width: 1024px){#page,.preloader{max-width:100%;margin:0 auto}.grid .grid-sizer,.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{width:50%;height:372px}.grid .twitter span.tweet h1{padding-left:100px;padding-right:100px}.grid .case-study h2{font-size:18px !important}.grid .case-study h1{font-size:33px !important}.grid .case-study p{font-size:20px !important}.grid .case-study span.view{font-size:18px !important}.grid .case-study.horizontal p{width:70% !important}.grid .case-study.vertical p{width:70% !important;margin:0 auto !important}.grid .case-study.messi{padding-top:40px !important}.grid .case-study.genee h2{margin-top:35px;margin-bottom:0}.grid .case-study.horizontal{width:100%}.grid .case-study.vertical{width:50%;height:744px}#footer .bottom-right{padding-left:0 !important;text-align:right !important}#footer .bottom-right a{max-width:16px;max-height:16px;overflow:hidden;margin-right:28px !important}a.go-top{display:none !important}.related-case-studies .left-case-study .content,.related-case-studies .right-case-study .content{min-height:350px !important}.related-case-studies .left-case-study .content h1,.related-case-studies .right-case-study .content h1{margin-top:20px !important}.related-case-studies .left-case-study .content p,.related-case-studies .right-case-study .content p{margin-top:10px !important}.related-case-studies .left-case-study .content a,.related-case-studies .right-case-study .content a{margin-top:40px !important;margin-bottom:35px !important}.related-case-studies .korefusion img.shot,.related-case-studies .tradeagrape img.shot,.related-case-studies .messi img.shot{width:35% !important}.related-case-studies .genee img.shot{width:30% !important}#caseStudyContent .about-project table td:last-child p{max-width:100% !important}}@media screen and (max-width: 992px){#footer .contact{margin-top:50px}.grid .case-study h2{font-size:13px !important}.grid .case-study h1{font-size:24px !important}.grid .case-study p{font-size:16px !important}.grid .case-study span.view{font-size:16px !important}.grid .case-study.horizontal p{width:100% !important}.grid .case-study.vertical p{width:100% !important;margin:0 auto !important}.grid .case-study.messi span.wrapper{padding-top:20px !important}.grid .twitter span.tweet h1{padding-left:0;padding-right:0}}@media screen and (max-width: 768px){#hero .tagline{padding-right:15px}#hero .tagline h1{font-size:58px}#hero .down{bottom:70px}.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{height:290px}.grid .grid-sizer,.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .image{width:50%}.grid .case-study{width:100%}.grid .case-study.vertical{width:50%;height:580px}#footer .about{margin-bottom:50px}#footer .bottom-right a{margin-right:30px}.cs-hero .cs-head{padding-top:40px !important}.cs-hero .cs-head .logo a{height:45px;line-height:45px;padding-left:0}.cs-hero .cs-head .links a{height:45px;line-height:45px}.cs-hero a.see-more-case-study{bottom:20px !important}.cs-hero .title-subtitle-stores h1{font-size:64px !important;margin-bottom:10px !important}.cs-hero .title-subtitle-stores h1 span.toi-project{display:none}.cs-hero .title-subtitle-stores h2{font-size:24px !important;margin-bottom:20px !important}.cs-hero .title-subtitle-stores .stores{font-size:18px}.more-case-studies{font-size:24px !important}.more-case-studies strong{display:block}body#error-404 .wrapper{max-width:320px}body#error-404 .wrapper h1{font-size:100px !important}body#error-404 .wrapper h2{font-size:24px !important}body#error-404 .wrapper a.homepage-link{line-height:24px;font-size:20px}body#error-404 .wrapper a.homepage-link svg{height:28px;width:28px}}@media screen and (max-width: 640px){#hero{padding-top:30px}#hero .tagline h1{font-size:36px;margin-bottom:48px}#hero .tagline h2{font-size:18px}#hero .down{bottom:30px}.cs-hero .title-subtitle-stores{padding-left:30px}.related-case-studies .korefusion img.shot,.related-case-studies .tradeagrape img.shot,.related-case-studies .messi img.shot{width:50% !important}.related-case-studies .genee img.shot{width:45% !important}body#error-404 a.logo{top:15px}body#error-404 .wrapper h1{margin-bottom:0}}@media screen and (max-width: 480px){#hero .social>a{padding:0 10px}#hero .tagline h1{margin-bottom:10px}.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{height:310px}.grid .grid-sizer,.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .image{width:100%}.grid .case-study{width:100%;height:620px}.grid .case-study.vertical{width:100%;height:620px}.grid .case-study.horizontal span.wrapper{width:100% !important;height:40%;top:auto !important;left:0px;bottom:0px;right:auto;position:absolute !important}.grid .case-study.horizontal span.view{width:100% !important;text-align:center}.grid .case-study.horizontal span.app{height:60% !important;width:100% !important;position:absolute;top:0px;left:0px;right:0px;bottom:auto;max-width:none !important;text-align:center !important}.grid .case-study#case-study-block-genee span.wrapper{top:65px !important;bottom:auto}.grid .case-study#case-study-block-genee span.app{top:auto;bottom:65px}.grid .case-study#case-study-block-genee span.view{color:white}.grid .case-study#case-study-block-genee span.view:after{height:65px}.grid .case-study#case-study-block-genee span.view svg polygon.st0{fill:white;stroke:white}.grid .case-study#case-study-block-tag span.view{color:#443e63}.grid .case-study#case-study-block-tag span.view:after{height:65px}.grid .case-study#case-study-block-tag span.view svg polygon.st0{fill:#443e63;stroke:#443e63}.grid .case-study#case-study-block-djlist{background-size:240px auto;background-position:center 5%}.grid .case-study#case-study-block-djlist span.view{color:white}.grid .case-study#case-study-block-djlist span.view:after{height:65px}.grid .case-study#case-study-block-djlist span.view svg polygon.st0{fill:white;stroke:white}.grid .case-study#case-study-block-messi span.view{color:black}.grid .case-study#case-study-block-messi span.view:after{height:65px}.grid .case-study#case-study-block-messi span.view svg polygon.st0{fill:black;stroke:black}.grid .case-study#case-study-block-espn{background-size:110% auto;background-position:100% 65%}.grid .case-study#case-study-block-espn .wrapper{height:50%;top:30px !important;-webkit-transform:none !important;transform:none !important}.grid .case-study#case-study-block-espn span.view{top:auto;right:0;bottom:0;left:0;color:#f4371b}.grid .case-study#case-study-block-espn span.view:after{height:65px}.grid .case-study#case-study-block-espn span.view svg polygon.st0{fill:#f4371b;stroke:#f4371b}.grid .case-study.horizontal[id*=case-study-block] span.wrapper{-webkit-transform:translateY(-35px) !important;transform:translateY(-35px) !important;padding-left:25px;padding-right:25px}#load-more-row{height:198px}.load-more{padding-top:0;padding-bottom:0}.load-more>span{font-size:24px;padding-top:65px;padding-bottom:65px}.load-more>span span.plus{-webkit-transform:scale(0.75, 0.75);margin-top:-16px;top:7px;margin-right:5px}#footer{padding-bottom:75px}#footer h1{margin-bottom:25px}#footer .about{padding-left:0;padding-right:0;margin-bottom:50px}#footer .about p{padding-right:0}#footer .contact{padding-left:0}#footer .contact p{display:inline}#footer .contact a{margin-left:0}.bottom-left{padding-left:0 !important;padding-right:0 !important}.bottom-right{padding-right:0 !important;padding-left:0 !important;text-align:right !important}.bottom-right a{max-width:18px;max-height:18px;overflow:hidden;margin-right:28px !important}.cs-hero .cs-head .links a{font-size:16px !important}.cs-hero .title-subtitle-stores h2{margin-bottom:35px !important}.cs-hero .title-subtitle-stores .stores a{display:block !important;padding-right:0 !important;padding-left:0 !important;margin-bottom:15px}.related-case-studies .left-case-study,.related-case-studies .right-case-study{width:100% !important}.related-case-studies .left-case-study .content,.related-case-studies .right-case-study .content{padding-left:15px !important;max-width:initial !important}.related-case-studies .left-case-study .content h2,.related-case-studies .left-case-study .content h1,.related-case-studies .left-case-study .content p,.related-case-studies .left-case-study .content a,.related-case-studies .right-case-study .content h2,.related-case-studies .right-case-study .content h1,.related-case-studies .right-case-study .content p,.related-case-studies .right-case-study .content a{position:static !important;width:100% !important;max-width:initial !important}.related-case-studies .left-case-study .content img.shot,.related-case-studies .right-case-study .content img.shot{display:block !important;position:static !important;float:right;width:auto !important}.related-case-studies .left-case-study .content img.shot:before,.related-case-studies .right-case-study .content img.shot:before{content:'';width:100%;display:block;float:none;clear:both}.related-case-studies .korefusion img.shot.shot.shot,.related-case-studies .tradeagrape img.shot.shot.shot,.related-case-studies .messi img.shot.shot.shot{width:70% !important}.related-case-studies .genee img.shot.shot.shot{width:65% !important;margin:0 auto !important;float:none !important;position:relative !important;left:-7.5px}.related-case-studies .espn img.shot.shot.shot{width:100% !important;height:auto !important;-webkit-transform:none;transform:none;margin-top:15px;margin-bottom:15px}.related-case-studies .djlist img.shot.shot.shot{width:100% !important;right:0 !important;-webkit-transform:none;transform:none}#caseStudyContent .about-project{padding-left:0 !important;padding-right:0 !important}#caseStudyContent .about-project p{font-size:22px !important;line-height:28px !important}.footer-case-study{padding-left:0 !important;padding-right:0 !important}a.go-top{right:50% !important;bottom:15px !important;margin-right:-8px}}@media screen and (max-width: 414px){#hero .social>a{padding:0 7px}#footer h1{margin-bottom:15px}#footer .about p{font-size:18px}#footer .contact p{font-size:20px}#footer .contact a{font-size:20px}#footer .contact a svg{height:22px;width:22px;top:6px;left:4px}#footer .separator hr{margin:25px 0 10px 0}.cs-head .links{padding-left:0 !important}.cs-head .links a{margin:0 10px !important}.cs-head .links a:first-child{margin-left:0 !important}.cs-head .links a.contact{padding:0 10px !important;margin-right:0 !important}.more-case-studies{font-size:20px !important}}@media screen and (max-width: 375px){.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{height:282px}.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .image{width:100%}.grid .case-study{width:100%;height:564px}.grid .case-study.vertical{width:100%;height:564px}#hero .tagline>.col-xs-12{padding-left:0}#hero .tagline h1{font-size:28px;padding-right:15px}#hero .tagline h2{font-size:14px}#hero .tagline h2 a img{max-width:24px}#hero .logo{max-width:20%}#hero .social{max-width:80%;padding-left:0;padding-right:0}#hero .social>a{padding:0 6px;line-height:35px}#hero .social>a img{max-height:24px;vertical-align:middle}#footer .contact p{display:block}#footer .contact p strong{display:block}#footer .contact a{display:block;margin-left:0}#footer .bottom-right,#footer .bottom-left{width:100%;text-align:center !important}#footer .bottom-left{margin-bottom:20px}#footer .bottom-right a:last-child{margin-right:0 !important}}@media screen and (max-width: 320px){#hero .tagline{max-width:305px}#hero .tagline h1{font-size:30px;padding-right:0}.grid .dribbble,.grid .vimeo,.grid .twitter,.grid .instagram,.grid .facebook,.grid .case-study,.grid .image{height:240px}.grid .case-study{height:480px}.grid .case-study.vertical{height:480px}.grid .case-study.genee span.wrapper{height:100%;width:100%;-webkit-transform:none;transform:none;float:right;padding-top:240px;position:static;top:auto}.grid .case-study.genee span.wrapper h2{margin-top:20px}.grid .case-study.genee span.view{width:100%;float:right}.grid .case-study.genee span.app{height:50%;width:100%;max-width:100%;float:left;margin-top:-480px}.cs-hero .cs-head .links a{font-size:14px !important}.cs-hero .title-subtitle-stores h1{font-size:38px !important}.cs-hero .title-subtitle-stores h2{font-size:18px !important}.more-case-studies{font-size:18px !important}}@media screen and (max-height: 320px){.cs-hero .cs-head{padding-top:20px !important}.cs-hero .title-subtitle-stores h1{font-size:54px !important}.cs-hero .title-subtitle-stores h2{font-size:20px !important}.cs-hero .title-subtitle-stores .stores{font-size:16px !important}.cs-hero a.see-more-case-study{bottom:0 !important}}ul#items li#case-study-block-test{background:green}ul#items li#case-study-block-test a{color:white}body#case-study-page-test{color:white;background:green}body#case-study-page-test .preloader{background:green}body#case-study-page-test .preloader .bar{background:#fff200}body#case-study-page-test .preloader .bar:after{box-shadow:0 0 4px #fff200, 0 0 4px #fff200, 0 0 4px #fff200}body#case-study-page-test h1{margin:0}ul#items li#case-study-block-djlist{background:#64008a}ul#items li#case-study-block-djlist a{color:white}body#case-study-page-djlist{color:white;background:#f1f1f1}body#case-study-page-djlist #page{background:#64008a}body#case-study-page-djlist #page .preloader{background:#64008a}body#case-study-page-djlist #page .preloader .bar{background:white}body#case-study-page-djlist #page .preloader .bar:after{box-shadow:0 0 4px white, 0 0 4px white, 0 0 4px white}body#case-study-page-djlist .cs-head a{text-decoration:none;color:white}body#case-study-page-djlist .cs-head .links a.contact{border-color:white}body#case-study-page-djlist .cs-head .links a.contact:hover{color:#64008a}body#case-study-page-djlist .title-subtitle-stores h1{color:white}body#case-study-page-djlist .title-subtitle-stores h2{color:rgba(255,255,255,0.5)}body#case-study-page-djlist .title-subtitle-stores .stores a{text-decoration:none;color:white}body#case-study-page-djlist a.see-more-case-study svg path{stroke:#64008a;fill:#64008a}body#case-study-page-djlist #caseStudyContent{background:white;padding-left:0;padding-right:0}body#case-study-page-djlist #caseStudyContent .about-project table td:first-child,body#case-study-page-djlist #caseStudyContent .about-project tr td:first-child{color:#152737}body#case-study-page-djlist #caseStudyContent .about-project table td:last-child p,body#case-study-page-djlist #caseStudyContent .about-project tr td:last-child p{color:#1a2b44}body#case-study-page-djlist #caseStudyContent .about-project a{color:#64008a;text-decoration:none}body#case-study-page-djlist #caseStudyContent .consistency{height:800px;width:100%;padding-top:200px;position:relative;margin:0 0 400px 0;background:#944cb8;background:-moz-linear-gradient(top, #944cb8 0%, #2dcaa2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #944cb8), color-stop(100%, #2dcaa2));background:-webkit-linear-gradient(top, #944cb8 0%, #2dcaa2 100%);background:-o-linear-gradient(top, #944cb8 0%, #2dcaa2 100%);background:-ms-linear-gradient(top, #944cb8 0%, #2dcaa2 100%);background:linear-gradient(to bottom, #944cb8 0%, #2dcaa2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#944cb8', endColorstr='#2dcaa2',GradientType=0 )}body#case-study-page-djlist #caseStudyContent .consistency h1{font-size:38px;font-weight:300;color:white;letter-spacing:8px;text-transform:uppercase;text-align:center;margin:0 0 80px 0 !important;line-height:46px}body#case-study-page-djlist #caseStudyContent .consistency h2{color:#dcfff9;font-size:22px;font-weight:300;line-height:28px;margin:0 auto 190px auto;max-width:830px;text-align:center}body#case-study-page-djlist #caseStudyContent .consistency img.waves,body#case-study-page-djlist #caseStudyContent .consistency img.showcase{position:absolute;top:auto;bottom:0;left:50%;right:auto;max-width:100%}body#case-study-page-djlist #caseStudyContent .onboarding{width:100%;background:#64008a;padding-top:160px;text-align:center}body#case-study-page-djlist #caseStudyContent .onboarding>.container{overflow-x:hidden}body#case-study-page-djlist #caseStudyContent .onboarding h1{text-align:center;color:white;font-size:38px;font-weight:300;letter-spacing:8px;text-transform:uppercase;line-height:46px}body#case-study-page-djlist #caseStudyContent .onboarding h2{text-align:center;margin:90px auto 160px auto;color:#e6c4f3;font-size:22px;font-weight:300;line-height:28px;max-width:570px}body#case-study-page-djlist #caseStudyContent .onboarding .steps{position:relative}body#case-study-page-djlist #caseStudyContent .onboarding .steps:after{content:'';display:block;width:200%;height:1px;position:absolute;top:60px;left:0;right:0;bottom:auto;background:#782d95;z-index:2;margin-left:-50%}body#case-study-page-djlist #caseStudyContent .onboarding .step1,body#case-study-page-djlist #caseStudyContent .onboarding .step2,body#case-study-page-djlist #caseStudyContent .onboarding .step3{padding:0 30px;text-align:center;position:relative}body#case-study-page-djlist #caseStudyContent .onboarding .step1:after,body#case-study-page-djlist #caseStudyContent .onboarding .step2:after,body#case-study-page-djlist #caseStudyContent .onboarding .step3:after{content:'';display:block;position:absolute;top:53px;left:50%;margin-left:-8px;width:16px;height:16px;border:1px solid #aa68c3;border-radius:8px;background:white;-webkit-box-shadow:inset 0 0 0 3px #64008a;box-shadow:inset 0 0 0 3px #64008a;z-index:3}body#case-study-page-djlist #caseStudyContent .onboarding .step1>img,body#case-study-page-djlist #caseStudyContent .onboarding .step2>img,body#case-study-page-djlist #caseStudyContent .onboarding .step3>img{max-width:100%}body#case-study-page-djlist #caseStudyContent .onboarding .step1 p,body#case-study-page-djlist #caseStudyContent .onboarding .step2 p,body#case-study-page-djlist #caseStudyContent .onboarding .step3 p{color:#e8c3f7;font-size:13px;font-weight:400;text-transform:uppercase;padding:0 0 40px 0;margin:0 0 55px 0}body#case-study-page-djlist #caseStudyContent .onboarding .step1 p strong,body#case-study-page-djlist #caseStudyContent .onboarding .step2 p strong,body#case-study-page-djlist #caseStudyContent .onboarding .step3 p strong{color:white;font-size:14px;font-weight:500;padding-right:10px}body#case-study-page-djlist #caseStudyContent .onboarding img.laptop{position:relative;top:120px}body#case-study-page-djlist #caseStudyContent .event-details{padding-top:140px;padding-bottom:70px;text-align:center;text-transform:uppercase;color:#a4afad;font-size:10px;font-weight:500;letter-spacing:2.73px}body#case-study-page-djlist #caseStudyContent .event-details>img{display:block;margin:0 auto 15px auto}body#case-study-page-djlist #caseStudyContent .iphone-app{height:1200px;width:100%;background:#22ca9e url(/assets/case-studies/djlist/iphoneApp-184b6687dd08a4d17d1aa68d926a3e66116f7d099d0d441d29396f7d985941c3.png) no-repeat center top;background-size:cover;padding-top:80px;text-align:center}body#case-study-page-djlist #caseStudyContent .iphone-app h1{text-align:center;color:white;font-size:38px;font-weight:300;letter-spacing:8px;text-transform:uppercase}body#case-study-page-djlist #caseStudyContent .iphone-app h2{text-align:center;margin:50px auto 160px auto;color:#9cffe5;font-size:22px;font-weight:300;line-height:28px;max-width:570px}body#case-study-page-djlist #caseStudyContent img.full-width-web{width:100%}body#case-study-page-djlist .more-case-studies{background:white;color:#98999d}body#case-study-page-djlist .more-case-studies strong{color:black}@media screen and (max-width: 1024px){body#case-study-page-djlist .onboarding img.laptop{max-width:90%}body#case-study-page-djlist .iphone-app{padding-top:80px !important}}@media screen and (max-width: 768px){body#case-study-page-djlist .consistency{height:700px !important;margin-bottom:300px !important}body#case-study-page-djlist .consistency h1{font-size:32px !important;letter-spacing:4px !important}body#case-study-page-djlist .onboarding{padding-top:80px !important}body#case-study-page-djlist .onboarding h1{font-size:32px !important;letter-spacing:4px !important}body#case-study-page-djlist .onboarding h2{padding-left:15px;padding-right:15px;margin:50px auto 80px auto !important}body#case-study-page-djlist .onboarding img.laptop{position:static !important;top:auto;margin-top:20px;margin-bottom:-120px}body#case-study-page-djlist .iphone-app h1{font-size:32px !important;letter-spacing:4px !important}body#case-study-page-djlist .iphone-app h2{padding-left:15px;padding-right:15px;margin:50px auto 80px auto !important}}@media screen and (max-width: 640px){body#case-study-page-djlist .consistency{padding-top:100px !important;height:600px !important;margin-bottom:200px !important}body#case-study-page-djlist .onboarding .steps:after{display:none !important}body#case-study-page-djlist .onboarding .steps .step1 p,body#case-study-page-djlist .onboarding .steps .step2 p,body#case-study-page-djlist .onboarding .steps .step3 p{padding-bottom:30px !important;margin-bottom:30px !important}body#case-study-page-djlist .onboarding .steps .step1:after,body#case-study-page-djlist .onboarding .steps .step2:after,body#case-study-page-djlist .onboarding .steps .step3:after{top:45px !important}}@media screen and (max-width: 480px){body#case-study-page- .onboarding h1,body#case-study-page- .onboarding h2,body#case-study-page- .iphone-app h1,body#case-study-page- .iphone-app h2{padding-left:15px;padding-right:15px}}@media screen and (max-width: 320px){body#case-study-page-djlist .consistency{height:700px !important;margin-bottom:150px !important}body#case-study-page-djlist .iphone-app{height:1000px !important}}ul#items li#case-study-block-tag{background:#443e63}ul#items li#case-study-block-tag a{color:white}body#case-study-page-tag{color:white;background:#f1f1f1}body#case-study-page-tag #page{background:#443e63}body#case-study-page-tag #page .preloader{background:#443e63}body#case-study-page-tag #page .preloader .bar{background:white}body#case-study-page-tag #page .preloader .bar:after{box-shadow:0 0 4px white, 0 0 4px white, 0 0 4px white}body#case-study-page-tag .cs-head a{text-decoration:none;color:white}body#case-study-page-tag .cs-head .links a.contact{border-color:white}body#case-study-page-tag .cs-head .links a.contact:hover{color:#443e63}body#case-study-page-tag .title-subtitle-stores h1{color:white}body#case-study-page-tag .title-subtitle-stores h2{color:rgba(255,255,255,0.5)}body#case-study-page-tag .title-subtitle-stores .stores a{text-decoration:none;color:white}body#case-study-page-tag a.see-more-case-study svg path{stroke:#443e63;fill:#443e63}body#case-study-page-tag #caseStudyContent{background:white;padding-left:0;padding-right:0;overflow-x:hidden;overflow-y:auto}body#case-study-page-tag #caseStudyContent .about-project table td:first-child,body#case-study-page-tag #caseStudyContent .about-project tr td:first-child{color:#152737}body#case-study-page-tag #caseStudyContent .about-project table td:last-child p,body#case-study-page-tag #caseStudyContent .about-project tr td:last-child p{color:#1a2b44}body#case-study-page-tag #caseStudyContent .about-project a{color:#443e63;text-decoration:none}body#case-study-page-tag #caseStudyContent .functionality{background:#111111;height:570px}body#case-study-page-tag #caseStudyContent .functionality .image-left{height:100%;background:transparent url(/assets/case-studies/tag/sketch@2x-b90f369b4310127ffe5c2466dcf91cbdf4e359dee953a1ecff762b4bf4dfc9bf.png) no-repeat center center;background-size:100% auto;background-size:cover}body#case-study-page-tag #caseStudyContent .functionality .text-right{height:100%}body#case-study-page-tag #caseStudyContent .functionality .text-right .content{position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);width:100%;max-width:615px;margin:0;padding-left:95px;padding-right:95px}body#case-study-page-tag #caseStudyContent .functionality .text-right .content h1{color:white;font-weight:300;margin-top:0;font-size:42px;color:#FFFFFF;line-height:51px}body#case-study-page-tag #caseStudyContent .functionality .text-right .content p{font-weight:300;font-size:22px;color:#757C84;line-height:28px}body#case-study-page-tag .going-digital{min-height:1140px;background:white;position:relative}body#case-study-page-tag .going-digital>.row{max-width:1280px;margin:0 auto}body#case-study-page-tag .going-digital img.app4{max-width:601px;position:absolute;top:210px;right:-230px;bottom:auto;left:auto}body#case-study-page-tag .going-digital img.app3{position:absolute;max-width:610px;top:320px;right:23px;bottom:auto;left:auto}body#case-study-page-tag .going-digital img.app2{position:absolute;max-width:610px;top:429px;right:266px;bottom:auto;left:auto}body#case-study-page-tag .going-digital img.app1{position:absolute;max-width:610px;top:545px;right:505px;bottom:auto;left:auto}body#case-study-page-tag .going-digital img.app7{position:absolute;max-width:601px;top:547px;right:-374px;bottom:auto;left:auto}body#case-study-page-tag .going-digital img.app6{position:absolute;max-width:601px;top:660px;right:-135px;bottom:auto;left:auto}body#case-study-page-tag .going-digital img.app5{position:absolute;max-width:601px;top:785px;right:130px;bottom:auto;left:auto}body#case-study-page-tag .going-digital .text{padding-left:30px}body#case-study-page-tag .going-digital .text h1{color:#152737;font-weight:300;margin-top:100px;max-width:490px;font-size:38px;line-height:46px}body#case-study-page-tag .going-digital .text p{font-size:26px;font-weight:400;color:rgba(21,39,55,0.5);max-width:490px;line-height:29px}body#case-study-page-tag .aesthetics{background:#f7f9f9}body#case-study-page-tag .aesthetics .intro h1{margin:100px auto 50px auto;width:100%;max-width:690px;font-weight:300;text-align:center;font-size:38px;color:#152737;line-height:46px}body#case-study-page-tag .aesthetics .intro p{margin-left:auto;margin-right:auto;margin-bottom:70px;width:100%;max-width:690px;font-weight:400;font-size:26px;color:#8D9DAA;line-height:39px}body#case-study-page-tag .aesthetics .typography h2,body#case-study-page-tag .aesthetics .color-palette h2,body#case-study-page-tag .aesthetics .interface-elements h2{font-size:11px;font-weight:600;color:#87A2A2;letter-spacing:5px;text-transform:uppercase;margin:0 0 40px 0;line-height:12px}body#case-study-page-tag .aesthetics .typography p.showcase{font-family:'Josefin Sans', sans-serif;font-weight:700;color:#5b47c1;max-width:345px}body#case-study-page-tag .aesthetics .typography p.showcase span{display:block;line-height:1.6}body#case-study-page-tag .aesthetics .typography p.showcase span.uppercase{text-transform:uppercase}body#case-study-page-tag .aesthetics .typography p.showcase span.lowercase{text-transform:lowercase}body#case-study-page-tag .aesthetics .typography p.name{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);font-size:12px;color:#505f7a;font-weight:600;line-height:36px;max-width:320px}body#case-study-page-tag .aesthetics .typography p.description{font-size:12px;color:#8D9DAA;font-weight:500;max-width:320px;line-height:15px}body#case-study-page-tag .aesthetics .color-palette .colors{max-width:320px;padding-top:40px;padding-bottom:90px}body#case-study-page-tag .aesthetics .color-palette .colors span{width:25%;height:85px;line-height:85px;text-transform:uppercase;color:white;font-weight:600;font-size:12px;text-align:center;display:block;float:left}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(1){background:#7f3359;position:relative}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(1):before{content:'';display:block;background:transparent url(/assets/case-studies/tag/pin-203e4cae2403c397be5bcbda30da24b5357299b8764d4b529f39a18afdc9a861.svg) no-repeat center center;position:absolute;top:-40px;left:-4px;width:10px;height:40px}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(1):after{content:'Option 1';text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#505F6C;position:absolute;top:-38px;left:15px;line-height:7px;font-weight:400;width:54px}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(2){background:#c65a4c}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(3){background:#2ba06d}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(4){background:#d5dce1}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(5){background:#5cbeb6}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(6){background:#ff8b39}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(7){background:#91196b}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(8){background:#afc1cf;position:relative}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(8):before{content:'';display:block;background:transparent url(/assets/case-studies/tag/pin-203e4cae2403c397be5bcbda30da24b5357299b8764d4b529f39a18afdc9a861.svg) no-repeat center center;position:absolute;top:auto;bottom:-40px;left:auto;right:-4px;width:10px;height:40px;-webkit-transform:scale(1, -1);transform:scale(1, -1)}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(8):after{content:'Option 2';text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#505F6C;position:absolute;top:auto;bottom:-40px;left:auto;right:15px;line-height:7px;font-weight:400;width:54px}body#case-study-page-tag .aesthetics .color-palette .colors span:nth-child(n+5){margin-top:3px}body#case-study-page-tag .aesthetics .interface-elements .separator{padding-bottom:10px;border-bottom:2px dashed rgba(209,214,216,0.5);max-width:295px}body#case-study-page-tag .aesthetics .interface-elements span{display:block;width:100%;max-width:350px;position:relative;left:0}body#case-study-page-tag .aesthetics .interface-elements span.option-1:before{content:'';display:block;background:transparent url(/assets/case-studies/tag/pin-203e4cae2403c397be5bcbda30da24b5357299b8764d4b529f39a18afdc9a861.svg) no-repeat center center;position:absolute;top:50%;bottom:auto;left:auto;right:-20px;width:10px;height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:-20px}body#case-study-page-tag .aesthetics .interface-elements span.option-1:after{content:'Option 1';text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#6c5f6c;position:absolute;top:50%;bottom:auto;left:auto;right:-90px;line-height:1;margin-top:-4px}body#case-study-page-tag .aesthetics .interface-elements span.option-2:before{content:'';display:block;background:transparent url(/assets/case-studies/tag/pin-203e4cae2403c397be5bcbda30da24b5357299b8764d4b529f39a18afdc9a861.svg) no-repeat center center;position:absolute;top:50%;bottom:auto;left:auto;right:-20px;width:10px;height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:-12px}body#case-study-page-tag .aesthetics .interface-elements span.option-2:after{content:'Option 2';text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#6c5f6c;position:absolute;top:50%;bottom:auto;left:auto;right:-90px;line-height:1;margin-top:4px}body#case-study-page-tag .aesthetics .interface-elements span img{width:100%}body#case-study-page-tag .iconography-ui{background:#f7f9f9}body#case-study-page-tag .iconography-ui>.container{max-width:1300px;margin:0}body#case-study-page-tag .iconography-ui .title h1{font-size:16px;font-weight:400;text-transform:uppercase;color:#3b374f;margin-bottom:40px;letter-spacing:2px;line-height:18px}body#case-study-page-tag .iconography-ui .iconography .icons{max-width:440px;overflow:hidden}body#case-study-page-tag .iconography-ui .iconography .icons>div{padding-left:0;padding-right:0}body#case-study-page-tag .iconography-ui .iconography .icon{text-align:center;line-height:100px;height:100px;border-bottom:1px solid rgba(209,214,216,0.5)}body#case-study-page-tag .iconography-ui .iconography .icon img{width:100%}body#case-study-page-tag .iconography-ui .iconography .icon:nth-child(1) img{max-width:58px}body#case-study-page-tag .iconography-ui .iconography .icon:nth-child(2) img{max-width:47px}body#case-study-page-tag .iconography-ui .iconography .icon:nth-child(3) img{max-width:49px}body#case-study-page-tag .iconography-ui .iconography .icon:nth-child(4) img{max-width:61px}body#case-study-page-tag .iconography-ui .iconography .text{color:#5c5177;line-height:40px;height:40px;text-align:center;font-size:14px;font-weight:400;padding-left:15px;padding-right:15px}body#case-study-page-tag .iconography-ui .ui{padding-bottom:90px}body#case-study-page-tag .iconography-ui .ui .retina{text-align:center;padding-top:40px;position:relative}body#case-study-page-tag .iconography-ui .ui .retina:before{content:'';display:block;background:transparent url(/assets/case-studies/tag/pin-203e4cae2403c397be5bcbda30da24b5357299b8764d4b529f39a18afdc9a861.svg) no-repeat center center;position:absolute;top:4px;bottom:auto;left:40px;right:auto;width:10px;height:40px}body#case-study-page-tag .iconography-ui .ui .retina:after{content:'@2X for Retina Displays';text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#6c5f6c;position:absolute;top:9px;bottom:auto;left:65px;right:auto;line-height:1;margin-top:-4px}body#case-study-page-tag .iconography-ui .ui .retina img{width:100%;max-width:658px}body#case-study-page-tag .iconography-ui .ui .non-retina{text-align:center;position:relative}body#case-study-page-tag .iconography-ui .ui .non-retina:before{content:'';display:block;background:transparent url(/assets/case-studies/tag/pin-203e4cae2403c397be5bcbda30da24b5357299b8764d4b529f39a18afdc9a861.svg) no-repeat center center;position:absolute;top:auto;bottom:-28px;left:auto;right:75px;width:10px;height:40px;-webkit-transform:scale(1, -1);transform:scale(1, -1)}body#case-study-page-tag .iconography-ui .ui .non-retina:after{content:'@1x for non-retina displays';text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#6c5f6c;position:absolute;top:auto;bottom:-28px;left:auto;right:-105px;line-height:1}body#case-study-page-tag .iconography-ui .ui .non-retina img{width:100%;max-width:347px}body#case-study-page-tag .iconography-ui .ui .non-retina-text p{max-width:250px;margin:5px 0 0 0;font-size:12px;color:rgba(0,0,0,0.4);font-weight:600}body#case-study-page-tag .iconography-ui .newsfeed-image{text-align:center;margin-bottom:50px}body#case-study-page-tag .iconography-ui .newsfeed-image img{width:100%;max-width:527px}body#case-study-page-tag .iconography-ui .newsfeed-text{margin-bottom:50px}body#case-study-page-tag .iconography-ui .newsfeed-text p{font-size:22px;font-weight:400;color:#92a1ad;line-height:29px;max-width:580px;margin-top:70px}body#case-study-page-tag .iconography-ui .newsfeed-text p span{color:#152737}body#case-study-page-tag .iconography-ui .app-screens{padding-top:25px;padding-bottom:25px}body#case-study-page-tag .iconography-ui .app-screens .first,body#case-study-page-tag .iconography-ui .app-screens .second,body#case-study-page-tag .iconography-ui .app-screens .third{padding-top:25px;padding-bottom:25px;text-align:center}body#case-study-page-tag .iconography-ui .app-screens .first img,body#case-study-page-tag .iconography-ui .app-screens .second img,body#case-study-page-tag .iconography-ui .app-screens .third img{width:100%;max-width:220px}body#case-study-page-tag .designing-the-brand{background:white}body#case-study-page-tag .designing-the-brand h1{margin:50px 0 0 0;font-weight:300;text-align:center;font-size:38px;color:#152737;line-height:46px}body#case-study-page-tag .designing-the-brand p{width:100%;max-width:710px;margin:50px auto 0 auto;line-height:29px;font-weight:400;font-size:26px;color:#6D828B;line-height:29px}body#case-study-page-tag .designing-the-brand h2{font-weight:300;text-align:center;margin:80px 0 50px 0;color:#754dc8;font-size:34px;line-height:48px}body#case-study-page-tag .designing-the-brand .profile{text-align:center}body#case-study-page-tag .designing-the-brand .profile img{max-width:73px}body#case-study-page-tag .designing-the-brand .profile p.name{font-weight:400;margin:15px 0 0 0;max-width:none;font-size:18px;color:#1A2B44;line-height:22px}body#case-study-page-tag .designing-the-brand .profile p.position{font-size:14px;font-weight:400;color:#5F7985;margin:0;max-width:none;line-height:17px}body#case-study-page-tag .logos-options{padding-top:100px}body#case-study-page-tag .logos-options .option-1,body#case-study-page-tag .logos-options .option-2,body#case-study-page-tag .logos-options .option-3{height:500px;text-align:center}body#case-study-page-tag .logos-options .option-1 .image,body#case-study-page-tag .logos-options .option-2 .image,body#case-study-page-tag .logos-options .option-3 .image{height:220px;line-height:220px;margin-bottom:150px}body#case-study-page-tag .logos-options .option-1 .logo,body#case-study-page-tag .logos-options .option-2 .logo,body#case-study-page-tag .logos-options .option-3 .logo{position:relative;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}body#case-study-page-tag .logos-options .option-1 p,body#case-study-page-tag .logos-options .option-2 p,body#case-study-page-tag .logos-options .option-3 p{font-size:14px;font-weight:500;text-transform:uppercase;color:#3b374f;letter-spacing:1px}body#case-study-page-tag .logos-options .option-1{background:#edebf9}body#case-study-page-tag .logos-options .option-1 img{max-width:242px}body#case-study-page-tag .logos-options .option-2{background:#e4e1f1}body#case-study-page-tag .logos-options .option-2 img{max-width:146px}body#case-study-page-tag .logos-options .option-3{background:#dad6ea}body#case-study-page-tag .logos-options .option-3 img{max-width:146px}body#case-study-page-tag .more-case-studies{background:white;color:#98999d}body#case-study-page-tag .more-case-studies strong{color:black}body#case-study-page-tag .the-icon{background:white}body#case-study-page-tag .the-icon h1{margin:50px 0 0 0;font-weight:400;color:black;text-align:center;font-size:38px;line-height:45px}body#case-study-page-tag .the-icon p{width:100%;max-width:850px;margin:50px auto 30px auto;font-weight:300;text-align:center;font-size:22px;color:#6D828B;line-height:28px}body#case-study-page-tag .the-icon .left{text-align:left;padding-top:25px;padding-left:0}body#case-study-page-tag .the-icon .left p{text-align:right;font-size:14px;font-weight:600;text-transform:uppercase;color:black;letter-spacing:1px;max-width:654px;margin-left:0;margin-right:0}body#case-study-page-tag .the-icon .left img{width:100%;max-width:654px}body#case-study-page-tag .the-icon .right img{width:100%;max-width:775px}body#case-study-page-tag .try{padding-top:75px;padding-bottom:50px;text-align:center;background:#443e63}body#case-study-page-tag .try h1{margin-top:0;letter-spacing:-1px;font-weight:300;font-size:38px;line-height:46px;color:white}body#case-study-page-tag .try img{width:100%;max-width:396px}@media screen and (max-width: 1024px){body#case-study-page-tag #caseStudyContent .try h1.go-ahead{display:none !important}body#case-study-page-tag #caseStudyContent .try h1.trading-wines{display:block !important}body#case-study-page-tag #caseStudyContent .try iframe{display:none !important}body#case-study-page-tag #caseStudyContent .try span.prototype{display:block !important}body#case-study-page-tag #caseStudyContent .functionality .text-right .content{padding-left:45px;padding-right:45px}}@media screen and (max-width: 992px){body#case-study-page-tag .typography h2{text-align:center}body#case-study-page-tag .typography p.showcase,body#case-study-page-tag .typography p.name,body#case-study-page-tag .typography p.description{margin-left:auto;margin-right:auto}body#case-study-page-tag .color-palette h2{text-align:center}body#case-study-page-tag .color-palette .colors{margin-left:auto;margin-right:auto}body#case-study-page-tag .interface-elements h2{text-align:center}body#case-study-page-tag .interface-elements span.option-1,body#case-study-page-tag .interface-elements span.option-2,body#case-study-page-tag .interface-elements .separator{margin-left:auto;margin-right:auto}body#case-study-page-tag .iconography-ui .title{text-align:center}body#case-study-page-tag .iconography-ui .iconography .icons{max-width:none;margin-bottom:50px}body#case-study-page-tag .iconography-ui .ui .retina{max-width:658px;margin-left:auto;margin-right:auto;float:none;clear:both}body#case-study-page-tag .iconography-ui .ui .non-retina,body#case-study-page-tag .iconography-ui .ui .non-retina-text{max-width:347px;margin-left:auto;margin-right:auto;float:none;clear:both}body#case-study-page-tag .iconography-ui .ui .non-retina:after,body#case-study-page-tag .iconography-ui .ui .non-retina-text:after{right:-130px}body#case-study-page-tag .iconography-ui .ui .non-retina-text{margin-top:50px;text-align:center}body#case-study-page-tag .iconography-ui .ui .non-retina-text p{max-width:none}body#case-study-page-tag .iconography-ui .newsfeed-text p{margin-top:30px}body#case-study-page-tag .the-icon .left p{max-width:100%;text-align:center}body#case-study-page-tag .the-icon .left img{display:none !important}body#case-study-page-tag .the-icon .left img.hide{margin:0 auto 45px auto;display:block !important;width:100% !important;max-width:204px !important}body#case-study-page-tag .the-icon .right{text-align:center}body#case-study-page-tag .functionality .text-right .content{padding-left:15px !important;padding-right:15px !important}body#case-study-page-tag .going-digital{min-height:992px}body#case-study-page-tag .going-digital img.app4,body#case-study-page-tag .going-digital img.app3,body#case-study-page-tag .going-digital img.app2,body#case-study-page-tag .going-digital img.app1,body#case-study-page-tag .going-digital img.app7,body#case-study-page-tag .going-digital img.app6,body#case-study-page-tag .going-digital img.app5{-webkit-transform:scale(0.5, 0.5) !important;transform:scale(0.5, 0.5) !important}body#case-study-page-tag .going-digital img.app4{top:310px;right:-230px}body#case-study-page-tag .going-digital img.app3{top:370px;right:-105px}body#case-study-page-tag .going-digital img.app2{top:435px;right:25px}body#case-study-page-tag .going-digital img.app1{top:500px;right:155px}body#case-study-page-tag .going-digital img.app7{top:490px;right:-295px}body#case-study-page-tag .going-digital img.app6{top:560px;right:-170px}body#case-study-page-tag .going-digital img.app5{top:630px;right:-35px}}@media screen and (max-width: 768px){body#case-study-page-tag .functionality{height:1140px !important}body#case-study-page-tag .functionality .image-left,body#case-study-page-tag .functionality .text-right{height:50% !important}body#case-study-page-tag .iconography-ui .newsfeed-text p{margin-left:auto;margin-right:auto}body#case-study-page-tag .designing-the-brand h2{padding-left:15px;padding-right:15px}}@media screen and (max-width: 640px){body#case-study-page-tag .going-digital{min-height:1200px}body#case-study-page-tag .going-digital img.app4{top:510px;right:-230px}body#case-study-page-tag .going-digital img.app3{top:570px;right:-105px}body#case-study-page-tag .going-digital img.app2{top:635px;right:25px}body#case-study-page-tag .going-digital img.app1{top:700px;right:155px}body#case-study-page-tag .going-digital img.app7{top:690px;right:-295px}body#case-study-page-tag .going-digital img.app6{top:760px;right:-170px}body#case-study-page-tag .going-digital img.app5{top:830px;right:-35px}body#case-study-page-tag .aesthetics .typography{margin-bottom:30px}}.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{content:" ";display:block;background:white;position:absolute;z-index:30;-webkit-box-shadow:0px 0px 12px rgba(51,51,51,0.5);-moz-box-shadow:0px 0px 12px rgba(51,51,51,0.5);box-shadow:0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after{width:3px;height:9999px;left:50%;margin-left:-1.5px}.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{width:9999px;height:3px;top:50%;margin-top:-1.5px}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s}.twentytwenty-before-label,.twentytwenty-after-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.twentytwenty-before-label:before,.twentytwenty-after-label:before{color:white;font-size:13px;letter-spacing:0.1em}.twentytwenty-before-label:before,.twentytwenty-after-label:before{position:absolute;background:rgba(255,255,255,0.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.twentytwenty-horizontal .twentytwenty-before-label:before,.twentytwenty-horizontal .twentytwenty-after-label:before{top:50%;margin-top:-19px}.twentytwenty-vertical .twentytwenty-before-label:before,.twentytwenty-vertical .twentytwenty-after-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow,.twentytwenty-down-arrow{width:0;height:0;border:6px inset transparent;position:absolute}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}.twentytwenty-up-arrow,.twentytwenty-down-arrow{left:50%;margin-left:-6px}.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none}.twentytwenty-container img{max-width:100%;position:absolute;top:0;display:block}.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:transparent}.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{opacity:0}.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.twentytwenty-before-label{opacity:0}.twentytwenty-before-label:before{content:"Before"}.twentytwenty-after-label{opacity:0}.twentytwenty-after-label:before{content:"After"}.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}.twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:transparent;z-index:25}.twentytwenty-overlay:hover{background:rgba(0,0,0,0.5)}.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid white;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0px 0px 12px rgba(51,51,51,0.5);-moz-box-shadow:0px 0px 12px rgba(51,51,51,0.5);box-shadow:0px 0px 12px rgba(51,51,51,0.5);z-index:40;cursor:pointer}.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5);-moz-box-shadow:0 3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5);box-shadow:0 3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5);-moz-box-shadow:0 -3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5);box-shadow:0 -3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 #fff,0px 0px 12px rgba(51,51,51,0.5);-moz-box-shadow:3px 0 0 #fff,0px 0px 12px rgba(51,51,51,0.5);box-shadow:3px 0 0 #fff,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 #fff,0px 0px 12px rgba(51,51,51,0.5);-moz-box-shadow:-3px 0 0 #fff,0px 0px 12px rgba(51,51,51,0.5);box-shadow:-3px 0 0 #fff,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px}.twentytwenty-up-arrow{border-bottom:6px solid white;top:50%;margin-top:-17px}.twentytwenty-down-arrow{border-top:6px solid white;bottom:50%;margin-bottom:-17px}ul#items li#case-study-block-genee{background:#39ad43}ul#items li#case-study-block-genee a{color:white}body#case-study-page-genee{color:white;background:#39ad43}body#case-study-page-genee .preloader{background:#39ad43}body#case-study-page-genee .preloader .bar{background:white}body#case-study-page-genee .preloader .bar:after{box-shadow:0 0 4px white, 0 0 4px white, 0 0 4px white}body#case-study-page-genee .cs-head a{text-decoration:none;color:white}body#case-study-page-genee .cs-head .links a.contact{border-color:white}body#case-study-page-genee .cs-head .links a.contact:hover{color:#39ad43}body#case-study-page-genee .title-subtitle-stores h1{color:white}body#case-study-page-genee .title-subtitle-stores h2{color:rgba(255,255,255,0.5)}body#case-study-page-genee .title-subtitle-stores .stores a{text-decoration:none;color:white}body#case-study-page-genee a.see-more-case-study svg path{stroke:#39ad43;fill:#39ad43}body#case-study-page-genee #caseStudyContent{background:white;padding-left:0;padding-right:0;overflow-x:hidden;overflow-y:auto}body#case-study-page-genee #caseStudyContent .about-project table td:first-child,body#case-study-page-genee #caseStudyContent .about-project tr td:first-child{color:#152737}body#case-study-page-genee #caseStudyContent .about-project table td:last-child p,body#case-study-page-genee #caseStudyContent .about-project tr td:last-child p{color:#1a2b44}body#case-study-page-genee #caseStudyContent .about-project a{color:#39ad43;text-decoration:none}body#case-study-page-genee #caseStudyContent .ok-delightful{height:536px;width:100%;position:relative;margin:0 0 350px 0;padding-top:145px;background:#39ad43}body#case-study-page-genee #caseStudyContent .ok-delightful h1{text-transform:uppercase;text-align:center;font-size:38px;color:rgba(255,255,255,0.75);font-weight:300;line-height:46px;margin:0 0 85px 0;letter-spacing:8px;position:relative;left:10px}body#case-study-page-genee #caseStudyContent .ok-delightful h1 strong{font-size:42px;color:white;font-weight:300;position:relative;left:-10px}body#case-study-page-genee #caseStudyContent .ok-delightful h2{text-transform:uppercase;text-align:center;font-size:12px;font-weight:600;line-height:14px;margin:0;padding-bottom:30px;letter-spacing:3px;position:relative;left:8px}body#case-study-page-genee #caseStudyContent .ok-delightful h2:after{content:'';position:absolute;top:0;left:50%;right:auto;bottom:0;background:rgba(0,0,0,0.25);width:1px;margin-left:-8.5px}body#case-study-page-genee #caseStudyContent .ok-delightful h2 span{padding:0 15px}body#case-study-page-genee #caseStudyContent .ok-delightful h2 span:first-child{color:rgba(255,255,255,0.5)}body#case-study-page-genee #caseStudyContent .ok-delightful h2 span:last-child{color:white;position:relative;left:4px}body#case-study-page-genee #caseStudyContent .ok-delightful .before-after{width:320px;height:568px !important;background:transparent url(/assets/case-studies/genee/home-slidetocancel@2x-db4a5c714f83e2e2ff227fdff8b8ffdf28c2c8506f3b937f171d094ddce74245.png) no-repeat left top;background-size:100% auto;position:absolute;top:auto;bottom:-340;left:50%;right:auto;max-width:100%;margin-left:-160px}body#case-study-page-genee #caseStudyContent .ok-delightful .before-after img.slide,body#case-study-page-genee #caseStudyContent .ok-delightful .before-after img.new{width:100%;height:auto}body#case-study-page-genee #caseStudyContent .ok-delightful .twentytwenty-handle{width:43px;height:43px;background:transparent url(/assets/case-studies/genee/Slider@2x-91915e9c028274c79285d335ca5a062456932c9aa225e097da57a084cc161c95.png) no-repeat center center;border:0;-webkit-box-shadow:none;box-shadow:none;background-size:100% auto;overflow:visible;-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.25);box-shadow:0 3px 10px rgba(0,0,0,0.25)}body#case-study-page-genee #caseStudyContent .ok-delightful .twentytwenty-handle>span{display:none}body#case-study-page-genee #caseStudyContent .ok-delightful .twentytwenty-overlay{display:none !important;opacity:0 !important}body#case-study-page-genee #caseStudyContent .ok-delightful .twentytwenty-horizontal .twentytwenty-handle:before,body#case-study-page-genee #caseStudyContent .ok-delightful .twentytwenty-horizontal .twentytwenty-handle:after,body#case-study-page-genee #caseStudyContent .ok-delightful .twentytwenty-vertical .twentytwenty-handle:before,body#case-study-page-genee #caseStudyContent .ok-delightful .twentytwenty-vertical .twentytwenty-handle:after{-webkit-box-shadow:none;box-shadow:none;width:1px;border:0;background:rgba(0,0,0,0.15);margin-left:0}body#case-study-page-genee #caseStudyContent .coffee{height:490px;width:100%;position:relative;padding:150px 0 0 0}body#case-study-page-genee #caseStudyContent .coffee p{text-align:center;color:black;font-size:52px;font-weight:300;line-height:62px;margin:0;padding-bottom:0px;letter-spacing:2px;position:relative}body#case-study-page-genee #caseStudyContent .coffee p span{border-bottom:1px dashed #39ad43;color:#39ad43;text-decoration:none}body#case-study-page-genee #caseStudyContent .coffee p span:hover{border-bottom:1px solid #39ad43;text-decoration:none}body#case-study-page-genee #caseStudyContent .coffee img.schedule-button{display:inline-block;position:absolute;width:150px;height:150px;top:auto;bottom:0;left:50%;right:auto;max-width:100%;margin-left:-75px;-webkit-animation-duration:.5s;animation-duration:.5s}body#case-study-page-genee #caseStudyContent .coffee img.schedule-button path,body#case-study-page-genee #caseStudyContent .coffee img.schedule-button polygon{-webkit-transition:fill .1s ease-in-out;transition:fill .1s ease-in-out}body#case-study-page-genee #caseStudyContent .mapping{height:1230px;width:100%;position:relative;padding:0px 0 0 0;margin:100px 0 0 0;background:#fff url(/assets/case-studies/genee/IMG_4066@2x-be9a2ec7e3fb5431c420fcbb549f81f14fa8567a13f7629d8b555ae2ccb765e2.png) no-repeat center top;background-size:cover;position:relative;overflow:hidden}body#case-study-page-genee #caseStudyContent .mapping .circle1{background-color:#3fab49;width:520px;height:520px;border-radius:50%;position:absolute;top:220px;right:50px}body#case-study-page-genee #caseStudyContent .mapping .circle1 p{text-align:center;color:#fff;font-size:35px;font-weight:400;line-height:520px;margin:0;padding-bottom:0px;letter-spacing:0px;position:relative}body#case-study-page-genee #caseStudyContent .mapping .circle2{background-color:#396eab;width:50px;height:50px;border-radius:50%;position:absolute;top:80px;right:40px}body#case-study-page-genee #caseStudyContent .mapping .circle3{background-color:#b04b3f;width:100px;height:100px;border-radius:50%;position:absolute;top:125px;right:115px}body#case-study-page-genee #caseStudyContent .mapping .circle4{background-color:#cc8f55;width:50px;height:50px;border-radius:50%;position:absolute;top:200px;right:-20px}body#case-study-page-genee #caseStudyContent .mapping .circle5{background-color:#dacb67;width:20px;height:20px;border-radius:50%;position:absolute;top:200px;right:65px}body#case-study-page-genee #caseStudyContent .mapping .circle6{background-color:#88d497;width:100px;height:100px;border-radius:50%;position:absolute;top:250px;right:0px}body#case-study-page-genee #caseStudyContent .mapping .circle7{background-color:#2ca0ab;width:50px;height:50px;border-radius:50%;position:absolute;top:460px;right:-30px}body#case-study-page-genee #caseStudyContent .proposing{height:500px;width:100%;position:relative;padding:150px 0 0 0}body#case-study-page-genee #caseStudyContent .proposing h2{text-align:center;color:#39ad43;font-size:38px;font-weight:400;line-height:46px;margin:0 0 40px 0;padding-bottom:0px;letter-spacing:8px;position:relative}body#case-study-page-genee #caseStudyContent .proposing p{text-align:left;color:#5A6478;font-size:22px;font-weight:400;line-height:28px;margin:0 auto;padding-bottom:0px;letter-spacing:0px;position:relative;width:60%}body#case-study-page-genee #caseStudyContent .wireframes{width:100%;position:relative;padding:50px 0 0 0;background-color:#e5e9ea}body#case-study-page-genee #caseStudyContent .wireframes h2{text-align:center;color:#292a2a;font-size:28px;font-weight:400;line-height:38px;margin:0px 0px 40px;padding-bottom:0px;letter-spacing:6px;position:relative}body#case-study-page-genee #caseStudyContent .wireframes h3{text-align:center;font-size:18px;font-weight:400;line-height:25px;margin:0px auto 30px auto;letter-spacing:0px;color:#a4a8a7;padding-bottom:30px;position:relative;width:100%;max-width:250px;border-bottom:1px solid #dbe1e2}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step{background:#3FAB49;position:relative;min-height:284px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step:last-child{background:transparent}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step.dark{background:#31933A}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step.breath-top>p{top:80px;bottom:0}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step.breath-top:before{content:'';display:block;width:100%;height:75px;background:#e5e9ea;position:absolute;top:0;left:0;bottom:auto;right:auto}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step.breath-bottom>p{top:0;bottom:80px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step.breath-bottom:after{content:'';display:block;width:100%;height:75px;background:#e5e9ea;position:absolute;top:auto;left:0;bottom:0;right:auto}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p{position:absolute;width:100%;max-width:60%;letter-spacing:0;line-height:18px;font-size:14px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p span.number{width:55px;height:55px;border-radius:27.5px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.15);box-shadow:0 2px 4px rgba(0,0,0,0.15);position:absolute;top:50%;bottom:auto;margin-top:-30px;color:#39ad43;text-align:center;line-height:55px;font-size:26px;background:white;z-index:3}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p span.text{font-weight:400;font-size:13px;color:#CBF3CF;line-height:16px;width:100%;padding-left:30px;padding-right:30px;position:absolute;top:50%;left:50%}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p span.title{text-align:left;color:white;display:block;text-transform:uppercase;font-size:12px;font-weight:600;line-height:14px;letter-spacing:3px;margin-bottom:10px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-right{left:auto;right:15px;padding-left:10px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-right span.number{left:0;right:auto;margin-left:-43px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-left{left:15px;right:auto}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-left span.number{left:auto;right:0;margin-right:-43px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step>img{position:absolute;top:0;bottom:0;z-index:2;max-width:160px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step>img.on-right{left:auto;right:0}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step>img.on-left{left:0;right:auto}body#case-study-page-genee #caseStudyContent .identify-brand{padding:150px 0}body#case-study-page-genee #caseStudyContent .identify-brand .title{background:#39ad43;padding:30px 15px;position:relative;min-height:450px}body#case-study-page-genee #caseStudyContent .identify-brand .title>div{position:absolute;top:50%;right:80px;bottom:auto;left:90px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);text-align:left;color:white;text-transform:uppercase;font-size:38px;font-weight:400;line-height:54px;letter-spacing:8px}body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-1>img{max-width:100%;position:relative;top:-35px}body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-2,body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-3{padding:0}body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-2>img,body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-3>img{max-width:100%}body#case-study-page-genee #caseStudyContent .colors{height:266px;width:100%;position:relative;padding:0px 0 0 0;overflow:hidden}body#case-study-page-genee #caseStudyContent .colors p{text-align:center;color:#fff;font-size:18px;font-weight:500;line-height:266px;margin:0 auto;padding-bottom:0px;letter-spacing:0px;position:relative}body#case-study-page-genee #caseStudyContent .colors .col1{background-color:#33953C}body#case-study-page-genee #caseStudyContent .colors .col2{background-color:#60C2A3}body#case-study-page-genee #caseStudyContent .colors .col3{background-color:#C4E4DA}body#case-study-page-genee #caseStudyContent .colors .col4{background-color:#D64C49}body#case-study-page-genee #caseStudyContent .colors .col5{background-color:#2D3337}body#case-study-page-genee #caseStudyContent .colors .col6{background-color:#E3E9E7}body#case-study-page-genee #caseStudyContent .smartcalendar{height:760px;width:100%;position:relative;padding:0px 0 0 0;overflow:hidden}body#case-study-page-genee #caseStudyContent .smartcalendar p{text-align:center;color:#1a2b44;font-size:28px;font-weight:400;line-height:38px;margin:0;padding-bottom:0px;letter-spacing:2px;position:relative}body#case-study-page-genee #caseStudyContent .smartcalendar .col1{background-color:#2d3337;height:760px;padding-top:80px;padding-bottom:80px}body#case-study-page-genee #caseStudyContent .smartcalendar .col1>.container{width:100%}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .scheduled-list{max-width:640px}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 h1{text-align:center;color:rgba(255,255,255,0.5);text-transform:uppercase;font-size:20px;font-weight:400;line-height:22px;letter-spacing:1px;margin-bottom:25px}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment{width:100%;overflow:hidden;margin-top:-1px;padding-bottom:25px}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment:last-child .time-type .type:after{display:none}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type{width:30%;float:left}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .time{width:50%;float:left;font-weight:400;font-size:22px;line-height:1.1;color:white}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .time span{display:block;position:relative}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .time span.am:after,body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .time span.pm:after{display:block;position:absolute;content:"AM";top:auto;right:-2px;bottom:3px;left:auto;font-size:14px;color:rgba(255,255,255,0.5);line-height:1;font-weight:400}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .time span.pm:after{content:"PM"}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .type{width:50%;float:right;text-align:center;position:relative}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .type:after{position:absolute;content:'';width:1px;height:25px;top:100%;left:50%;margin-left:-1px;background:rgba(255,255,255,0.2)}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .time-type .type>img{width:65%;max-width:100%}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .description{width:70%;float:right;font-weight:400;font-size:22px;line-height:1.1}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .description span{display:block;font-size:18px;color:rgba(255,255,255,0.5);vertical-align:bottom;padding-top:2px}body#case-study-page-genee #caseStudyContent .smartcalendar .col1 .appointment .description span>img{max-width:24px;vertical-align:top;position:relative;left:-2px;top:-3px}body#case-study-page-genee #caseStudyContent .smartcalendar .col2{background-color:#24292d}body#case-study-page-genee #caseStudyContent .smartcalendar .col2,body#case-study-page-genee #caseStudyContent .smartcalendar .col2>.container,body#case-study-page-genee #caseStudyContent .smartcalendar .col2>.container>.row,body#case-study-page-genee #caseStudyContent .smartcalendar .col2>.container>.row>div{min-height:760px}body#case-study-page-genee #caseStudyContent .smartcalendar .col2 h1{position:absolute;top:50%;width:100%;padding:0 80px;-webkit-transform:translate3d(0px, -50%, 0px);transform:translate3d(0px, -50%, 0px);text-align:left;color:#FFF;text-transform:uppercase;font-size:34px;font-weight:400;line-height:52px;letter-spacing:2px;max-width:640px}body#case-study-page-genee #caseStudyContent .giveitatry{background-color:#39ad43;width:100%;position:relative;padding:125px 0 0 0;overflow:hidden}body#case-study-page-genee #caseStudyContent .giveitatry .title-subtitle-stores{position:static;-webkit-transform:none;transform:none}body#case-study-page-genee #caseStudyContent .giveitatry p{text-align:center;color:#1a2b44;font-size:28px;font-weight:400;line-height:38px;margin:0;padding-bottom:0px;letter-spacing:2px;position:relative}body#case-study-page-genee #caseStudyContent .giveitatry h2{color:#fff}body#case-study-page-genee #caseStudyContent .giveitatry span.phone-container{display:block;max-width:420px;margin:45px auto 0;position:relative;left:-15px}body#case-study-page-genee #caseStudyContent .giveitatry img.phone{position:relative;margin:75px auto 0;width:338px;left:-15px}body#case-study-page-genee .more-case-studies{background:white;color:#98999d}body#case-study-page-genee .more-case-studies strong{color:black}@media screen and (max-width: 1024px){body#case-study-page-genee #caseStudyContent .identify-brand .title>div{text-align:center}body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-1{padding-top:75px}body#case-study-page-genee #caseStudyContent .proposing h2{left:8px}body#case-study-page-genee #caseStudyContent .proposing p{text-align:center}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p{width:150px}body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-1{padding-top:60px}body#case-study-page-genee #caseStudyContent .giveitatry span.phone-container{display:none}body#case-study-page-genee #caseStudyContent .giveitatry img.phone{display:block !important}}@media screen and (max-width: 768px){body#case-study-page-genee #caseStudyContent .giveitatry{position:static}body#case-study-page-genee #caseStudyContent .smartcalendar .col2,body#case-study-page-genee #caseStudyContent .smartcalendar .col2>.container,body#case-study-page-genee #caseStudyContent .smartcalendar .col2>.container>.row,body#case-study-page-genee #caseStudyContent .smartcalendar .col2>.container>.row>div{min-height:0}body#case-study-page-genee #caseStudyContent .smartcalendar .col2 h1{-webkit-transform:none;transform:none;position:static;padding:45px 15px;text-align:center}body#case-study-page-genee #caseStudyContent .title-subtitle-stores{position:static;-webkit-transform:none;transform:none}body#case-study-page-genee #caseStudyContent .colors div[class^="col"]{padding-left:0;padding-right:0}body#case-study-page-genee #caseStudyContent .colors p{line-height:133px}}@media screen and (max-width: 640px){body#case-study-page-genee #caseStudyContent .coffee p{font-size:32px;line-height:36px}body#case-study-page-genee #caseStudyContent .mapping{height:580px}body#case-study-page-genee #caseStudyContent .mapping .circle1{height:auto;padding-top:80px;padding-bottom:80px}body#case-study-page-genee #caseStudyContent .mapping .circle1 p{line-height:1}body#case-study-page-genee #caseStudyContent .proposing{padding-top:80px;padding-bottom:80px}body#case-study-page-genee #caseStudyContent .proposing p{text-align:center}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p{width:160px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-left .text{padding-left:0;padding-right:45px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-left .number{left:auto !important;right:0 !important;margin-right:-50px !important;top:-15px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-right .number{left:0 !important;right:auto !important;margin-left:-50px !important;bottom:-43px !important;top:auto !important}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step:nth-child(3) p.on-right .number{left:0 !important;right:auto !important;margin-left:-50px !important;bottom:auto !important;top:-15px !important}body#case-study-page-genee #caseStudyContent .identify-brand .title{min-height:340px}body#case-study-page-genee #caseStudyContent .identify-brand .title>div{left:0;right:0;width:100%;font-size:32px;line-height:36px}body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-2>img,body#case-study-page-genee #caseStudyContent .identify-brand .visual-style-3>img{display:block;max-width:90%;margin:0 auto}body#case-study-page-genee #caseStudyContent .giveitatry .content{position:relative;left:15px}}@media screen and (max-width: 480px){body#case-study-page-genee #caseStudyContent .mapping .circle1{position:relative;width:100%;right:auto;top:auto;border-radius:0}body#case-study-page-genee #caseStudyContent .mapping .circle2{top:300px}body#case-study-page-genee #caseStudyContent .mapping .circle3{top:350px}body#case-study-page-genee #caseStudyContent .mapping .circle4{top:400px}body#case-study-page-genee #caseStudyContent .mapping .circle5{top:400px}body#case-study-page-genee #caseStudyContent .mapping .circle6{top:450px}body#case-study-page-genee #caseStudyContent .mapping .circle7{top:460px}body#case-study-page-genee #caseStudyContent .proposing p{width:100%}body#case-study-page-genee #caseStudyContent .wireframes h3{width:100%}}@media screen and (max-width: 320px){body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-left .number{left:auto !important;right:0 !important;margin-right:-15px !important;top:-15px}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step p.on-right .number{left:0 !important;right:auto !important;margin-left:-15px !important;bottom:-43px !important;top:auto !important}body#case-study-page-genee #caseStudyContent .wireframes .wireframe-step:nth-child(3) p.on-right .number{left:0 !important;right:auto !important;margin-left:-15px !important;bottom:auto !important;top:-15px !important}}ul#items li#case-study-block-messi{background:black}ul#items li#case-study-block-messi a{color:white}body#case-study-page-messi{color:white;background:black}body#case-study-page-messi .preloader{background:black}body#case-study-page-messi .preloader .bar{background:white}body#case-study-page-messi .preloader .bar:after{box-shadow:0 0 4px white, 0 0 4px white, 0 0 4px white}body#case-study-page-messi .cs-head a{text-decoration:none;color:white}body#case-study-page-messi .cs-head .links a.contact{border-color:white}body#case-study-page-messi .cs-head .links a.contact:hover{color:black}body#case-study-page-messi .title-subtitle-stores h1{color:white}body#case-study-page-messi .title-subtitle-stores h2{color:rgba(255,255,255,0.5)}body#case-study-page-messi .title-subtitle-stores .stores a{text-decoration:none;color:white}body#case-study-page-messi a.see-more-case-study svg path{stroke:#000;fill:#000}body#case-study-page-messi #caseStudyContent{background:white;padding-left:0;padding-right:0}body#case-study-page-messi #caseStudyContent .about-project a{color:#E35534;text-decoration:none}body#case-study-page-messi #caseStudyContent .about-project a:hover{text-decoration:none}body#case-study-page-messi #caseStudyContent .about-project table td:first-child,body#case-study-page-messi #caseStudyContent .about-project tr td:first-child{color:#152737}body#case-study-page-messi #caseStudyContent .about-project table td:last-child p,body#case-study-page-messi #caseStudyContent .about-project tr td:last-child p{color:#1a2b44}body#case-study-page-messi #caseStudyContent .fb-app-contest{background:#000 url(/assets/case-studies/messi/fb-app-contest-bg-d8fac1435a934f56c775fa6f9fab2fa5270afafe5f9aec29a9b29a6f9375a646.jpg) no-repeat center bottom;background-size:100% auto;background-size:cover;padding-top:100px}body#case-study-page-messi #caseStudyContent .fb-app-contest h1{text-transform:uppercase;text-align:center;color:#E35534;font-weight:300;margin:0 0 50px 0;font-size:38px;letter-spacing:8px;line-height:46px}body#case-study-page-messi #caseStudyContent .fb-app-contest p{max-width:800px;text-align:center;font-size:22px;color:white;line-height:36px;margin:0 auto 85px auto;font-weight:300}body#case-study-page-messi #caseStudyContent .fb-app-contest img.book-facebook{max-width:785px;width:50%;display:block;margin:0 auto 85px auto}body#case-study-page-messi #caseStudyContent .first-description{background:#000 url(/assets/case-studies/messi/messi-9986e84ea09d2794fbaf15012a388dc3a9d7d40cb7f8d0e925072e46b28a98b9.jpg) no-repeat left top;background-size:100% auto;background-size:cover;overflow:hidden}body#case-study-page-messi #caseStudyContent .first-description>.container{max-width:1280px;margin-left:auto;margin-right:auto}body#case-study-page-messi #caseStudyContent .first-description p{padding-top:55px;padding-bottom:365px;font-size:24px;color:white;line-height:36px;max-width:630px;color:white;font-weight:300}body#case-study-page-messi .digital-version{background:#66AED8;padding-top:125px;padding-bottom:100px}body#case-study-page-messi .digital-version .phone-showcase{text-align:center}body#case-study-page-messi .digital-version .phone-showcase img{width:100%;max-width:413px}body#case-study-page-messi .digital-version .text h1{margin-top:75px;font-size:38px;color:black;line-height:46px;font-weight:300;text-transform:uppercase}body#case-study-page-messi .digital-version .text p{font-size:24px;color:white;line-height:36px;font-weight:300}body#case-study-page-messi .digital-version .text p:not(last-child){margin-bottom:30px}body#case-study-page-messi .codes-visitors{background:-moz-linear-gradient(left, #000 0%, rgba(255,255,255,0.2) 50%, #000 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(50%, rgba(255,255,255,0.2)), color-stop(100%, #000));background:-webkit-linear-gradient(left, #000 0%, rgba(255,255,255,0.2) 50%, #000 100%);background:-o-linear-gradient(left, #000 0%, rgba(255,255,255,0.2) 50%, #000 100%);background:-ms-linear-gradient(left, #000 0%, rgba(255,255,255,0.2) 50%, #000 100%);background:linear-gradient(to right, #000 0%, rgba(255,255,255,0.2) 50%, #000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );position:relative;overflow:hidden}body#case-study-page-messi .codes-visitors .codes{background:transparent url(/assets/case-studies/messi/escudos1-674d53222a5912846ae1308bf592b3b1c514b90faa2aa4d669b74b28c5fd90a4.png) no-repeat center center;background-size:auto 80%;padding-top:300px;padding-bottom:180px}body#case-study-page-messi .codes-visitors .codes>.row{max-width:1280px;margin:0 auto}body#case-study-page-messi .codes-visitors .codes .text h1{font-size:38px;color:#E35534;line-height:46px;font-weight:300;text-transform:uppercase;margin:0 0 45px 0}body#case-study-page-messi .codes-visitors .codes .text p{font-size:24px;color:white;line-height:36px;font-weight:300}body#case-study-page-messi .codes-visitors img.hand{width:50%;max-width:461px;position:absolute;top:150px;right:-10px;bottom:auto;left:auto}body#case-study-page-messi .codes-visitors .web>.row{max-width:1280px;margin:0 auto;padding-bottom:150px}body#case-study-page-messi .codes-visitors .web .text h1{font-size:38px;color:#E35534;line-height:46px;font-weight:300;text-transform:uppercase;margin:140px 0 45px 0}body#case-study-page-messi .codes-visitors .web .text p{font-size:24px;color:white;line-height:36px;font-weight:300}body#case-study-page-messi .codes-visitors .web .web-image img{width:100%}body#case-study-page-messi .case-study-video{background:transparent url(/assets/case-studies/messi/case-study-bg-a566052e2dbbb7c474231621f642e1faa6d6a02d4d30a8e2c4f71c0b127e5fa6.png) no-repeat center top;background-size:100% auto;float:left;width:100%;position:relative;z-index:99;padding-top:50px}body#case-study-page-messi .case-study-video h1{font-size:38px;color:#E35534;line-height:46px;font-weight:300;text-transform:uppercase;margin:90px 0 60px 0;text-align:center}body#case-study-page-messi .case-study-video .video{width:800px;height:488px;margin:0 auto 80px auto;padding:25px 35px;background:transparent url(/assets/case-studies/messi/video-border-789b48ffee8fbef90bfadbf400fa69385a3700f3669e021e558630f15a729a88.png) no-repeat center center;background-size:100% 100%}body#case-study-page-messi .more-case-studies{background:white;color:#98999d}body#case-study-page-messi .more-case-studies strong{color:black}@media screen and (max-width: 1140px){body#case-study-page-messi #caseStudyContent .first-description img.diagonal-cut{top:-45px}body#case-study-page-messi .visitors-covers .text h1{margin-top:185px;margin-bottom:185px}}@media screen and (max-width: 1024px){body#case-study-page-messi .digital-version .text p{font-size:20px;line-height:30px}body#case-study-page-messi .codes-visitors .web .text h1{margin:60px 0 45px 0}}@media screen and (max-width: 768px){body#case-study-page-messi #caseStudyContent .first-description img.diagonal-cut{top:-25px}body#case-study-page-messi #caseStudyContent .first-description p{padding-top:0}body#case-study-page-messi .visitors-covers .text h1{max-width:100%;width:100%}body#case-study-page-messi .codes-visitors img.hand{z-index:-1}body#case-study-page-messi .case-study-video .video{width:480px;height:318px}}@media screen and (max-width: 480px){body#case-study-page-messi #caseStudyContent .fb-app-contest img.book-facebook{width:80%}body#case-study-page-messi #caseStudyContent .first-description p{padding-bottom:0;text-shadow:0 0 2px black}body#case-study-page-messi #caseStudyContent .first-description img.diagonal-cut{top:0}body#case-study-page-messi .case-study-video .video{width:320px;height:200px}}ul#items li#case-study-block-espn{background:#F13929}ul#items li#case-study-block-espn a{color:white}body#case-study-page-espn{color:white;background:#F13929}body#case-study-page-espn .preloader{background:#F13929}body#case-study-page-espn .preloader .bar{background:white}body#case-study-page-espn .preloader .bar:after{box-shadow:0 0 4px white, 0 0 4px white, 0 0 4px white}body#case-study-page-espn .cs-head a{text-decoration:none;color:white}body#case-study-page-espn .cs-head .links a.contact{border-color:white}body#case-study-page-espn .cs-head .links a.contact:hover{color:#F13929}body#case-study-page-espn .title-subtitle-stores h1{color:white}body#case-study-page-espn .title-subtitle-stores h2{color:rgba(0,0,0,0.25)}body#case-study-page-espn .title-subtitle-stores .stores a{text-decoration:none;color:white}body#case-study-page-espn a.see-more-case-study svg path{stroke:#F13929;fill:#F13929}body#case-study-page-espn #caseStudyContent{background:white;padding-left:0;padding-right:0;overflow-x:hidden;overflow-y:auto}body#case-study-page-espn #caseStudyContent .about-project table td:first-child,body#case-study-page-espn #caseStudyContent .about-project tr td:first-child{color:#152737}body#case-study-page-espn #caseStudyContent .about-project table td:last-child p,body#case-study-page-espn #caseStudyContent .about-project tr td:last-child p{color:#1a2b44}body#case-study-page-espn #caseStudyContent .graphic-package{background:transparent url(/assets/case-studies/espn/graphic-package-bg-8fb83e9687f9fd75fba139d4f92ceae5a2076f45292256f759eefec0d358e42f.jpg) no-repeat center center;background-size:100% auto;background-size:cover}body#case-study-page-espn #caseStudyContent .graphic-package .container{padding:350px 30px;text-align:center}body#case-study-page-espn #caseStudyContent .graphic-package .container img{width:100%;max-width:546px;position:relative;left:50px}body#case-study-page-espn #caseStudyContent .kickoff{padding:350px 15px;background:#1C1D1F url(/assets/case-studies/espn/pattern-top-43117089ab69ecc5ea6a25c6a55a6d3d3a066c14d2cc0529978d0ca22bfdbd0c.png) no-repeat center top;background-size:100% auto;position:relative}body#case-study-page-espn #caseStudyContent .kickoff img.image{width:50%;max-width:831px;position:absolute;top:250px;right:0;bottom:auto;left:auto}body#case-study-page-espn #caseStudyContent .kickoff .text h2{font-size:18px;color:#E35534;letter-spacing:3px;line-height:21px;text-transform:uppercase;font-weight:500;margin:0 0 15px 0}body#case-study-page-espn #caseStudyContent .kickoff .text h1{font-weight:300;font-size:52px;color:white;line-height:62px;margin:0 0 45px 0;text-transform:capitalize}body#case-study-page-espn #caseStudyContent .kickoff .text p{font-weight:300;font-size:24px;color:#7B7D84;line-height:30px}body#case-study-page-espn #caseStudyContent .broadcast{padding:250px 15px;background:#212224 url(/assets/case-studies/espn/la-bg-d2f22608859a0b6a30475730ef1e6a2cade64e8db4821510a752cf97cf43058d.jpg) no-repeat center center;background-size:100% auto;background-size:cover}body#case-study-page-espn #caseStudyContent .broadcast .content{background:#18191B;padding:90px 15px 135px 150px;margin-right:-15px;position:relative}body#case-study-page-espn #caseStudyContent .broadcast .content .flags-divider{display:inline-block;margin-bottom:90px;max-width:805px}body#case-study-page-espn #caseStudyContent .broadcast .content h2{font-size:18px;color:#E35534;letter-spacing:3px;line-height:21px;text-transform:uppercase;font-weight:500;margin:0 0 15px 0}body#case-study-page-espn #caseStudyContent .broadcast .content h1{font-weight:300;font-size:52px;color:white;line-height:62px;margin:0 0 45px 0;text-transform:capitalize}body#case-study-page-espn #caseStudyContent .broadcast .content p{font-weight:300;font-size:24px;color:#7B7D84;line-height:30px;max-width:450px}body#case-study-page-espn #caseStudyContent .broadcast .content img.la-map{position:absolute;width:638px;height:auto;top:50%;right:auto;bottom:auto;left:-560px}body#case-study-page-espn #caseStudyContent .on-screen{padding:90px 15px 500px 15px;background:#18191A;position:relative}body#case-study-page-espn #caseStudyContent .on-screen .text{text-align:center}body#case-study-page-espn #caseStudyContent .on-screen .text h2{font-size:18px;color:#E35534;letter-spacing:3px;line-height:21px;text-transform:uppercase;font-weight:500;margin:0 0 15px 0}body#case-study-page-espn #caseStudyContent .on-screen .text h1{font-weight:300;font-size:52px;color:white;line-height:62px;margin:0 0 45px 0;text-transform:capitalize}body#case-study-page-espn #caseStudyContent .on-screen .text p{font-weight:300;font-size:24px;color:#7B7D84;line-height:30px;max-width:740px;margin:0 auto 90px auto}body#case-study-page-espn #caseStudyContent .on-screen .visual-elements{text-align:center}body#case-study-page-espn #caseStudyContent .on-screen .visual-elements h3{font-size:14px;color:rgba(255,255,255,0.25);letter-spacing:2px;line-height:17px;text-transform:uppercase;font-weight:500;margin:0 0 30px 0;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.1);display:inline-block}body#case-study-page-espn #caseStudyContent .on-screen .visual-elements img.architecture{display:block;width:100%;max-width:714px;margin:0 auto 150px auto}body#case-study-page-espn #caseStudyContent .on-screen .visual-elements img.visual-layer{display:block;width:100%;max-width:617px;margin:0 auto 90px auto}body#case-study-page-espn #caseStudyContent .on-screen img.lower-thirds{position:absolute;width:90%;max-width:1100px;top:auto;right:auto;bottom:-200px;left:50%;z-index:9}body#case-study-page-espn #caseStudyContent .transitions{padding:295px 15px 250px 15px;background:#f03929 url(/assets/case-studies/espn/transition-bg-88b4b57a8eda454c4be95e06b749808db0fe39d259e4264e430fb465c8ef90b1.jpg) no-repeat center right;background-size:auto 100%;position:relative}body#case-study-page-espn #caseStudyContent .transitions>.container{max-width:1000px}body#case-study-page-espn #caseStudyContent .transitions .content h2{font-size:18px;color:rgba(0,0,0,0.25);letter-spacing:3px;line-height:21px;text-transform:uppercase;font-weight:500;margin:0 0 15px 0}body#case-study-page-espn #caseStudyContent .transitions .content h1{font-weight:300;font-size:52px;color:white;line-height:62px;margin:0 0 45px 0;text-transform:capitalize}body#case-study-page-espn #caseStudyContent .transitions .content p{font-weight:300;font-size:24px;color:white;line-height:30px;max-width:460px;margin-bottom:60px}body#case-study-page-espn #caseStudyContent .transitions .content img.transition-layers{max-width:312px}body#case-study-page-espn #caseStudyContent img.semifinals,body#case-study-page-espn #caseStudyContent img.live-soccer{width:100%}body#case-study-page-espn #caseStudyContent span.live-soccer-wrapper{position:relative}body#case-study-page-espn #caseStudyContent span.live-soccer-wrapper h1{margin:0;padding:25px 35px 28px 35px;vertical-align:middle;position:absolute;top:50%;right:auto;bottom:auto;left:50%;font-weight:400;font-size:32px;color:white;line-height:38px;background:#E35534;text-transform:uppercase;-webkit-transform:translate3d(-50%, 50%, 0);transform:translate3d(-50%, 50%, 0)}body#case-study-page-espn #caseStudyContent .ball-head-campaing{background:#E35534 url(/assets/case-studies/espn/ball-head-bg-ed22a2cce5c1a6cf5f4502df0cd584feb5cfa229ed4bb1b2ecba8ba3431268d7.jpg) no-repeat center center;background-size:100% auto;background-size:cover;padding:250px 15px;text-align:center}body#case-study-page-espn #caseStudyContent .ball-head-campaing h1{font-weight:500;font-size:38px;color:white;line-height:46px;margin:0 0 45px 0}body#case-study-page-espn #caseStudyContent .ball-head-campaing p{font-weight:300;font-size:24px;color:white;line-height:32px;max-width:768px;margin:0 auto}body#case-study-page-espn #caseStudyContent .banners-tv-spot{background:#E35534}body#case-study-page-espn #caseStudyContent .banners-tv-spot div[class^="col-"]{height:250px;position:relative}body#case-study-page-espn #caseStudyContent .banners-tv-spot h1{text-transform:uppercase;font-weight:400;font-size:26px;color:white;letter-spacing:3px;line-height:32px;text-align:center;position:absolute;top:50%;right:0;bottom:auto;left:0;margin:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}body#case-study-page-espn #caseStudyContent .banners-tv-spot .images{background:transparent url(/assets/case-studies/espn/banners-tv-spot-c2f30aa7cf64e76da97e7346eb9627ade4f8b65a65a4348f1bd1ac3c3f0d4862.png) no-repeat center center;background-size:100% auto;background-size:cover}body#case-study-page-espn #caseStudyContent .award-promaxbda{padding:90px 15px 150px 15px;background:#0a0b0f}body#case-study-page-espn #caseStudyContent .award-promaxbda .title h1{font-weight:300;font-size:38px;color:white;line-height:46px;text-align:center;margin:0 0 150px 0}body#case-study-page-espn #caseStudyContent .award-promaxbda .title h1 strong{font-weight:500}body#case-study-page-espn #caseStudyContent .award-promaxbda .award-image{text-align:center}body#case-study-page-espn #caseStudyContent .award-promaxbda .award-image img{width:100%;max-width:184px}body#case-study-page-espn #caseStudyContent .award-promaxbda .award-image h2{font-weight:300;font-size:28px;color:white;letter-spacing:2px;line-height:34px;margin:30px 0 0 0}body#case-study-page-espn #caseStudyContent .award-promaxbda .award-image h2 span{color:#967242}body#case-study-page-espn .more-case-studies{border-top:1px solid #967242;background:#0A0B0F;color:rgba(255,255,255,0.75)}body#case-study-page-espn .more-case-studies strong{color:white}@media screen and (max-width: 1140px){body#case-study-page-espn #caseStudyContent .transitions{padding:195px 15px 150px 15px}}@media screen and (max-width: 1024px){body#case-study-page-espn #caseStudyContent .kickoff{padding-top:150px;padding-bottom:100px}body#case-study-page-espn #caseStudyContent .kickoff img.image{top:175px}body#case-study-page-espn #caseStudyContent .broadcast{padding-top:100px;padding-bottom:100px}body#case-study-page-espn #caseStudyContent .on-screen{padding-bottom:350px}}@media screen and (max-width: 768px){body#case-study-page-espn #caseStudyContent .kickoff{padding-top:150px;padding-bottom:50px}body#case-study-page-espn #caseStudyContent .kickoff img.image{position:relative;width:100%;top:auto;right:-15px;bottom:auto;left:auto}body#case-study-page-espn #caseStudyContent .broadcast .content img.la-map{position:relative;width:638px;height:auto;top:auto;right:auto;bottom:auto;left:-150px;-webkit-transform:none;transform:none}body#case-study-page-espn #caseStudyContent .transitions{background:#f03929}body#case-study-page-espn #caseStudyContent .transitions .content{text-align:center}body#case-study-page-espn #caseStudyContent .transitions .content p{margin-left:auto;margin-right:auto}body#case-study-page-espn #caseStudyContent .ball-head-campaing{padding-top:150px;padding-bottom:150px}body#case-study-page-espn span.live-soccer-wrapper h1{font-size:18px !important;line-height:28px !important;padding:10px 15px !important;min-width:300px !important;text-align:center;font-weight:500 !important}}@media screen and (max-width: 640px){body#case-study-page-espn #caseStudyContent .graphic-package .container img{left:0}body#case-study-page-espn #caseStudyContent .broadcast .content{padding-left:45px}body#case-study-page-espn #caseStudyContent .broadcast .content img.la-map{width:480px;left:-50px}body#case-study-page-espn #caseStudyContent .on-screen{padding-bottom:150px}}@media screen and (max-width: 480px){body#case-study-page-espn #caseStudyContent .broadcast .content{padding-left:45px}body#case-study-page-espn #caseStudyContent .broadcast .content img.la-map{width:320px;left:-30px}body#case-study-page-espn #caseStudyContent .graphic-package .container{padding-top:220px;padding-bottom:220px}body#case-study-page-espn #caseStudyContent .broadcast{padding-top:70px;padding-bottom:70px}body#case-study-page-espn #caseStudyContent .broadcast .content{padding-top:60px;padding-bottom:85px}body#case-study-page-espn #caseStudyContent .broadcast .content img.la-map{width:100%}body#case-study-page-espn #caseStudyContent .broadcast .content .flags-divider{margin-bottom:60px}}.container.cs-hero{max-width:1280px;margin:0 auto;position:relative;height:100vh}.cs-head{padding-top:55px}.cs-head .logo a{line-height:60px;height:60px;padding-left:15px}.cs-head .logo a>img{max-height:35px}.cs-head .links{text-align:right}.cs-head .links a{line-height:60px;height:60px;display:inline-block;margin:0 22px;font-size:20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cs-head .links a:hover{opacity:.5}.cs-head .links a.contact{border-width:1px;border-style:solid;border-radius:12px;padding:0 22px}.cs-head .links a.contact:hover{opacity:1;background:white;color:#64008a}.title-subtitle-stores{width:100%;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.title-subtitle-stores h1{font-size:82px;font-weight:300;margin:0 0 30px 0}.title-subtitle-stores h1 span.toi-project{font-size:20px;font-weight:normal;color:white}.title-subtitle-stores h1 span.toi-project span.dash{display:inline-block;margin:0 30px;position:relative;top:-3px}.title-subtitle-stores h1 span.toi-project svg{width:92px;height:62px;margin:0 0 0 5px;position:relative;top:5px}.title-subtitle-stores h1 span.toi-project svg path{fill:white}.title-subtitle-stores h2{font-size:34px;font-weight:300;margin:0 0 70px 0}.title-subtitle-stores .stores{font-size:22px;font-weight:300}.title-subtitle-stores .stores a{height:30px;line-height:30px;padding:0 45px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.title-subtitle-stores .stores a:hover,.title-subtitle-stores .stores a:active{opacity:.5}.title-subtitle-stores .stores a:first-child{padding-left:0}.title-subtitle-stores .stores a:last-child{padding-right:0}.title-subtitle-stores .stores a.apple svg:first-child{top:-5px;margin:0 15px 0 0}.title-subtitle-stores .stores a.website svg:first-child{top:-3px;margin:0 10px 0 0}.title-subtitle-stores .stores a.vimeo svg:first-child{top:-2px;margin:0 10px 0 0}.title-subtitle-stores .stores a.google-play img:first-child{width:32px;top:-2px;margin:0 15px 0 0;position:relative;vertical-align:middle}.title-subtitle-stores .stores a svg{position:relative;vertical-align:middle}.title-subtitle-stores .stores a svg:last-child{top:-1px;margin-left:10px}a.see-more-case-study{display:inline-block;position:absolute;top:auto;left:50%;right:auto;bottom:55px;margin-left:-30px;width:60px;height:60px;border-radius:30px;background:white;box-shadow:0 17px 50px 0 rgba(0,0,0,0.12),0 12px 15px 0 rgba(0,0,0,0.14);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:box-shadow .1s ease-in-out, transform .1s ease-in-out;transition:box-shadow .1s ease-in-out, transform .1s ease-in-out}a.see-more-case-study:hover{box-shadow:0 17px 50px 0 rgba(0,0,0,0.12),0 12px 15px 0 rgba(0,0,0,0.14);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}a.see-more-case-study svg{width:17px !important;height:9px !important;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-9px}a.see-more-case-study svg path{stroke-width:4px}#caseStudyContent .about-project{padding:150px 30px}#caseStudyContent .about-project table,#caseStudyContent .about-project tr{width:100%;max-width:1230px;margin:0 auto}#caseStudyContent .about-project table td,#caseStudyContent .about-project tr td{vertical-align:middle}#caseStudyContent .about-project table td:first-child,#caseStudyContent .about-project tr td:first-child{width:25%;font-size:28px;font-weight:400;line-height:33px}#caseStudyContent .about-project table td:last-child,#caseStudyContent .about-project tr td:last-child{width:75%;overflow:hidden}#caseStudyContent .about-project table td:last-child p,#caseStudyContent .about-project tr td:last-child p{margin:0;text-align:justify;font-size:26px;font-weight:300;line-height:38px;max-width:800px;float:right}.more-case-studies{text-align:center;font-weight:300;font-size:38px;padding-top:85px;padding-bottom:85px}.more-case-studies strong{font-weight:300}.related-case-studies .left-case-study>.content{float:right !important}.related-case-studies .right-case-study>.content{float:left !important}.related-case-studies .left-case-study,.related-case-studies .right-case-study{overflow:hidden;padding:0;float:left}.related-case-studies .left-case-study .content,.related-case-studies .right-case-study .content{width:100%;min-height:485px;max-width:650px;padding:0;position:relative}.related-case-studies .left-case-study .content img.shot,.related-case-studies .right-case-study .content img.shot{position:absolute;top:auto;right:0;bottom:0;left:auto;z-index:1}.related-case-studies .left-case-study .content h2,.related-case-studies .left-case-study .content h1,.related-case-studies .left-case-study .content p,.related-case-studies .left-case-study .content a,.related-case-studies .right-case-study .content h2,.related-case-studies .right-case-study .content h1,.related-case-studies .right-case-study .content p,.related-case-studies .right-case-study .content a{position:relative;z-index:2}.related-case-studies .left-case-study .content h2,.related-case-studies .right-case-study .content h2{color:white;font-size:11px;font-weight:500;letter-spacing:1px;margin:50px 0 0 0;text-transform:uppercase}.related-case-studies .left-case-study .content h1,.related-case-studies .right-case-study .content h1{color:white;font-size:34px;font-weight:300;margin:90px 0 0 0}.related-case-studies .left-case-study .content p,.related-case-studies .right-case-study .content p{color:rgba(255,255,255,0.75);font-size:18px;font-weight:400;line-height:22px;margin:50px 0 0 0}.related-case-studies .left-case-study .content a,.related-case-studies .right-case-study .content a{display:block;color:white;font-size:16px;font-weight:400;margin:90px 0 50px 0;text-decoration:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:absolute;top:auto;right:auto;bottom:0}.related-case-studies .left-case-study .content a:hover,.related-case-studies .left-case-study .content a:active,.related-case-studies .right-case-study .content a:hover,.related-case-studies .right-case-study .content a:active{opacity:.5}.related-case-studies .left-case-study .content a svg,.related-case-studies .right-case-study .content a svg{width:7px;height:12px;position:relative;top:1px;left:5px}.related-case-studies .right-case-study{float:right}.related-case-studies .right-case-study .content{padding-left:30px}.related-case-studies .korefusion{background-color:#a21732}.related-case-studies .korefusion img.shot{width:60%}.related-case-studies .korefusion h2,.related-case-studies .korefusion h1,.related-case-studies .korefusion p,.related-case-studies .korefusion a{max-width:50%}.related-case-studies .tradeagrape{background-color:#443e63}.related-case-studies .tradeagrape img.shot{width:60%}.related-case-studies .tradeagrape h2,.related-case-studies .tradeagrape h1,.related-case-studies .tradeagrape a{max-width:50%}.related-case-studies .tradeagrape p{max-width:45%}.related-case-studies .messi{background:#000000;background:-moz-linear-gradient(-45deg, #000 0%, #1b1a1b 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #000), color-stop(100%, #1b1a1b));background:-webkit-linear-gradient(-45deg, #000 0%, #1b1a1b 100%);background:-o-linear-gradient(-45deg, #000 0%, #1b1a1b 100%);background:-ms-linear-gradient(-45deg, #000 0%, #1b1a1b 100%);background:linear-gradient(135deg, #000 0%, #1b1a1b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1b1a1b',GradientType=1 )}.related-case-studies .messi img.shot{width:60%;right:15px !important}.related-case-studies .messi h2,.related-case-studies .messi h1,.related-case-studies .messi a{max-width:50%}.related-case-studies .messi p{max-width:40%}.related-case-studies .espn{background-color:#F4371B}.related-case-studies .espn img.shot{height:65%;bottom:50% !important;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}.related-case-studies .espn h2,.related-case-studies .espn h1,.related-case-studies .espn a{max-width:50%}.related-case-studies .espn p{max-width:40%}.related-case-studies .genee{background-color:#36a840}.related-case-studies .genee img.shot{width:70%;-webkit-transform:translate3d(22.5%, 0, 0);transform:translate3d(22.5%, 0, 0)}.related-case-studies .genee h2,.related-case-studies .genee h1,.related-case-studies .genee p,.related-case-studies .genee a{max-width:50%}.related-case-studies .genee.left-case-study img.shot{-webkit-transform:translate3d(15%, 0, 0);transform:translate3d(15%, 0, 0)}.related-case-studies .djlist{background-image:url(case-studies/djlist/bottom-suggestion-waves.png);background-size:100% auto;background-position:center center;background-repeat:no-repeat;background-color:#620087}.related-case-studies .djlist img.shot{height:95%}.related-case-studies .djlist h2,.related-case-studies .djlist h1,.related-case-studies .djlist p,.related-case-studies .djlist a{max-width:50%}.related-case-studies .djlist h2{color:#2CCBA2}.related-case-studies .djlist p{margin-top:30px !important}.footer-case-study{background:white}a.go-top{position:fixed;top:auto;right:15px;bottom:15px;left:auto;opacity:0;cursor:pointer;text-decoration:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:9999}a.go-top.show{opacity:.3}a.go-top.show:hover{opacity:.5}a.go-top svg{width:16px;height:23px}
| Developer | Francesca Tabor |
| Username | ftabor |
| Uploaded | July 10, 2022 |
| Rating | 3 |
| Size | 38,475 Kb |
| Views | 34,408 |
Do you need developer help for Loft - Home v2?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Francesca Tabor (ftabor) Script Codes
| Name | Size |
| Homepage Theme | 7,818 Kb |
| Sticky Responsive Navigation | 8,456 Kb |
| Loft - Case Study | 33,456 Kb |
| Loft - Contact | 18,674 Kb |
| Loft - Home v3 | 39,069 Kb |
| Autotyping | 4,766 Kb |
| Structure | 27,813 Kb |
| Fullscreen HTML5 Page Background Video | 2,469 Kb |
| Loft - About Page | 23,256 Kb |
| Astrology Calculator | 9,070 Kb |
Create amazing blog posts with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Gears | Synvox | 3,278 Kb |
| Simple search using AngularJS | Haykou | 1,802 Kb |
| Midterm dry run | Jds317 | 1,649 Kb |
| Portfolio page | Bhavya_j | 2,804 Kb |
| A Pen by Stan Williams | Stanssongs | 6,706 Kb |
| Horizontal Navigation with Floats | Gymratpacks | 5,403 Kb |
| Marching Squares Visualized | Sakri | 7,074 Kb |
| TigerWoods Freecodecamp Page | Baileytj | 2,869 Kb |
| Vue.js Starter | Andymerskin | 1,268 Kb |
| A Pen by Brendan Skousen | Bskousen | 2,954 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!