@font-face{font-display:swap;font-family:rockwell,sans-serif;font-weight:300;font-style:normal;font-display:swap}body{font-family:proxima-nova,sans-serif;font-weight:400;font-style:normal;font-size:16px;font-display:swap;line-height:1;color:#4f4f4f;background:#fff}h1,h2,h3,h4,h5,h6{font-family:rockwell,sans-serif;font-weight:300;font-style:normal;line-height:1.25em}h1{font-size:48px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-family:proxima-nova,sans-serif;font-style:normal;font-size:20px;font-weight:600}p{font-size:18px;line-height:1.6em}p:not(:last-child){margin-bottom:40px}ul.clearstyle{list-style:none;margin:0;padding:0}.container{position:relative;max-width:1150px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.site-header{background-color:#fff;width:100%;top:0;left:0}.home .site-header{background:#eceded}.site-header .element-logo a{display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/GreyBox-logo.svg);background-repeat:no-repeat;width:161px;height:70px;font-size:0}.site-header .element-nav-control{width:60px;height:60px;cursor:pointer}.site-header .element-nav-control.element-nav-bars{background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/nav-bars.png);background-repeat:no-repeat}.site-header .element-nav-control.element-nav-close{background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/nav-close.png);background-repeat:no-repeat}.site-nav{display:none;background:#fff}.home .site-nav{background:#ebebeb}.site-nav .element-columns{max-width:800px}.site-nav .element-column{width:100%;max-width:245px}.site-nav .element-nav-main li:not(:last-child){margin-bottom:30px}.site-nav .element-nav-main li a{font-family:rockwell,sans-serif;font-weight:300;font-style:normal;font-size:28px;font-weight:300}.site-nav .element-nav-main li.current-menu-item a,.site-nav .element-nav-main li a:hover{font-weight:300;border-bottom:1px solid #4f4f4f}.site-nav .element-nav-heading{font-weight:600;text-transform:uppercase}.site-nav .element-nav-sub li:not(:last-child){margin-bottom:20px}.site-nav .element-nav-sub li.current-menu-item a,.site-nav .element-nav-sub li a:hover{font-weight:700;border-bottom:1px solid #4f4f4f}@media (min-width:1400px){.lets-talk-form{background:#ebebeb;padding-left:100px}}.lets-talk-form .container{background:#d3d3d3;max-width:none;margin:0;padding-left:0;padding-right:0}.lets-talk-form .element-columns{max-width:1150px;margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width:1400px){.lets-talk-form .element-columns{position:relative;left:-50px}}.lets-talk-form .element-heading h2{line-height:1.25em;position:relative;padding-top:80px}.lets-talk-form .element-heading h2:before{content:'';display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/speech-bubble.png);background-repeat:no-repeat;width:54px;height:66px;position:absolute;top:0;left:0}.lets-talk-form .element-form{padding-top:70px}.lets-talk-form .element-form-input,.lets-talk-form .element-form-textarea{font-size:18px;background:#fff0;width:100%;padding:10px 0;border:0;border-bottom:1px solid #444a4e}.lets-talk-form .element-form-input::placeholder,.lets-talk-form .element-form-textarea::placeholder{color:#444a4e}.lets-talk-form .element-form-input:focus::-webkit-input-placeholder,.lets-talk-form .element-form-textarea:focus::-webkit-input-placeholder{opacity:0}.lets-talk-form .element-form-input:focus:-moz-placeholder,.lets-talk-form .element-form-textarea:focus:-moz-placeholder{opacity:0}.lets-talk-form .element-form-input:focus::-moz-placeholder,.lets-talk-form .element-form-textarea:focus::-moz-placeholder{opacity:0}.lets-talk-form .element-form-input:focus:-ms-input-placeholder,.lets-talk-form .element-form-textarea:focus:-ms-input-placeholder{opacity:0}.lets-talk-form .element-form-input:focus::placeholder,.lets-talk-form .element-form-textarea:focus::placeholder{opacity:0}.lets-talk-form .element-form-textarea{height:80px;resize:none}.lets-talk-form .element-form-submit{font-size:18px;font-weight:600;text-transform:uppercase;color:#fff;background:#444a4e;padding:10px 34px;border:1px solid #444a4e;border-radius:20px;cursor:pointer;transition:all 0.25s ease-in}.lets-talk-form .element-form-submit:hover{background:#fff0;color:#444a4e}.site-footer{background:#ebebeb}.site-footer .element-logo a{display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/Footer-Logo.svg);background-repeat:no-repeat;width:55px;height:64px;font-size:0;color:#4f4f4f}.site-footer .element-address,.site-footer .element-contact{font-family:rockwell,sans-serif;font-weight:400;font-style:normal;font-size:15px;line-height:1.4em}.site-footer .element-contact-email{text-decoration:underline}.site-footer .element-review-text{font-size:15px;text-transform:uppercase;color:#000}.hero-front{background-color:#eceded;background-repeat:no-repeat;background-position:center;background-size:80%}@media (min-width:768px){.hero-front{background-size:auto;background-position:top center}}.hero-front .container{display:flex;align-items:center;max-width:960px;height:calc(100vh - 118px)}@media (min-width:1024px){.hero-front .container{align-items:flex-start;height:auto;min-height:722px;padding-top:180px}}.hero-front .container:after{content:'';display:block;background:#444a4e;width:1px;height:280px;position:absolute;left:50%;bottom:-50px}.hero-front h1{font-family:rockwell,sans-serif;font-weight:300;font-style:normal;font-size:45px;line-height:1.25em;margin-bottom:30px}@media (min-width:1024px){.hero-front h1{font-size:55px;line-height:1}}.hero-front p{font-size:16px;line-height:1.75em}@media (min-width:768px){.hero-front p{font-size:18px}}@media (min-width:1024px){.hero-front p{font-size:20px;max-width:700px;margin:0 auto}}.recent-projects .element-heading h2{font-family:proxima-nova,sans-serif;font-style:normal;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.recent-projects .recent-project .element-image a{position:relative;display:block}.recent-projects .recent-project .element-image a:before{content:'';display:block;background:rgb(0 0 0 / .5);width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all 0.25s ease-in}.recent-projects .recent-project .element-image a:hover:before{opacity:1}.recent-projects .recent-project .element-title h3{font-size:24px}.recent-projects .recent-project .element-category{font-size:15px;font-weight:600}.who-we-are{background:#c7edf2}.who-we-are .element-heading h2{font-size:45px;line-height:1.125em}@media (min-width:768px){.who-we-are .element-heading h2{font-size:60px}}@media (min-width:1024px){.who-we-are .element-heading h2{font-size:80px}}@media (max-width:1024px){.who-we-are .element-heading h2 br{display:none}}.who-we-are .element-link a{display:inline-block;font-weight:600;padding-right:80px;position:relative}.who-we-are .element-link a:after{content:'';display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/arrow-long-right.png);background-repeat:no-repeat;width:63px;height:8px;position:absolute;top:50%;right:0;margin-top:-4px}.who-we-are .element-text h3{font-size:24px;line-height:1.125em;margin-bottom:30px}@media (min-width:768px){.who-we-are .element-text h3{font-size:30px}}@media (min-width:1024px){.who-we-are .element-text h3{margin-bottom:50px}}.services .container{max-width:none;padding-right:0;padding-left:0}.services .element-column-dark{background:#444a4e;color:#fff}.services .element-column-light{background:#ebeff1}@media (min-width:1024px){.services .element-column-light .element-column-inner{padding-right:20px;padding-left:60px}}.services .element-column-inner{width:100%;padding:130px 20px 130px 20px}@media (min-width:768px){.services .element-column-inner{max-width:560px}}@media (min-width:1024px){.services .element-column-inner{padding-right:60px}}.services .element-text h3{font-size:24px;line-height:30px;margin-bottom:25px}.services .element-text li:not(:last-child){margin-bottom:20px}.services .element-text li a{text-decoration:underline}.featured-blog-posts .featured-blog-post .element-column-inner{box-shadow:0 0 6px rgb(0 0 0 / .3)}.featured-blog-posts .featured-blog-post .element-column-inner:hover{box-shadow:0 0 32px rgb(0 0 0 / .3)}.featured-blog-posts .element-header{padding:25px 40px 60px}.featured-blog-posts .element-category{font-size:15px;font-weight:700;text-transform:uppercase}.featured-blog-posts .element-title h3{font-size:24px;line-height:1.125em;min-height:120px}@media (max-width:1024px){.featured-blog-posts .element-title h3{font-size:32px}}.featured-blog-posts .element-link{font-size:15px;font-weight:700;text-transform:uppercase;display:block;padding:30px 40px}.page-header .container{padding-top:60px;padding-bottom:35px}.page-header .element-nav ul li{display:inline-block}.page-header .element-nav ul li:not(:last-child){margin-right:30px}.page-header .element-nav ul li a{font-size:20px;font-weight:600;display:block;padding-bottom:10px}.page-header .element-nav ul li.current-menu-item a{border-bottom:1px solid #4f4f4f}.content-section h3:not(:last-child){margin-bottom:20px}.content-section ul:not(:last-child){margin-bottom:40px}.content-section p+ul{margin-top:-20px}.content-section ul li{font-size:18px;line-height:1.6em;padding-left:20px;position:relative}.content-section ul li:before{content:'–';display:block;position:absolute;top:0;left:0}.content-section ul li:not(:last-child){margin-bottom:20px}.content-section .content-introduction .element-columns{position:relative}.content-section .content-introduction .element-columns:before{content:'';display:block;background:#4f4f4f;width:25%;height:1px;position:absolute;top:10px;left:0}.content-section .element-wywsig h3{font-family:proxima-nova,sans-serif;font-weight:400;font-style:normal;margin-bottom:30px}.content-section .element-wywsig img{margin-right:auto;margin-left:auto}.page-id-264 .content-introduction .element-columns:before{display:none}.team-section .element-header{background:#565c5f;color:#fff}.team-section .team-list .element-columns{max-width:740px}.team-section .team-item .element-inner{display:inline-block;cursor:pointer}.team-section .team-item p{font-size:15px}.team-section .team-item-popup{display:none;position:fixed;background:#dddedf;width:100%;max-width:1360px;top:50%!important;left:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:8010}.team-section .team-item-popup .element-inner{width:100%;max-width:1130px;max-height:100vh;overflow-y:auto;margin-left:auto;padding:60px;position:relative}@media (min-width:1024px){.team-section .team-item-popup .element-inner{padding:150px}}.team-section .team-item-popup .element-close{background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/nav-close.png);background-repeat:no-repeat;width:60px;height:60px;position:absolute;top:30px;right:30px;cursor:pointer}@media (min-width:1024px){.team-section .team-item-popup .element-close{top:60px;right:70px}}.team-section .team-item-popup .element-title h3{font-size:40px}.team-section .team-item-popup .element-description p{font-family:rockwell,sans-serif;font-weight:300;font-style:normal;font-size:20px;line-height:1.8em}.awards-section .element-header{background:#ebebeb}.awards-section .awards-list .element-column{width:100%;max-width:320px}.awards-section .awards-item p{font-size:16px}.site-button{max-width:255px}.site-button a{display:block;font-family:rockwell,sans-serif;font-weight:300;font-style:normal;font-size:30px;line-height:1;padding-top:30px;padding-bottom:45px;border-top:1px solid #444a4e;position:relative}.site-button a:after{content:'';display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/arrow-long-right.png);background-repeat:no-repeat;width:63px;height:8px;position:absolute;bottom:0;left:0}.site-button a span{transition:all 0.25s ease-in}.site-button a:hover span{background:#ebebeb}.alm-btn-wrap{max-width:255px;margin-top:40px}.alm-btn-wrap .alm-load-more-btn{display:block;font-family:rockwell,sans-serif;font-weight:300;font-style:normal;font-size:30px;line-height:1;padding-top:30px;padding-bottom:45px;border-top:1px solid #444a4e;position:relative}.alm-btn-wrap .alm-load-more-btn:before{content:'';display:block;background:#ebebeb;width:100%;height:37px;position:absolute;z-index:-1;opacity:0;transition:all 0.25s ease-in}.alm-btn-wrap .alm-load-more-btn:hover:before{opacity:1}.alm-btn-wrap .alm-load-more-btn:after{content:'';display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/arrow-long-right.png);background-repeat:no-repeat;width:63px;height:8px;position:absolute;bottom:0;left:0}.blog-list .blog-item .element-column-inner{box-shadow:rgb(28 30 38 / .12) 0 1px 6px,rgb(28 30 38 / .12) 0 1px 4px}.blog-list .blog-item .element-column-inner:hover{box-shadow:0 0 32px rgb(0 0 0 / .3)}.blog-list .element-header{padding:20px 30px 60px}.blog-list .element-image img{width:100%}.blog-list .element-category{font-size:15px;font-weight:700;text-transform:uppercase}.blog-list .element-title h3{font-size:24px;line-height:1.125em;height:85px;overflow:hidden}.blog-list .element-link{font-size:15px;font-weight:700;text-transform:uppercase;display:block;padding:20px 30px}.work-filters .element-label{display:inline-block;font-size:22px;font-weight:600}.work-filters .element-filter{display:inline-block;position:relative;font-size:22px;font-weight:600}.work-filters .element-filter .element-filter-active{text-transform:capitalize;border-bottom:1px solid #dadbdc;cursor:pointer}.work-filters .element-filter .element-filter-select{display:none;background:#d3d3d3;position:absolute;top:30px;z-index:8000;padding:15px;white-space:nowrap}.work-filters .element-filter .element-filter-option{font-size:18px;font-weight:300;cursor:pointer}.work-filters .element-filter .element-filter-option:not(:last-child){margin-bottom:10px}.work-list .work-item .element-category{font-size:14px;font-weight:600;text-transform:uppercase}.work-list .work-item a{display:block;position:relative}.work-list .work-item a:before{content:'';display:block;background:rgb(0 0 0 / .5);width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all 0.25s ease-in}.work-list .work-item a:hover:before{opacity:1}.content-callout{background:#444a4e;color:#fff}.content-callout .callout-button a{font-size:18px;font-weight:600;text-transform:uppercase;color:#444a4e;display:inline-block;background:#fff;padding:12px 36px;border-radius:20px;cursor:pointer}.content-image-text.text-white{color:#fff}.content-image-text .element-image{max-width:155px}.content-video-tutorial .element-quote h3{line-height:1.6em}.content-video-tutorial .element-quote h3{line-height:1.6em}.content-video-tutorial .element-video-thumbnail img{cursor:pointer}.content-video-tutorial .element-video-iframe{display:none}.content-video-breakdown .element-columns:not(:last-child){margin-bottom:80px!important}.content-video-breakdown img{max-width:120px}.faq-item{position:relative;padding:20px 20px 20px 0;border-top:1px solid #d8dada}.faq-item:last-child{border-bottom:1px solid #d8dada}.faq-item .faq-question{cursor:pointer;position:relative}.faq-item .faq-question:after{content:'';display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/faq-arrow.png);background-repeat:no-repeat;width:14px;height:21px;position:absolute;top:0;right:0}.faq-item .faq-answer{display:none;margin-top:10px}.content-cta-buttons .site-button{max-width:none}.content-cta-buttons .site-button span{display:block;font-family:proxima-nova,sans-serif;font-style:normal;font-size:16px;font-weight:700;margin-bottom:10px}.content-image-gallery .element-image:not(:last-child){margin-bottom:150px}.content-testimonial{background:#ebebeb}.content-testimonial .element-quote{position:relative;padding-top:90px}.content-testimonial .element-quote:before{content:'';display:block;background-image:url(https://www.greyboxcreative.com/wp-content/themes/greyboxcreative/assets/img/testimonial-quote.png);background-repeat:no-repeat;background-size:cover;width:28px;height:22px;position:absolute;top:0;left:50%;margin-left:-14px}.content-testimonial .element-quote:after{content:'';display:block;background:#444a4e;width:160px;height:1px;position:absolute;top:45px;left:50%;margin-left:-80px}.mfp-controls-custom{padding-top:40px}.mfp-close-custom{font-size:16px;line-height:1;color:#16c2d4;text-transform:uppercase;padding:10px 20px;border:1px solid #16c2d4;border-radius:20px;cursor:pointer}.mfp-title-custom{font-size:14px;color:#fff;padding:0}.mfp-nav-custom-item{font-size:16px;line-height:1;color:#444a4e;background:#e5e5e5;padding:10px 20px;border-radius:20px;cursor:pointer}.mfp-nav-custom-item:hover{color:#e5e5e5;background:#444a4e}.design-approval{display:none;position:absolute;z-index:8010}.design-approval .element-overlay{position:fixed;top:0;left:0;z-index:8009;background:rgb(0 0 0 / .75);width:100%;height:100%}.design-approval .element-inner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8010;background:#fff;width:100%;max-width:625px;padding:50px;text-align:center}.design-approval .element-heading h5{font-size:24px;text-transform:uppercase}.design-approval-show,.design-approval-submit{font-size:16px;line-height:1;color:#fff;text-transform:uppercase;background:#17c3d5;padding:10px 20px;border-radius:20px}.design-approval-submit{width:100%;max-width:185px}.scroll-off{height:100%;overflow:hidden}@media (min-width:1600px){.page-template-service .content-section .element-row{padding-left:210px}}.page-template-service .content-section .element-row .container{max-width:none;margin:0;padding-left:0;padding-right:0}.page-template-service .content-section .element-row .container>.element-columns{max-width:1150px;margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width:1600px){.page-template-service .content-section .element-row .container>.element-columns{position:relative;left:-100px}}.page-template-service .content-callout{background:none}.page-template-service .content-callout .container{background:#444a4e}@media (min-width:1600px){.page-template-service .content-callout:last-child{margin-bottom:140px}}.content-website-requests .element-title{font-size:18px;font-weight:700}.content-website-requests .element-list li:not(:last-child){margin-bottom:5px}.content-website-requests .element-list li:before{content:'›'}.downloads-and-links .element-row:not(:last-child){margin-bottom:60px}.downloads-and-links .element-list ul{list-style:disc;padding-left:20px}.downloads-and-links .element-list li{font-size:18px}.downloads-and-links .element-list li:not(:last-child){margin-bottom:15px}.downloads-and-links .element-list a{font-weight:700;color:#4f4f4f}.downloads-and-links .external-links .element-list li:not(:last-child){margin-bottom:40px}.work-template-default .content-section .content-wywsig:first-child{background:#eaebed}.work-template-default .content-section .content-wywsig:first-child+.content-image-full-width{position:relative}.work-template-default .content-section .content-wywsig:first-child+.content-image-full-width:before{content:'';display:block;background:#eaebed;width:100%;height:50%;position:absolute;top:0;left:0;z-index:-1}.work-template-default .content-section .content-wywsig:first-child+.content-image-full-width .element-image{max-width:85%}.swipe-overlay,.swipe-overlay-2{background:#c7edf2;width:100%;height:100%;position:fixed;top:0;left:0;z-index:8009;display:none}.swipe-overlay-2{display:block;background:#ebeff1;z-index:8008}.page-template-contact .content-section .content-introduction .container{padding-top:2.5em}.page-template-contact .content-section .content-introduction .element-columns{justify-content:flex-start;padding-top:30px}.single-post .post-header .container,.single-post .hero .element-image{max-width:1080px}.single-post .hero .element-image{margin:0 auto;padding-right:20px;padding-left:20px}.logo-library-introduction{background-color:#444a4e;padding-top:90px;padding-bottom:90px}@media (max-width:678px){.logo-library-introduction{padding-top:45px;padding-bottom:45px}}.logo-library-introduction p{font-family:rockwell,sans-serif;font-weight:300;font-style:normal;font-size:30px;color:#fff;display:block;max-width:770px;margin-left:auto;margin-right:auto}@media (max-width:678px){.logo-library-introduction p{font-size:22px}}