@import url(https://fonts.googleapis.com/css?family=Raleway&display=swap);*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.homepage-container{min-height:calc(100vh - 16vw);flex-direction:column;align-items:flex-start;justify-content:center;font-size:30px;padding:8vh 0 0}.chunk{padding-top:1em}.subline{font-size:.9em}.landing{padding:0 8vw}@media (min-width:320px) and (max-width:480px){.homepage-container{padding:6vh 0 0}.landing{padding:0 6vw}}@media (max-width:550px){.homepage-container{font-size:22px}}@media (min-width:550px) and (max-width:700px){.homepage-container{font-size:26px}}.icon-btn svg{width:100%}svg{fill:#fff}span,svg{vertical-align:middle}a.icon-btn,span,svg{display:inline-block}a.icon-btn{margin-right:1em}.links a{color:#656566;fill:#656566}.links a span{margin-left:.3em}.links a .svg-container{width:20px;height:20px;display:inline-block}.links a .svg-container svg{color:#656566;fill:#656566}.container{position:relative;overflow:hidden;width:33.33333%;height:25.2vw;min-height:270px}.container a{-webkit-text-decoration-line:none;text-decoration-line:none}.container .image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.container .image-container img{display:block;max-width:50%;max-height:50%;margin-left:auto;margin-right:auto}.container .overlay{position:absolute;height:100%;width:100%;-webkit-transition:.35s ease;transition:.35s ease;bottom:-100%;background-color:#fff;font-size:.8em}.container .overlay .text{color:#114867;font-size:.75em;position:absolute;padding:1.2em}.container .overlay .text .sub{color:#939493;font-weight:700;font-size:.7em}.container .overlay .text .desc{color:#0084cd}.container .overlay .text p,.container .overlay .text ul{padding-bottom:1em}.container .overlay .text li{display:block;font-size:.7em}.container .overlay .text li:before{content:"/ "}.container:hover .overlay{bottom:0}@media (min-width:1550px){.container{width:25%}}@media (min-width:801px){.container{max-height:315px}}@media (min-width:480px) and (max-width:1060px){.container{width:50%}}@media (min-width:320px) and (max-width:480px){.portfolio>.container{width:auto;height:auto;overflow:auto;margin-bottom:6vw;max-height:auto}.portfolio>.container .image-container{height:46vw}.portfolio>.container .overlay{bottom:0;position:relative}.portfolio>.container .overlay .text{position:relative;padding:6vw;font-size:1em}}@media (hover:none) and (pointer:coarse) and (min-width:768px){.container{width:100%}.container .image-container,.container .overlay{width:50%}.container .overlay{bottom:0;right:0}}.portfolio{display:flex;padding:2em 0;flex-wrap:wrap}p{font-size:.8em}@media (max-width:480px){.portfolio{flex-direction:column}}@media (min-width:480px) and (max-width:800px){.portfolio{width:100%}}.follow-me a.icon-btn .svg-container{width:50px;height:50px}.clients-container{background-color:#fff;width:100%;padding:3vh 0 8vh}.clients-container h4{color:#0084cd;max-width:60%;margin:auto;font-size:.8em;text-align:center;padding-bottom:1em}.clients-container .clients-list{display:flex;max-width:80%;flex-wrap:wrap;justify-content:center;margin:auto}.clients-container .clients-list .client-item{width:100px;height:80px;display:flex;justify-content:center;align-items:center;padding:0 .2em}.clients-container .clients-list .client-item img{max-width:80%;max-height:80%}@media (max-width:615px){.clients-container .clients-list,.clients-container h4{max-width:90%}}#casestudy,#root,.content-container,.cover-image,.header-section,.title-container,body,html{width:100%;height:100%}body{background-color:#0084cd;overflow-x:hidden;overflow-y:scroll;color:#fff;font-family:Raleway,sans-serif}#casestudy .header-section{overflow:hidden;position:relative}#casestudy .body-section .section-holder{width:100%}#casestudy .body-section .section-holder .section{max-width:1170px;margin:0 auto;padding:0 1em}#casestudy .body-section img{width:100%}#casestudy #red-sizzle .section-full{background-color:#1e1e1e;margin-bottom:1em}#casestudy .cover-image,#casestudy .title-container{position:absolute}#casestudy .title-container{display:flex;align-items:center;justify-content:center}#casestudy .title-container img{max-width:80%}#casestudy .cover-image{background-attachment:scroll;background-position:top;background-repeat:no-repeat;background-size:cover;bottom:0;line-height:0}#casestudy .cover-image img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}#casestudy .section{margin-bottom:1em}#casestudy h1,#casestudy h2,#casestudy h3{margin:1em 0}#casestudy h4{margin-bottom:.5em}#casestudy h1,#casestudy h2,#casestudy h3,#casestudy h4{color:#7fc8ff}#casestudy p{margin:.5em 0 1em;font-size:1em}#casestudy .video-holder{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%}#casestudy .video-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%}#casestudy .section-team{padding-bottom:1em!important}#casestudy .section-team ul{list-style-type:none;display:inline-block;margin-right:1em}#casestudy .section-team .job{font-weight:700}#casestudy .section-links{background-color:pink}#casestudy .section-tech code:after{content:" / "}#casestudy .section-tech code:last-child:after{content:unset}#casestudy .section-ads h2,#casestudy .section-ads h3{margin:0}#casestudy .section-ads h3{padding-bottom:.2em}#casestudy .section-ads h2{color:#103048}#casestudy .section-ads .ad-preview{width:auto;height:auto}#casestudy .section-ads hr{display:block;height:1px;border:0;border-top:1px solid hsla(0,0%,100%,.2);margin:1em 0;padding:0}#casestudy .section-ads iframe{overflow:hidden;background-color:#fff}#casestudy .section-ads .ad-sizes{margin:.5em 0}#casestudy .section-ads .ad-sizes .size-btn{background-color:#103048;display:inline-block;padding:.2em .4em;margin-right:.4em;margin-bottom:.5em;font-weight:700;cursor:pointer}#casestudy .section-ads .ad-sizes .size-btn:hover{background-color:#fff;color:#103048}#casestudy .section-ads .expand-btn>*{display:inline-block}#casestudy .section-ads .expand-btn{cursor:pointer;width:300px}#casestudy .section-ads .expand-btn .icon-arrow{float:right}#casestudy .section-ads .expand-btn .icon-arrow .icon .svg-container{margin-left:.3em;float:right}#casestudy .section-ads .expand-btn .arrow-up .icon .svg-container{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#casestudy .section-ads .expand-btn .arrow-down .icon .svg-container{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#casestudy .section-ads .expand-btn .svg-container{margin:unset;width:20px;height:20px}#casestudy .section-ads .collapsible{overflow:hidden;height:0}#casestudy #home-btn{margin:0;position:absolute;right:2vmin;top:2vmin}#casestudy .footer-section{width:100%}#casestudy .footer-section .up-arrow{margin:0 auto;width:50px;height:50px;right:0;padding:1em;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#casestudy tr td:first-child{font-weight:700;padding-right:.5em}#casestudy .svg-container{display:inline-block;width:30px;height:30px;margin-right:.3em}.loader-spinner{margin:0 auto;height:50px;text-align:center;font-size:10px;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%)}.loader-spinner>div{height:100%;width:8px;display:inline-block;margin-left:2px;background-color:#fff;-webkit-animation:delay 1.4s ease-in-out infinite;animation:delay 1.4s ease-in-out infinite}.loader-spinner .bar1{background-color:#754fa0;-webkit-animation-delay:-1.05s;animation-delay:-1.05s}.loader-spinner .bar2{background-color:#09b7bf;-webkit-animation-delay:-.9s;animation-delay:-.9s}.loader-spinner .bar3{background-color:#90d36b;-webkit-animation-delay:-.75s;animation-delay:-.75s}.loader-spinner .bar4{background-color:#f2d40d;-webkit-animation-delay:-.6s;animation-delay:-.6s}.loader-spinner .bar5{background-color:#fcb12b;-webkit-animation-delay:-.45s;animation-delay:-.45s}.loader-spinner .bar6{background-color:#ed1b72;-webkit-animation-delay:-.3s;animation-delay:-.3s}@-webkit-keyframes delay{0%,50%,to{-webkit-transform:scaleY(0)}20%{-webkit-transform:scaleY(1)}}@keyframes delay{0%,50%,to{width:8px;transform:scaleY(.05);-webkit-transform:scaleY(.05)}20%{width:16px;transform:scaleY(1);-webkit-transform:scaleY(1)}}
/*# sourceMappingURL=main.2d11aa55.chunk.css.map */