@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;900&family=Mukta&display=swap);:root{--black:#000;--white:#fff;--blue:#0099da}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{background:0 0;border:0;margin:0;padding:0;vertical-align:baseline;font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:23px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 0 var(--white) inset!important}input:-webkit-autofill{-webkit-text-fill-color:var(--white)!important;-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}@-webkit-keyframes autofill{to{color:var(--white);background:#383838}}body,html{position:relative;width:100%;height:100%}body{margin-top:20px}p{margin-bottom:10px}h1,h2,h3,h4,h5,h6{clear:both;font-weight:400}img{max-width:100%}h1{font-size:24px;font-weight:700}ol,ul{margin-left:20px;padding-left:5px}blockquote{quotes:none}blockquote:after,blockquote:before{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}a img.alignright{float:right;margin:0 0 1em 1em}a img.alignleft{float:left;margin:0 1em 1em 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.logo{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}a:hover,a:link,a:visited{color:var(--blue);text-decoration:none}a.button{display:inline-block;padding:10px 15px;background:var(--black);color:var(--white);cursor:pointer}a.button:hover{color:var(--white);background:#4e4e4e}.acf-map{width:100%;height:300px;border:1px solid #ccc;margin:20px 0}input,select,textarea{box-sizing:border-box;border:1px solid #e0e0e0;font-family:inherit}#savetarget{padding:0;margin:0;border:0;display:block;width:0;height:0}.ninesixty{width:100%;max-width:1300px;position:relative;margin:0 auto;box-sizing:border-box}.site-main{background:var(--white);padding:0;top:0;z-index:9;max-width:1300px;margin:0 auto;min-height:100%;display:block;clear:both}.clear{clear:both}.cl5{height:5px}.cl10{height:10px}.cl20{height:20px}.cl30{height:30px}.cl40{height:40px}.cl50{height:50px}.cl60{height:60px}.cl70{height:70px}.cl80{height:80px}.cl90{height:90px}.cl100{height:100px}.smartphoneonly{display:none}a,a.button,a:after,div,input,span,svg{transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s}#map div,.about_image,.mapdiv,.mapdiv div,div#map{transition:none;-webkit-transition:none;-o-transition:none;-moz-transition:none}::selection{background:#2bbbdb;color:var(--white)}::-moz-selection{background:#2bbbdb;color:var(--white)}.wp-block-columns{margin:20px 0;display:flex}.wp-block-column{margin:0 0 0 40px;flex:1;text-align:justify}.wp-block-image{width:1300px;position:relative;left:-80px}.coverlink{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:110}.plogo .coverlink{position:relative;}.nodisp{display:none!important}.contactbutton{display:block;position:fixed;right:60px;z-index:99;bottom:180px;width:142px;height:142px;background:#17e2ef;border-radius:50%;color:#fff;animation-delay:.7s;animation-duration:1s;animation-fill-mode:both;animation-name:rotate;animation-timing-function:linear;animation-iteration-count:2}.page-template-contact .contactbutton{display:none}@keyframes rotate{0%,100%{transform:rotate(0) scalex(1)}12%,25%{transform:rotate(19deg) scale(1.1)}17%{transform:rotate(15deg) scale(1)}33%{transform:rotate(0) scale(1)}}.contactbutton span{color:#fff;font-size:39px;line-height:.85em;max-width:80%;font-weight:700;position:relative;display:block;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);text-align:center}.contactbutton.cbscrolled{bottom:150px}.spalshscreen{position:fixed;z-index:999999;width:100%;height:100%;display:block;top:0;animation-delay:0s;animation-duration:1s;animation-fill-mode:both;animation-name:showsplash;animation-timing-function:linear;animation-iteration-count:1;transform:scale(.5);border:20px solid #fff;box-sizing:border-box;background:#00c978;background:-moz-linear-gradient(45deg,#00c978 0,#00adea 100%);background:-webkit-linear-gradient(45deg,#00c978 0,#00adea 100%);background:linear-gradient(45deg,#00c978 0,#00adea 100%)}@keyframes showsplash{0%{transform:scale(0);opacity:0}40%{opacity:1}100%,80%{transform:scale(1)}}.closesplash:before{content:"\2715";position:absolute;right:70px;top:70px;font-size:42px;cursor:pointer}.logo_white{display:block;width:210px;height:100px;background:url(img/logo_white.svg) no-repeat;margin:0 auto}.spalshscreen *{color:#fff;font-size:18px;line-height:26px}.splash_content{max-width:500px;width:100%;margin:0 auto;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spash_bottom span{display:block;margin:0 auto;width:100%}.spash_bottom span:first-of-type{text-align:center;margin-top:70px;font-weight:700;line-height:13px;font-size:17px}.together{background:#fff;max-width:104px;margin-top:10px!important;display:block;color:#00bea6;text-align:center;font-weight:700;font-size:14px}.spash_bottom .tcs{font-size:30px;text-align:center;margin:14px 0}.cta_banner{padding:124px 0}.cta_banner *{color:var(--white)}.cta_banner.gradient{background:#00c978;background:-moz-linear-gradient(45deg,#00c978 0,#00adea 100%);background:-webkit-linear-gradient(45deg,#00c978 0,#00adea 100%);background:linear-gradient(45deg,#00c978 0,#00adea 100%)}.cta_banner.green{background:#00c978}.cta_banner.image{background-size:cover!important;background-position:50%!important}.cta_banner h2{font-weight:100;font-size:65px;line-height:60px}.cta_content{margin-top:30px}a.cta_button{color:inherit;text-transform:uppercase;border:1px solid var(--white);padding:10px 34px;display:inline-block;margin-top:30px;font-size:12px;font-weight:600}a.cta_button:hover{background:#fff;color:#000}.services{margin-top:105px}.services .service_block{display:grid;grid-template-columns:1.5fr 3fr;margin-bottom:90px}.services .service_block:last-of-type{margin-bottom:0}.sb_title{font-weight:900;font-size:28px;line-height:32px}.service_block_items{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px}.service_block_items *{font-size:16px}.introduction{margin-top:70px}.introduction *{font-size:20px;line-height:30px;font-weight:600}.main_title{margin-top:100px}.main_title *{font-size:55px;line-height:60px}.header_banner{height:350px;margin:0 20px;position:relative;display:block;background:#00c978;background:-moz-linear-gradient(45deg,#00c978 0,#00adea 100%);background:-webkit-linear-gradient(45deg,#00c978 0,#00adea 100%);background:linear-gradient(45deg,#00c978 0,#00adea 100%)}.header_banner .ninesixty{min-height:100%}.hb_title{position:absolute;bottom:57px}.header_banner h1{display:block;width:100%}.hb_title,.hb_title *,.header_banner h1,.header_banner h1 *{color:#fff;font-size:55px;line-height:55px;font-weight: normal;}.single-post .hb_title{width:90%;bottom:0}.hb_title h1{font-weight:inherit}.twocolbanner{margin:100px auto}.blocktitle{font-size:36px;font-weight:900;line-height:40px;margin-bottom:40px;text-align:center;display:block}.blocktitle:after{content:"";height:10px;width:60px;display:block;background:#000;position:relative;left:50%;transform:translateX(-50%);margin:20px 0 70px}.bold_intro{font-weight:700;text-align:center;font-size:16px;padding-bottom:20px}.gird_2_col{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px}.gird_2_col *{font-size:15px}.threeboxbanner{padding:155px}.threeboxbanner .blocktitle{font-size:26px;font-weight:600}.threeboxbanner .blocktitle:after{display:none}.gird_3_col{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.tbox{min-height:420px;position:relative}.tbox span,.tbox span *{font-size:36px;font-weight:900;text-transform:uppercase;line-height:40px;display:block;position:absolute;width:100%;text-align:center;top:50%;transform:translateY(-50%)}.blockoutro{max-width:940px;margin:40px auto 0;text-align:center;font-weight:600}.logobanner{margin:20px 0;background:#eceded;padding:50px 0}.logos_grid{display:grid;align-items:center;grid-template-columns: repeat(5,1fr);}.plogo img{max-width:80%;max-height: 109px;}.topborder .ninesixty{border-top:2px solid var(--black);padding-top:110px}.home_contact{padding:123px 0}.home_contact_grid{display:grid;grid-template-columns:.85fr 1.1fr 2.1fr;grid-gap:47px}.hcg_title{font-size: 45px;font-weight:900;line-height: 48px;}.hcg_contact{max-width:90%}.phone{font-size:26px;font-weight:900;font-family:Mukta;display:block;margin-bottom:30px;}.hcg_block span{padding-bottom:10px;border-bottom:4px solid;font-weight: 900;display:block;margin-bottom: 20px;font-size: 17px;}.address{font-family:Mukta;font-weight:600;border-top:4px solid;display:block;padding-top: 18px;margin-top:30px;}#map{display:block;width:100%;height: 420px;}.home_graphic{display:block;width:calc(100% - 40px);height:940px;background:url(img/home-graphic.svg) 50%/cover no-repeat;left:20px;position:relative;clear:both}.home_graphic:before{width:60px;content:"";height:100%;background:#000;display:block;left:50%;position:absolute;transform:translateX(-50%)}.content-area,.site-content{height:auto;min-height:100%;width:100%;display:block;position:relative}.left,.right{font-size:0;line-height:142px;font-weight:900;top:50%;transform:translateY(-50%);position:absolute;left:-10px}.left{width:24.38%;height:135px;color:transparent}.left:before{content:"";background:url(img/left.svg) 50%/contain no-repeat;display:block;position:absolute;width:100%;height:100%;top:0;left: 10px;}.right{left:unset;right:-1px;width:30.89%;height:141px;color:transparent}.right:before{content:"";background:url(img/right.svg) right 50%/contain no-repeat;display:block;position:absolute;width:100%;height:100%;top:0;left:0}.financial,.marketing-brand-digital{font-size:36px;font-weight:900;color:var(--white);line-height:36px;position:absolute;bottom:100px}.financial{left:110px}.marketing-brand-digital{right:110px;text-align:right}.logo_slider{position:absolute;width:150px;height:150px;background:#000;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scalex(1)}.logo_slider:before{content:"";display:block;width:104px;height:80px;background:url(img/logo_slider.svg) 0 0/contain no-repeat;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%}@keyframes falling{0%{transform:translate(-50%,-400%) scalex(1)}45%,80%{transform:translate(-50%,-30px) scalex(1)}50%{transform:translate(-50%,-20px) scalex(1.3)}70%{transform:translate(-50%,-110px) scalex(1)}85%{transform:translate(-50%,-20px) scalex(1.2)}93%{transform:translate(-50%,-50px) scalex(1)}100%{transform:translate(-50%,-50%) scalex(1)}}.header_image{height:325px;width:100%;display:block;margin-top:180px;background-size:cover!important;background-position:50%!important}.centeraligned{text-align:center;width:100%;display:block}.map{width:100%;height:800px;margin-bottom:85px}.contact_page{margin-top:100px}.form_title{max-width:815px;margin:0 auto 50px;font-size:28px;font-weight:800;text-align:center;line-height:35px}#sending,#sent{display:none;margin-top:70px}#formdiv{display:block;margin:0 auto}.fields input,.fields textarea{width:100%;display:block;margin-bottom:10px;padding:9px 10px}.fields textarea{height:150px;padding:10px 0}.fields label{text-transform:uppercase}.fields input[type=submit]{width:190px;float:right;margin-right:0;border:0;color:var(--white);opacity:.8;cursor:pointer;line-height:35px;text-transform:uppercase;font-size:inherit;background:#00c978;background:-moz-linear-gradient(45deg,#00c978 0,#00adea 100%);background:-webkit-linear-gradient(45deg,#00c978 0,#00adea 100%);background:linear-gradient(45deg,#00c978 0,#00adea 100%)}.fields input[type=submit]:hover{opacity:1}.contact_content{margin:70px 0}.footer .ninesixty{max-width:1550px}.footer_black{padding:75px 20px;left:0;position:relative;background:#000;border-left:20px solid var(--white);border-right:20px solid var(--white);box-sizing:content-box}.footer_black *,.footer_black a{color:var(--white);font-family:Mukta,sans-serif}.footer_black span{display:block;font-size:30px;line-height:40px}.fb_left,.fb_right,.fw_left,.fw_right{display:inline-block;max-width:50%}.fb_right,.fw_right{text-align:right;float:right}.fb_right{height:60px}.fb_right a{background:var(--blue);padding:10px 40px 10px 15px;position:relative;top:50%;display:block;transform:translateY(-50%)}.fb_right a:after{content:"\2192";font-size:18px;display:block;position:absolute;right:15px;top:50%;transform:translateY(-50%);padding-left:10px}.fb_right a:hover:after{right:10px}.footer_white{padding:35px 0;font-size:14px}.footer_white *,.footer_white a{font-size:14px}.fw_left a{display:block}a.facebook,a.instagram{display:inline-block;width:26px;height:25px;background-size:contain;background-repeat:no-repeat;margin-left:10px;box-sizing:border-box}.instagram{background:url(img/instagram.png)}.facebook{background:url(img/facebook.png)}.header{position:fixed;top:0;z-index:999999999;width:100%}.nav-up{top:-115px}.nav-up .logo{margin-top:-215px}.header_slider{padding-top:180px;height:830px;position:relative}.hs_image{height:830px;background-size:cover!important;background-position:50%!important}.flexslider .slides>li{position:relative;width:100%;height:830px;background:#ddd}.slider_title{position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);left:50%;margin-left:0;text-align:center}.slider_title h1{color:var(--white);font-size:183px;letter-spacing:25px;line-height:183px;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:800}.slider_title h2{color:var(--white);font-size:24px;text-transform:uppercase;line-height:24px;font-weight:600;text-shadow:0 0 30px rgba(0,0,0,.7);padding-top:15px}.header_fade{position:absolute;bottom:0;width:100%;z-index:99}.header_fade img{display:block;width:100%;height:auto}.flex-control-paging li a{opacity:1;width:14px;height:14px;display:block;background:#f1f0f0;content:'';color:var(--white);font-size:1px}.flex-control-nav li{margin:0 0 8px 5px!important;display:inline;clear:both;zoom:1;float:right}.flex-control-nav{width:1300px;position:relative;bottom:30px;text-align:right;margin:0 auto;z-index:105}.flex-control-paging li a.flex-active{background:#ccc}.nav_footer{position:absolute;bottom:70px;display:block;width:100%;max-width:291px}.nav_footer *{color:#fff}.tcs{font-size:22px;font-weight:900;text-transform:capitalize;line-height:28px;display:inline-block;width:50%}.tcs_logo{display:inline-block;max-width:60px;height:90px;float:right;background:url(img/logo_tiny.svg) right bottom/contain no-repeat;width:50%}#site-header{position:fixed;width:100%;height:160px;z-index:99999;top:20px}#site-header.nav-down,#site-header.nav-up{z-index:1}.nav-down #logo,.nav-up #logo{left:-430px}.nav-down .think-create-solve,.nav-up .think-create-solve{right:-430px}.nav-down #logo svg,.nav-down .menu_button svg,.nav-up #logo svg,.nav-up .menu_button svg{opacity:1}.nav-down #logo img,.nav-up #logo img{display:none}.nav-down .menu_button,.nav-up .menu_button{background:url(https://2018.beckandcaul.co.nz/wp-content/themes/basic_elementor_theme/img/img.php?img=menu_button.svg&color=000000) top left/contain no-repeat;top:30px}.nav-down .menu_button img,.nav-up .menu_button img{display:none}#logo{position:absolute;display:inline-block;bottom:0;left:0;max-width:416px;width:100%;height:80px;background:#000}#logo svg{opacity:1;z-index:999999999}#logo:before{display:block;position:absolute;width:225px;height:50px;content:"";top:50%;transform:translateY(-50%);right:60px;background:url(img/logo.svg) top left/contain no-repeat}.think-create-solve{position:absolute;display:inline-block;bottom:0;right:0;max-width:416px;width:100%;height:80px;background:#000;color:var(--white);line-height:80px;padding-left:30px;box-sizing:border-box;font-size:26px;font-weight:900}.menu_button{position:fixed;top:45px;right:40px;height:23px;width:50%;max-width:35px;z-index:999990;cursor:pointer}.menu_button svg{width:35px;height:23px}.openmenu img{opacity:0}.menu_button img{width:35px;position:absolute;top:0;left:0}.overlay{position:fixed;width:416px;padding:0 70px;height:100%;top:0;right:0;background:#000;z-index:999991;box-sizing:border-box}.overlay .overlay-close{width:51px;height:43px;position:absolute;right:-26px;top:-152px;overflow:hidden;border:none;background:0 0;text-indent:200%;color:transparent;outline:0;z-index:999991;cursor:pointer}.overlay nav{text-align:left;position:relative;top:172px;height:60%}.overlay-close:after,.overlay-close:before{content:"";width:25px;height:2px;background:var(--white);display:Block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);transform-origin:center}.overlay-contentscale.open .overlay-close:before{animation-delay:.5s;animation-duration:1s;animation-fill-mode:both;animation-name:closebtn1;animation-timing-function:linear;animation-iteration-count:1}.overlay-contentscale.open .overlay-close:after{animation-delay:.5s;animation-duration:1s;animation-fill-mode:both;animation-name:closebtn2;animation-timing-function:linear;animation-iteration-count:1}@keyframes closebtn1{0%{transform:rotate(0);transform-origin:center}100%,50%{transform:rotate(-45deg)}}@keyframes closebtn2{0%{transform:rotate(0);transform-origin:ce}100%,50%{transform:rotate(45deg)}}.menu-main-navigation-container{display:block;width:100%}.overlay ul{list-style:none;padding:0;margin:0 auto;display:block;height:100%;position:relative;max-width:300px}.overlay ul li{display:block;height:20%;height:calc(100% / 5);margin:10px 0;width:100%;position:relative}.overlay ul li a{font-size:18px;font-weight:300;display:block;color:var(--white);-webkit-transition:color .2s;transition:color .2s;font-family:Mukta;text-decoration:none;margin:0;position:relative}.overlay ul li a:focus,.overlay ul li a:hover{color:#f0f0f0}.overlay ul li.current_page_item a,.overlay ul li.openmenu a,.overlay ul li:hover a{color:var(--blue)}.overlay ul li.menu-item-has-children:after{content:"+";color:var(--white);position:absolute;right:0;top:0;z-index:-1}.overlay ul li.openmenu:after{content:"-";font-size:18px}.overlay ul ul{margin-left:30px;height:0;overflow:hidden;display:none}.overlay ul li.current-menu-ancestor ul,.overlay ul li.openmenu ul{display:block;height:auto}.overlay ul li.current_page_item ul a,.overlay ul li.openmenu ul a,.overlay ul li:hover ul a{color:var(--white)}.overlay ul li:hover ul li:hover a,.overlay ul ul li.current_page_item a{color:var(--blue)}.container{-webkit-transition:-webkit-transform .5s;transition:transform .5s;width:100%;min-height:100%;height:auto;z-index:3;position:relative;overflow:hidden;display:block;margin:0;left:0}.page-template-about .container{min-height:685px}.single-case_study .container{background:var(--white)}.container.overlay-open{-webkit-transform:scale(.8);transform:translateX(-400px);left:0}.overlay-contentscale{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s,visibility .5s;transition:transform .5s,visibility .5s}.overlay-contentscale.open{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s;transition:transform .5s}@media only screen and (max-width:1900px){.right{left:unset;right:-1px;width:30.89%;height:130px}}@media only screen and (max-width:1719px){.left{width:24.38%;height:135px}.right{left:unset;right:-1px;width:30.89%;height:110px}.contactbutton.cbscrolled{opacity:0}.contactbutton.cbscrolled.cbsonbottom{opacity:1;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:1600px){.left{width:24.38%;height:135px}.right{left:unset;right:-1px;width:30.89%;height:97px}}@media only screen and (max-width:1400px){.left,.right{font-size:83px;line-height:82px}.home_graphic{width:100%;height:700px;left:0}.twocolbanner{padding:0 40px}.logobanner{padding:50px}.home_contact{padding:50px 0}.topborder .ninesixty{padding-top:70px}.home_contact_grid{display:grid;grid-template-columns:.85fr 1.1fr 2.1fr;grid-gap:47px;padding:0 50px}.hcg_title{font-size:45px;font-weight:900;line-height:48px}.footer_black{left:0;padding:75px 50px}.footer_white{padding:35px 50px}.tbox{min-height:320px}.tbox span *,tbox span{font-size:26px;line-height:30px}.header_banner{height:350px;margin:0}.hb_title{bottom:50px;padding:0 30px}.hb_title *{font-size:45px;line-height:45px}.introduction{padding:0 50px;margin-top:40px}.main_title *{padding:0 20px;font-size:45px;line-height:50px}.main_title strong{padding:0}.services{margin:65px 0;padding:0 50px}.cta_banner .ninesixty{padding:0 30px}.contactbutton{right:unset;left:50%;margin-left:-71px}}@media only screen and (max-width:1200px){.left,.right{display:none}.financial,.marketing-brand-digital{font-size:26px;line-height:26px;bottom:100px}}@media only screen and (max-height:775px){.overlay nav{top:42px;margin-bottom:150px;height:calc(100% - 150px)}.overlay .overlay-close{right:-40px;top:-35px}.nav_footer{bottom:8px}.menu-main-navigation-container{max-height:calc(100% - 0px);overflow-y:auto;padding-right:36px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.contactbutton{bottom:30px;width:100px;height:100px;margin-left:-50px}.contactbutton.cbscrolled{bottom:20px;left:100%;margin-left:-120px}.contactbutton.cbscrolled.cbsonbottom{margin-left:-230px;bottom:10px}.contactbutton span{font-size:21px}}@media only screen and (max-width:960px){.mobilemenu_button{display:block}body,html{max-width:100%;position:relative;width:100%;margin-top:0}.desktoponly{display:none!important}.ninesixty{width:100%}#site-header{top:0}.home_graphic{width:100%;height:600px;left:0}.think-create-solve{font-size:18px;max-width:284px;height:50px;line-height:50px;bottom:30px}#logo{bottom:30px;left:0;max-width:284px;width:100%;height:50px}#logo:before{width:150px;height:32px;top:50%;transform:translate(-50%,-50%);right:unset;left:50%}.financial,.marketing-brand-digital{font-size:20px;line-height:18px;bottom:20px}.financial{left:20px}.marketing-brand-digital{right:20px}.twocolbanner{margin:50px auto;padding:0 20px}.threeboxbanner{padding:35px 20px}.threeboxbanner .blocktitle{font-size:16px;line-height:20px}.tbox{min-height:300px;margin-bottom:20px}.tbox span,.tbox span *{font-size:26px;line-height:30px}.home_contact_grid{grid-template-columns:1fr;grid-gap:10px;padding:0;width: 100%;}.home_contact{padding:0}.topborder .ninesixty{padding-top:20px}.hcg_title{font-size:25px;text-align:center;line-height:38px}.hcg_contact{max-width:100%;padding:20px;text-align:center}.mail{padding-left:20px}.phone{padding-bottom:20px;/* border-bottom:2px solid */}.address{border-top:2px solid}.footer_black{padding:45px 20px;left:0}.footer_white{padding:35px 20px}.main_title{margin-top:50px;padding:0 20px}.main_title *{font-size:35px;line-height:40px}.header_banner{height:280px;margin:0}.hb_title{bottom:50px;padding:0 30px}.hb_title *{font-size:45px}.introduction{padding:0 20px;margin-top:40px}.services{margin:65px 0;padding:0 20px}.cta_banner .ninesixty{padding:0 20px}.cta_banner h1{font-size:40px;line-height:40px}.contactbutton{top:500px;bottom:unset}.contactbutton.cbscrolled{top:90%}}@media only screen and (max-width:767px){.mobileonly{display:block}.menu_button{top:35px;right:20px}.overlay nav{top:102px;height:60%}.overlay .overlay-close{right:-40px;top:-85px}.think-create-solve{display:none}#logo{bottom:87px;left:13px;max-width:188px;width:100%;height:50px;background:0 0}#logo:before{width:170px;height:36px;top:50%;transform:translate(-50%,-50%);right:unset;left:50%}.home #logo{max-width:150px}.home #logo:before{width:150px}body,html{width:100%;margin-top:0}.ninesixty{width:100%}.financial,.marketing-brand-digital{font-size:14px;line-height:18px;bottom:20px}.financial{left:20px}.marketing-brand-digital{right:20px}.home_graphic:before{width:20px}.logo_slider{width:100px;height:100px}.logo_slider:before{width:64px;height:50px}.twocolbanner{margin:50px auto;padding:0}.blocktitle{font-size:26px;line-height:30px;margin-bottom:20px}.blocktitle:after{height:7px;margin:20px 0 40px}.bold_intro{padding:0 20px 20px}.gird_2_col{display:block;padding:0 20px}.gird_3_col{display:block}.logobanner{padding:50px 0}.logos_grid{padding:0 20px;grid-template-columns:repeat(2,1fr);grid-gap:20px}.home_contact{padding:0}.topborder .ninesixty{padding-top:20px}.fb_left,.fb_right,.fw_left,.fw_right{text-align:center;width:100%;max-width:unset}.fb_right,.fw_right{float:none;width:100%}.fb_right a{left:50%;top:50%;transform:translate(-50%,-50%);width:100px;margin-top:20px}a.facebook,a.instagram{margin-top:15px}.header_banner{height:200px}.main_title{margin-top:30px}.main_title *{font-size:25px;line-height:30px}.hb_title *{bottom:30px;padding-left:20px}.hb_title,.header_banner h1,.header_banner h1 *{font-size:26px;line-height:1em;padding-left:10px}.single-post .hb_title{bottom:20px}.hb_title *{font-size:26px;line-height:26px}.introduction{margin-top:30px}.introduction *{font-size:16px;line-height:25px}.services{margin:45px 0}.services .service_block{grid-template-columns:1fr;margin-bottom:60px}.sb_title{font-size:24px;margin-bottom:10px}.service_block_items{grid-template-columns:1fr;grid-gap:20px}.site-footer{margin-top:50px}.footer_black span{font-size:20px}.cta_banner *{text-align:center}.cta_banner.image *{text-shadow:0 0 5px rgba(0,0,0,.7)}.cta_banner a{background:var(--white);color:var(--black);text-shadow:none}.spalshscreen{border:10px solid var(--white)}.closesplash:before{right:20px;top:20px}.spalshscreen *{padding:0 10px;font-size:16px;line-height:22px}.footer_black{border:0}.contactbutton{top:570px;bottom:unset;width:70px;height:70px;margin-left:-35px}.contactbutton span{font-size:21px}.contactbutton.cbscrolled{opacity:1;top:calc(100% - 70px);width:100%;border-radius:0;left:0;transform:unset;margin-left:0;height:70px}.contactbutton.cbscrolled span{transform:rotate(0) translate(0,-50%);left:0;text-align:center;max-width:100%}.contactbutton.cbscrolled.cbsonbottom{left:0;margin-left:0}}@media only screen and (max-width:414px){.spalshscreen{border:0 solid var(--white)}.closesplash:before{right:20px;top:20px}.spalshscreen *{padding:0 10px;font-size:14px;line-height:22px}}iframe[src*=youtube]{display:block;margin:0 auto;max-width:100%;padding-bottom:10px}
.hcg_title img{ max-width:50%; display:block; margin-top:20px;}
.header_banner h1 strong{ font-weight:600}
.mail{font-size:17px;font-family:Mukta;font-weight:600;display:block;padding-left:60px;margin-bottom:20px;position:relative}
.mail:before{content:"";display:block;position:absolute;width:35px;height:35px;background:#000;left:0;top:-6px;border-radius:50%}
.mail:after{content:"";display:block;position:absolute;width:22px;height:13px;background:url(img/icon-email.svg) 0 0/cover no-repeat;left:6px;top:5px}
.phone{font-size:17px;font-family:Mukta;font-weight:600;display:block;padding-left:60px;margin-bottom:20px;position:relative}
.phone:before{content:"";display:block;position:absolute;width:35px;height:35px;background:#000;left:0;top:-6px;border-radius:50%}
.phone:after{content:"\1f57f";display:block;position:absolute;width:22px;height:13px;background:url(img/icon-phone.svg) 0 0/cover no-repeat;left:5px;top:2px; color:#FFF; font-size:21px}

.beforeafter_banner{display:block;background: #f9f9fb;height: 900px;position: relative;overflow: hidden;margin-bottom: 50px;}
.beforeafter_banner, .beforeafter_banner *{transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-moz-transition: all 0.2s;}
#comparison {  width: 100%;  overflow: hidden;  position: absolute;  height: 900px !important;  display: block;}
#handle {  position: absolute;  height: 50px;  width: 50px;  top: 50%;  left: 50%;  -webkit-transform: translateY(-50%) translateX(-50%);          transform: translateY(-50%) translateX(-50%);  z-index: 1;}
.page-template-20years #logo{ background:#FFF;}
  .page-template-20years #logo:before{ background:url(img/logo-black.svg) no-repeat;}
.page-template-20years .think-create-solve{ background:#FFF; color:#000; }

@media only screen and (max-width:768px){
  .beforeafter_banner, #comparison, .ba_slider, #figure, #divisor{height: 350px !important;background-position: 50% !important;}
  .beforeafter_banner, .beforeafter_banner * {    transition: all 0s;    -webkit-transition: all 0s;    -o-transition: all 0s;    -moz-transition: all 0s;}
}
input[type=range] {  -webkit-appearance: none;  -moz-appearance: none;  position: absolute;  top: 50%;  left: -25px;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  background-color: transparent;  width: calc(100% + 50px);  z-index: 2;  border: 0;}
input[type=range]:focus, input[type=range]:active {  border: none;  outline: none;}
input[type=range]::-webkit-slider-thumb {  -webkit-appearance: none;  border: none;  height: 50px;  width: 50px;  border-radius: 50%;  background: transparent;  border: 0px solid white;  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);  left:-12px;}
input[type=range]::-moz-range-track {  -moz-appearance: none;  height: 15px;  width: 100%;  background-color: transparent;  position: relative;  outline: none;}
figure {  position: absolute;  background-size: cover;  font-size: 0;  width: 100%;  height: 900px;  margin: 0;}
#divisor {  background-size: cover;  position: absolute;  width: 50%;  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);  bottom: 0;  height: 900px;}



          .beforeafter_grid{ position:relative; display:grid; grid-template-columns:1fr 1fr;  }
          .ba_slider{height: 900px;position: relative;}  
          .before{display:block;z-index: 2;color: #3d3d3e;width:100px;position:absolute;bottom:10px;left: 10px;}
          .after{display:block;z-index: 1;color: #3d3d3e;width:100px;position:absolute;bottom:10px;right: 10px;text-align: right;}
         .ba_content{ padding-right:50px; }
         .ba_title{/*font-family: "Times New Roman", Times, serif;*/font-weight: bold;font-size: 40px;line-height: 40px;margin-top: 0;margin-bottom:20px;}
        .verticalmiddle{ position:relative; display:block; top:50%; transform:translateY(-50%); }
         .ba_content a,  .ba_content a {    display: inline-block;    color: #FFF;    background: rgba(60, 62, 58, 0.71);    clear: both;    padding: 10px 20px;    text-transform: uppercase;    font-size: 14px;}
       .handlebar{display:block;background: #00b1da;width:50px;height:50px;position:absolute;z-index:1;border-radius:50%;margin-left: 2px;margin-top: 2px;}  
            .handlebar::before, .handlebar::after {content: '';width: 0;height: 0;border: 8px inset transparent;position: absolute;top: 50%;margin-top: -7px;}
            .handlebar::before {border-right: 10px solid white;left: 50%;margin-left: -21px;}
            .handlebar::after {border-left: 10px solid white; right: 50%; margin-right: -22px;}

/* Scrollbar 
::-webkit-scrollbar {
  background: var(--white);
  width: 7px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 2px var(--white-shadow), inset -1px -1px 2px var(--white-light);
          box-shadow: inset 1px 1px 2px var(--white-shadow), inset -1px -1px 2px var(--white-light);
}
::-webkit-scrollbar-thumb {
  background-color: #0099da;
  -webkit-box-shadow: -2px -2px 5px var(--white-light), 2px 2px 5px var(--white-shadow);
          box-shadow: -2px -2px 5px var(--white-light), 2px 2px 5px var(--white-shadow);
  background-image:-webkit-linear-gradient(#0099da, #85C61F);
  border-radius: 16px;
}*/


/*@media (prefers-color-scheme: dark)  {
      :root {
            --black: #000;
            --white: #fff;
            --blue: #0099da;
        }


        body{ background: var(--black); color:var(--white); }
        .footer_black{ background: var(--white); }
        .footer_black *, .footer_black a{ color:var(--black) }
        
        
    }*/