/*!/wp-content/themes/agency20/style.css*/@charset "UTF-8";
/*!
Theme Name: Agency 20
Theme URI: http://artikelandswint.co.nz
Description: Custom theme design by Artikel and Swint.
Author: Artikel and Swint
Author URI: http://artikelandswint.co.nz
Version: 1.0
*/*{box-sizing:border-box;font-family:"Montserrat",sans-serif}body,html{margin:0;padding:0;height:100%}body{position:relative}h1,h2,h3,p{margin:0}.img-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.img-contain{background-repeat:no-repeat;background-size:contain;background-position:center}.header-logo-container{z-index:1000;background-color:#092f6c;border-radius:50%;position:absolute;left:-50px;top:-120px;width:260px;height:260px;-webkit-user-select:none;user-select:none}.header-logo-container img{position:absolute;right:20px;bottom:60px;max-width:180px}.header-menu-bg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:100;transition:background-color 0.3s}.header-menu-bg.active{background-color:rgba(0,0,0,.75)}.header-menu-bg.hidden{display:none}.header-menu-container{z-index:1000;background:#121c4f;background:linear-gradient(90deg,#121c4f 0%,#120f25 100%);position:fixed;right:0;top:0;color:#FFF;height:100%;transform:translateX(0%);transition:transform 0.3s}.header-menu-container.hidden{transform:translateX(100%)}.header-menu-container .mobile-title{display:none}.header-menu-container .menu-close-button-container{position:absolute;top:20px;right:20px;color:#FFF;font-size:35px;cursor:pointer;transition:color 0.3s}.header-menu-container .menu-close-button-container:hover{color:#e2eaff}.header-menu-container .menu-display-container{display:flex;align-items:center;justify-content:center;height:100%;padding:0 40px}.header-menu-container .menu-display-container .menu-main-menu-container{font-size:40px;text-align:right;-webkit-user-select:none;user-select:none}.header-menu-container .menu-display-container .menu-main-menu-container ul{padding-left:0;list-style:none}.header-menu-container .menu-display-container .menu-main-menu-container li{margin:20px 0;list-style:none}.header-menu-container .menu-display-container .menu-main-menu-container li.nolink{cursor:default}.header-menu-container .menu-display-container .menu-main-menu-container a{font-weight:600;text-decoration:none;color:#fff;transition:color 0.3s}.header-menu-container .menu-display-container .menu-main-menu-container a:hover{color:#e2eaff}.header-menu-container .menu-display-container .menu-main-menu-container .sub-menu{display:flex;font-size:18px}.header-menu-container .menu-display-container .menu-main-menu-container .sub-menu li{margin:0;padding:10px 20px}.header-menu-container .menu-display-container .menu-main-menu-container .sub-menu li a{font-weight:300}.header-menu-container .menu-toggle-container{transform:translate(0,-50%);top:50%;transition:left 0.2s;width:50px;cursor:pointer;position:absolute;left:-40px;background-color:#121c4f;font-size:34px;padding:15px;border-top-left-radius:40px;border-bottom-left-radius:40px}.header-menu-container .menu-toggle-container:hover{left:-50px}@media only screen and (max-width:600px){.header-menu-container{width:100%}.header-menu-container .desktop-title{display:none}.header-menu-container .mobile-title{display:block}.header-menu-container .menu-display-container .menu-main-menu-container ul{position:fixed;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);margin:0}.header-menu-container .menu-display-container .menu-main-menu-container ul li{display:block;margin:5px 0}.header-menu-container .menu-display-container .menu-main-menu-container ul li a{font-size:26px}.header-menu-container .menu-display-container .menu-main-menu-container ul .sub-menu{display:inline-block;position:relative;transform:unset;left:unset;top:unset}.header-menu-container .menu-display-container .menu-main-menu-container ul .sub-menu a{font-size:22px;font-style:italic}}@media only screen and (max-width:400px){.header-logo-container{top:0;height:70px;border-radius:0;border-bottom-right-radius:20px}.header-logo-container img{bottom:16px}.header-menu-container .menu-toggle-container{width:10px;left:-25px;display:flex;align-items:center;justify-content:center;border-top-left-radius:20px;border-bottom-left-radius:20px}}@media only screen and (min-width:2000px){.banner-image-text-container .banner-text-container p{max-width:100%!important;font-size:3.7vw!important}}@media only screen and (max-width:1533px){.banner-image-text-container .banner-text-container p{max-width:70%}}@media only screen and (max-width:1230px){.banner-image-text-container .banner-text-container p{font-size:45px!important;margin:0!important;max-width:620px}}.banner-image-text-container{overflow:hidden;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100vh;z-index:80;position:relative;-webkit-clip-path:polygon(0 calc(100% - 50px),0 0,100% 0,100% calc(100% - 50px),calc(50% + 50px) calc(100% - 50px),50% 100%,calc(50% - 50px) calc(100% - 50px));clip-path:polygon(0 calc(100% - 50px),0 0,100% 0,100% calc(100% - 50px),calc(50% + 50px) calc(100% - 50px),50% 100%,calc(50% - 50px) calc(100% - 50px));background-attachment:fixed}.banner-image-text-container:after{z-index:30;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#092f6c;background:linear-gradient(353deg,#121c4f 0%,rgba(18,15,37,0) 70%)}.banner-image-text-container .banner-text-container{-webkit-user-select:none;user-select:none;margin-bottom:50px;width:80%;max-width:1200px;color:#fff;font-weight:600;z-index:50;position:relative;font-size:95px;padding-bottom:15vh;text-transform:capitalize}.banner-image-text-container .banner-text-container p{margin:0 auto;font-size:4vw}.banner-margin-correct{display:block;width:100%;height:1px;margin-bottom:-51px}@media only screen and (max-width:860px){.banner-image-text-container .banner-text-container{font-size:60px}}@media only screen and (max-width:640px){.banner-image-text-container .banner-text-container{font-size:12vw}}.text-content-over-image-container{position:relative}.text-content-over-image-container .all-content-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:flex-end;justify-content:center;background-attachment:fixed}.text-content-over-image-container .all-content-container .overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.text-content-over-image-container .all-content-container .text-content{z-index:2;position:relative;margin-bottom:10%;width:80%;max-width:1200px;display:flex;flex-flow:column}.text-content-over-image-container .all-content-container .text-content h3{font-size:50px;margin-bottom:30px;text-transform:capitalize!important}.text-content-over-image-container .all-content-container .text-content p{font-size:22px;margin:20px 0;max-width:630px;line-height:1.4}@media only screen and (min-width:801px){.text-content-over-image-container .all-content-container{background-position:30% center}}@media only screen and (max-width:660px){.text-content-over-image-container .all-content-container .text-content{width:80%}.text-content-over-image-container .all-content-container .text-content h3{font-size:9vw}.text-content-over-image-container .all-content-container .text-content p{font-size:20px;margin-top:0}}@media only screen and (max-width:500px){.text-content-over-image-container .all-content-container .text-content p{font-size:18px}}@media only screen and (max-width:380px){.text-content-over-image-container .all-content-container .text-content p{font-size:16px}}@media only screen and (min-width:2000px){.text-content-over-image-container .large-text h1{font-size:3.7vw;max-width:100%!important}}.text-content-over-image-container .large-text h1{font-size:3.7vw;max-width:880px}@media only screen and (max-width:1533px){.text-content-over-image-container .large-text h1{font-size:3.7vw}}@media only screen and (max-width:1230px){.text-content-over-image-container .large-text h1{font-size:6vw;padding-bottom:20%}}@media only screen and (max-width:580px){.text-content-over-image-container .large-text h1{font-size:10vw;padding-bottom:50%}}.fullwidth-textbox-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-attachment:fixed}.fullwidth-textbox-container .text-contents-container{width:85%;height:60%;max-width:1200px;display:flex}.fullwidth-textbox-container .text-contents-container .text-contents{margin:0 auto;max-width:90%}.fullwidth-textbox-container .text-contents-container .text-contents h3{font-size:42px;margin-bottom:20px}.fullwidth-textbox-container .text-contents-container .text-contents p{margin-top:20px;line-height:1.6;font-size:22px}@media only screen and (max-width:900px){.fullwidth-textbox-container .text-contents-container .text-contents p{font-size:22px!important}}@media only screen and (max-width:420px){.fullwidth-textbox-container .text-contents-container{width:95%}.fullwidth-textbox-container .text-contents-container .text-contents h3{font-size:32px!important}.fullwidth-textbox-container .text-contents-container .text-contents p{font-size:16px!important}}.recent-work-container{display:flex;margin:-1px auto;width:100%;flex-wrap:wrap}.recent-work-container .recent-work-item{position:relative;width:50%;padding-bottom:28.33%;transition:0.4s}.recent-work-container .recent-work-item.bg-1{background-color:#fcfcfc}.recent-work-container .recent-work-item.bg-2{background-color:#e6e6e6}.recent-work-container .recent-work-item.bg-3{background-color:#e6e6e6}.recent-work-container .recent-work-item.bg-4{background-color:#eef0f2}.recent-work-container .recent-work-item:nth-of-type(3n){background-color:#f3f3f3}.recent-work-container .recent-work-item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:background-color 0.3s;background-color:rgba(0,0,0,0)}.recent-work-container .recent-work-item.small{padding-bottom:46.8%;width:20%}.recent-work-container .recent-work-item.small:after{background-color:rgba(0,0,0,.6)}.recent-work-container .recent-work-item.large{width:80%;padding-bottom:53.2%;background-color:rgba(0,0,0,0)!important}.recent-work-container .embed-container{background-color:#FFF;position:relative;width:50%}.recent-work-container .embed-container iframe{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}@media only screen and (max-width:1400px){.recent-work-container{flex-direction:column}.recent-work-container .recent-work-item{width:100%;padding-bottom:66.66%}.recent-work-container .embed-container{padding-top:56.25%;width:100%}}.contact-pg-body-container{min-height:400px;padding:160px 0 80px 0;position:relative}.contact-pg-body-container:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(18,27,76,.6)}.contact-pg-body-container .contact-content-container{position:relative;z-index:99;width:95%;max-width:800px;margin:0 auto;padding:20px;background-color:#FFF;border-radius:20px}.contact-pg-body-container .contact-content{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:80%;margin:0 auto}.contact-pg-body-container .contact-content h1{width:100%;font-size:45px;margin:0}.contact-pg-body-container .wpcf7-form{display:flex;flex-wrap:wrap;justify-content:space-between}.contact-pg-body-container .wpcf7-form label{font-size:22px;display:inline-block;width:45%;margin:20px 0}.contact-pg-body-container .wpcf7-form label:nth-of-type(3){width:100%}.contact-pg-body-container .wpcf7-form input,.contact-pg-body-container .wpcf7-form textarea{border:none;border-bottom:2px solid grey;font-size:16px;padding:10px;width:100%;background-color:#f7f7f7;margin-top:15px}.contact-pg-body-container .wpcf7-form textarea{padding:20px}.contact-pg-body-container .wpcf7-form .wpcf7-submit{border:none;cursor:pointer;background:linear-gradient(90deg,#121c4f 0%,#120f25 100%);padding:10px 20px;border-radius:20px;width:auto;color:#fff;font-weight:600;font-size:20px;margin:0}.contact-pg-body-container .wpcf7-form .wpcf7-not-valid-tip{font-size:16px;margin-top:5px}.contact-pg-body-container .wpcf7-form .wpcf7-response-output{width:100%;border:none;text-align:center;font-style:italic}.contact-pg-body-container .wpcf7-form .wpcf7-validation-errors{color:red}.contact-pg-body-container .wpcf7-form .wpcf7-mail-sent-ok{color:green}.contact-pg-body-container .contact-alt-text-container{width:100%;padding:20px 0;color:grey}.contact-pg-body-container .contact-alt-text-container a{font-weight:600;text-decoration:none;color:#092f6c;transition:color 0.3s}.contact-pg-body-container .contact-alt-text-container a:hover{color:#2556a5}@media only screen and (max-width:540px){.contact-pg-body-container .contact-content{max-width:97%}.contact-pg-body-container .wpcf7-form label{width:100%}}.client-logos-container{background-color:#FFF;max-width:1080px;width:80%;display:flex;margin:100px auto 80px;flex-wrap:wrap;justify-content:start}.client-logos-container .client-logo-item{background:linear-gradient(90deg,#e4e4e4 0%,white 100%);margin:5px;width:350px;height:150px;display:flex;align-items:center;justify-content:center}.client-logos-container .client-logo-item.empty{background:unset}.client-logos-container .client-logo-item .img-bg{width:90%;height:90%}.client-logos-container .separator{margin:160px 0 20px;width:100%;height:3px;flex-basis:100%;background-color:#092f6c;position:relative}.client-logos-container .separator span{position:absolute;left:0;font-size:40px;transform:translateY(-110%);font-weight:600;color:#121c4f;padding-left:30px}@media only screen and (max-width:1370px){.client-logos-container{max-width:720px}}@media only screen and (max-width:920px){.client-logos-container{max-width:360px}.client-logos-container .separator span{font-size:30px}}.speech-bubble-content-container{background-color:#e5e5e5;padding:50px 0;overflow-x:hidden}.speech-bubble-content-container .content-box{padding:20px;border-radius:30px;background-color:#FFF;margin:60px auto;width:85%;max-width:1200px;display:flex;transition:transform 1s,opacity 1s;opacity:0}.speech-bubble-content-container .content-box.even{transform:translateX(-100%)}.speech-bubble-content-container .content-box.odd{transform:translateX(100%)}.speech-bubble-content-container .content-box.visible{transform:translateX(0)!important;opacity:1}.speech-bubble-content-container .content-box .text-content{width:60%;padding:40px;display:flex;justify-content:center;align-items:left;flex-direction:column}.speech-bubble-content-container .content-box .text-content h3{color:#092f6c;font-size:48px;margin-bottom:20px}.speech-bubble-content-container .content-box .text-content p{line-height:1.4;font-size:18px;color:grey}.speech-bubble-content-container .content-box .image-container{width:40%;min-height:300px;border-radius:30px}@media only screen and (max-width:800px){.speech-bubble-content-container .content-box{flex-direction:column!important}.speech-bubble-content-container .content-box .text-content{padding:0 0 20px 0;width:100%;text-align:center}.speech-bubble-content-container .content-box .text-content h3{font-size:38px}.speech-bubble-content-container .content-box .image-container{width:100%}}.rss-container{display:block;position:relative;height:0}.rss-container .mobile-rss-button{display:none;position:fixed;z-index:998;right:20px;bottom:20px;padding:10px 20px;border-radius:20px;font-size:24px;color:#121c4f;justify-content:center;align-items:center;background-color:#FFF;cursor:pointer;filter:drop-shadow(1px 5px 4px rgba(10,10,10,.4))}.rss-container .mobile-rss-button span{font-size:18px;font-weight:600;padding-left:10px}.rss-container .mobile-rss-button i{font-size:16px}.rss-container .rss-contents{position:fixed;bottom:0;right:70px;z-index:998;width:95%;max-width:750px;display:flex;align-items:flex-end;justify-content:space-around}.rss-container .rss-contents .feed-container{filter:drop-shadow(2px 6px 6px rgba(10,10,10,.82));max-height:500px;overflow:hidden;background-color:#FFF;color:#092f6c;text-align:center;border-top-left-radius:20px;border-top-right-radius:20px;transition-timing-function:ease-in-out;transition:max-height 0.4s}.rss-container .rss-contents .feed-container .rss-title-container{cursor:pointer}.rss-container .rss-contents .feed-container .rss-title-container h4{display:inline-block;margin:0;padding:10px;font-size:20px}.rss-container .rss-contents .feed-container.hidden{max-height:42px}.wp-rss-template-container{background-color:#FFF;width:300px;max-height:40vh;overflow-y:auto;text-align:left}.wp-rss-template-container ul{margin:0;padding:0}.wp-rss-template-container ul li{margin:0!important;position:relative;font-size:16px;color:#000;background:#f9f9f9}.wp-rss-template-container ul li:nth-child(2n){background:#efefef}.wp-rss-template-container ul li a{display:flex;align-items:center;justify-content:center;padding:10px 10px 40px 10px;text-decoration:none;color:#31393e;font-size:15px;line-height:1.2}.wp-rss-template-container ul li a:before{content:"";font-family:FontAwesome;padding-right:10px}.wp-rss-template-container ul li .feed-source{display:none}.wp-rss-template-container ul li .time-ago{width:100%;text-align:right;display:block;position:absolute;bottom:10px;right:5px;font-style:italic;font-size:13px;color:#6c7479}.rss-container.open{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:9999;background:#00000052}.rss-container.mobile .mobile-rss-button{display:flex}.rss-container.mobile .rss-contents{display:none}.rss-container.mobile .rss-contents.visible{filter:drop-shadow(2px 6px 6px rgba(10,10,10,.82));display:block;z-index:99999;width:90%;left:5%;right:unset;max-width:unset;top:20px;height:80%}.rss-container.mobile .rss-contents.visible .rss-2{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.rss-container.mobile .rss-contents.visible .feed-container{max-height:unset;height:50%;filter:unset;display:flex;flex-direction:column}.rss-container.mobile .rss-contents.visible .feed-container .rss-title-container{background-color:#092f6c;color:#FFF}.rss-container.mobile .rss-contents.visible .feed-container .wp-rss-template-container{width:100%;max-height:unset;height:100%}.footer{z-index:999;position:relative;background:#121c4f;background:linear-gradient(90deg,#121c4f 0%,#120f25 100%);width:100%}.footer-text-container{padding:20px;width:100%;height:auto;display:flex;justify-content:center;align-items:center}.footer-text-item{color:#FFF;display:inline-block;width:33.33%;max-width:350px;padding:20px}.footer-text-item a{font-weight:600;color:#FFF;transition:color 0.3s}.footer-text-item a:hover{color:#cacaca}.footer-text-item h3{font-size:20px;margin-bottom:10px!important}.footer-text-item p{line-height:1.4}.footer-text-item.logo{width:270px;display:flex;justify-content:center;align-content:center}.footer-text-item.logo img{width:100%;height:auto;padding:10px;align-self:center}.hr{margin:0 20px;width:2px;height:160px;background-color:#FFF}.footer-logos{background-color:#FFF;width:100%}.footer-logos-container{margin:0 auto;width:95%;max-width:1200px;display:flex;padding:10px;flex-wrap:wrap;justify-content:space-around}.footer-logos-container img{height:auto;width:100%;align-self:center;max-width:180px;max-height:80px}@media screen and (max-width:980px){.footer-logos-container{height:auto;flex-flow:wrap;justify-content:center}.footer-logos-container img{margin:5px}}@media screen and (max-width:820px){.footer-text-container{display:block;height:auto!important}.footer-text-item{width:49%;max-width:inherit;text-align:center;vertical-align:top}.footer-text-item.logo{text-align:left;width:100%!important;margin:0 auto;max-width:300px!important}.hr{height:2px;width:80%;margin:20px auto;max-width:200px}}@media screen and (max-width:540px){.footer-text-item{width:100%}}.first-element-after-banner{padding-top:50px}.menu-hidden{display:none}.bg-attached.safari{background-attachment:unset!important}