.design-menu1 li a,.technology{font-family:Lato,sans-serif;color:#565656}.detail-head,.guides h1,.mobile-img,.technology{text-align:center}.container{padding:0 30px}.guides .container{padding:0 15px}.bottom-footer .container,.top-footer .container{padding:0}.guides{padding:130px 0 20px}.design-tabcontent.current+div,.desktop-img,.pulse-button,.services-dot,.tab-img{display:none}.guides h1{font-weight:400;font-size:26px;margin-bottom:4px}.technology{display:block;font-size:15px;margin-bottom:38px}.top-nav{margin-bottom:30px;border-top:1px solid #eaeaea;padding-top:30px}.design-menu1{width:100%;padding-bottom:10px;display:flex;overflow-x:scroll}.code,.design-menu1 li a span{display:block}.design-menu1 li{display:inline-block;position:relative;padding:5px 20px 5px 45px;margin-right:15px}i[class^=icon-nav-]{width:35px;height:30px;font-size:0;position:absolute;top:6px;left:0}.icon-nav-preview{background-position:0 -554px}.icon-nav-html{background-position:-35px -554px}.icon-nav-css{background-position:-70px -554px}.icon-nav-speed{background-position:-105px -554px}.design-menu1 li.current .icon-nav-preview,.design-menu1 li:hover .icon-nav-preview{background-position:-140px -554px}.design-menu1 li.current .icon-nav-html,.design-menu1 li:hover .icon-nav-html{background-position:-175px -554px}.design-menu1 li.current .icon-nav-css,.design-menu1 li:hover .icon-nav-css{background-position:-210px -554px}.design-menu1 li.current .icon-nav-speed,.design-menu1 li:hover .icon-nav-speed{background-position:-245px -554px}.design-menu1 li a{display:inline-block;font-weight:700;text-transform:uppercase;font-size:14px;transition:.3s}.design-menu1 li.current a,.design-menu1 li:hover a{color:#ff2601}.detail-section{padding:130px 0 40px;position:relative}.quot-mark{font-family:'Playfair Display',serif;color:#e7e8e9;font-size:315.13px;position:absolute;top:-85px;left:50%;margin-left:-65.8px}.code,.mobile-img,.mock-wrapper{position:relative}.detail-section h2{text-align:center;margin-bottom:30px;font-weight:400}.left-detail{font-family:Lato,sans-serif;color:#616161;line-height:1.87}.right-iconwrapper{width:260px;margin:0 auto}.right-icons li{float:left;padding-right:20px}.right-icons li:last-child{padding-right:0}i[class^=icon-detail-]{width:73px;height:101px;font-size:0}.icon-detail-html{background-position:0 -584px}.icon-detail-js{background-position:-73px -584px}.icon-detail-css{background-position:-146px -584px}.device-ipad img,.device-iphone img,.laptop img,.speed-img,iframe.preview{width:100%;height:100%}.preview-img{height:100%}.design-tabcontent.current{display:block!important}.code{max-height:calc(100% - 1.4%);width:100%;font-family:monospace;font-size:13px;line-height:23px;overflow:auto}.code .numbers,.code .source{float:left}.code .numbers{padding:10px;text-align:right}.numbers div{height:100%!important}.code .source{padding:10px 0;width:81%!important}.code .source .line{padding:0 10px}.code .source .comment{font-style:italic}.code .copy{position:absolute;right:10px;top:5px;font-size:12px;text-decoration:underline;cursor:pointer}.code-style-light{color:#444;background:#f5f5f5}.code-style-dark .numbers,.code-style-light .numbers{color:#999;background:#fff}.code-style-light .source .line:nth-child(2n){background:#f2f2f2}.code-style-light .source .comment{color:#3fab46}.code-style-light .source .c-pppvaovcsn{color:#e05366}.code-style-light .source .c-iescbrnu{color:#6593e0}.code-style-dark{color:#e6e6e6;background:#333}.code-style-dark .source .line:nth-child(2n){background:#363636}.code-style-dark .source .comment{color:#588a5b}.code-style-dark .source .sharp-keywords{color:#df5d6e}.code-style-dark .source .sharp-default-types{color:#718dbd}.mobile-img{display:inline-block;width:100%;overflow:hidden}.design-tabcontent{display:none!important;position:absolute;top:49.4%;left:50%;overflow:hidden;width:88.6%;height:75.4%;margin-left:0;max-width:308px;max-height:717px;transform:translate(-50%,-50%)}.device-design{margin:0 0 73px -10px;display:flex;flex-wrap:nowrap;width:100%;align-items:center;position:relative}#tab-preview{position:static;transform:none;top:0;width:100%;margin:0 auto;max-width:1230px;padding:0 20px;overflow:visible}.device-ipad{width:132px;position:absolute;bottom:-39px;right:-22px}.device-iphone{position:absolute;width:75px;right:70px;bottom:-30px}@media (min-width:415px){.device-ipad{width:150px;bottom:-20px}.device-iphone{width:90px;bottom:-15px}}@media (min-width:576px){.guides{padding:138px 0 20px}.technology{margin-bottom:46px}.design-menu1{width:100%;margin:0;overflow:hidden;white-space:normal;padding-bottom:0;text-align:center}.design-menu1 li{padding:0 44px}.design-menu1 li a{padding:5px 0}.device-iphone{width:120px;right:113px}.device-ipad{width:200px}}@media (min-width:768px){.container{padding:0}.detail-head{margin-bottom:36px}.guides h1{font-size:34px}.guides{padding:155px 0 20px}.technology{font-size:18px;margin-bottom:54px}.detail-section{padding:130px 3% 40px}.design-menu1 li{padding:0 55px}.design-menu1 li a{padding:5px 0}.right-iconwrapper{width:300px}.right-icons li{float:left;padding-right:40px}.design-menu1{justify-content:center}.tab-img{display:inline-block;text-align:center;width:100%;overflow:hidden;position:relative}.device-ipad,.device-iphone{position:absolute;bottom:-39px}.desktop-img,.mobile-img{display:none}.design-tabcontent{overflow:hidden;max-width:505px;top:49%;height:87%;max-height:771px}.device-design{display:block;overflow:visible}.device-ipad{width:290px;right:0}.device-iphone{width:150px;right:-24px}}@media (min-width:992px){.guides .container{position:relative;padding:0 50px}.services-dot{display:block;position:absolute;top:-22px;right:89%}.top-nav{margin-bottom:40px}.design-menu1{margin:0 auto}.design-menu1 li{padding:0 45px}.design-menu1 li a{padding:10px 0;font-size:16px}.design-menu1 li a span{display:inline-block}.detail-section{padding-bottom:70px}.detail-section h2{margin-bottom:45px}.left-detail{width:50%;margin-bottom:0;padding-right:50px;float:left}.right-iconwrapper{width:50%;float:right}.right-icons{float:right}.code{min-height:99%}}@media (min-width:1024px){.desktop-img{display:inline-block;text-align:center;width:100%;overflow:hidden;position:relative}.mobile-img,.tab-img{display:none}.design-tabcontent{overflow:hidden;max-width:65.1%;top:45%;height:83%;max-height:866px}.code .source{width:90%}.device-ipad,.device-iphone{width:auto}.device-ipad{position:absolute;bottom:-39px}.device-iphone{right:-24px;bottom:-39px}}@media (min-width:1200px){.container{padding:0 20px}.mock-wrapper{margin:0 auto}.mockup{width:100%}.guides{padding:170px 0 20px}.technology{margin-bottom:65px}.device-ipad{right:79px;bottom:-39px}.device-iphone{right:-24px;bottom:-39px}}@media (min-width:1600px){.container{padding:0}a.logo{margin-top:0}.fixed-header a.logo img{width:218px}.fixed-header a.order{margin-top:2px;padding:11px 33px 10px 32px}button.trigger{margin-top:19px}.guides{padding:186px 0 20px}.design-menu1 li:last-child,.left-detail{padding-right:0}.guides h1{font-size:42px;letter-spacing:-.4px;margin-bottom:2px}.technology{font-size:19px;margin-bottom:80px}.design-menu1 li{padding:0 110px 0 0}.design-menu1 li a{font-size:17px}i[class^=icon-nav-]{position:relative;top:4px;left:50%;margin:0 0 18px -17.5px;display:block}.top-nav{margin-bottom:56px}.detail-section h2{font-size:33px;max-width:745px;margin:0 auto 90px}.left-detail{letter-spacing:.5px;word-spacing:-.5px}.right-icons{padding-right:87px}.right-icons li{padding-right:49px;padding-top:22px}.mock-wrapper{margin:0}.code .source{width:94%}}