*{padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:antialiased}:focus{outline:none}.container{max-width:960px;margin:0 auto}div,input,p,textarea{font-family:azo-sans-web}h1{font-size:90px}h1,h2{font-family:nimbus-sans-condensed;text-transform:uppercase}h2{font-size:50px;margin:60px auto 25px}h3{font-family:nimbus-sans-condensed;font-size:28px;font-weight:400;margin-bottom:-20px}h4{font-size:22px}p{margin:25px 0;font-size:18px;line-height:28px}.icon{background:url(../img/icons.png);background-size:250px 300px}.ruler{display:block;background:hsla(0,0%,100%,.5);width:90px;height:4px;margin:25px 0;border:none}.ruler.center{margin:25px auto}.ruler.grey{background:rgba(0,0,0,.5)}.multicolored-stripe{width:100%;height:15px;background:#0f1729;background:linear-gradient(0deg,#27796c,#27796c 25%,#d2770c 0,#d2770c 50%,#c74255 0,#c74255 75%,#0f1729 0,#0f1729);background:-moz-linear-gradient(to right,#27796c 0,#27796c 25%,#d2770c 25%,#d2770c 50%,#c74255 50%,#c74255 75%,#0f1729 75%,#0f1729 100%)}.multicolored-stripe-2{width:100%;height:15px;background:#0f1729;background:linear-gradient(0deg,#1a88b6,#1a88b6 25%,#d2770c 0,#d2770c 50%,#c74255 0,#c74255 75%,#dadada 0,#dadada);background:-moz-linear-gradient(to right,#1a88b6 0,#1a88b6 25%,#d2770c 25%,#d2770c 50%,#c74255 50%,#c74255 75%,#dadada 75%,#dadada 100%)}.spinner{background:url(../img/spinner.png) no-repeat;background-size:25px auto;background-position:50%;width:25px;height:25px;animation-name:a;animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-name:a;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn,.white-link{color:#fff}.btn{display:block;background:none;width:230px;padding:15px;text-transform:uppercase;font-size:14px;font-weight:700;border:1px solid #fff;border-radius:40px;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s;-webkit-transition:all .3s}.btn:hover{background:#fff;color:#4e4e4e}.btn.btn-green{background:#2fa258;color:#fff;border:1px solid #2fa258}.btn.btn-grey{color:#4e4e4e;border:1px solid #4e4e4e}.btn.btn-grey:hover{background:#4e4e4e;color:#fff}.btn.center{margin:0 auto}.utlityBar-box{height:50px}.utilityBar{background:#fff;position:relative;width:100%;height:50px;z-index:99}.utilityBar.sticky{position:fixed;top:0;left:0}.utilityBar .linkedin,.utilityBar .search,.utilityBar .twitter{display:block;width:80px;height:100%;float:left;border-right:1px solid #c8c8c8}.utilityBar .linkedin .icon,.utilityBar .search .icon,.utilityBar .twitter .icon{width:22px;height:22px;margin:12px auto}.utilityBar .linkedin:hover{background:#27796c}.utilityBar .linkedin:hover .icon{background-position:0 -25px}.utilityBar .twitter .icon{background-position:-75px 0;width:28px}.utilityBar .twitter:hover{background:#27796c}.utilityBar .twitter:hover .icon{background-position:-75px -25px}.utilityBar .search{position:absolute;overflow:hidden;transition:all .3s;background-color:#fff}.utilityBar .search.open{width:280px}.utilityBar .search .icon{background-position:-50px 0;margin:12px 0 0 28px}.utilityBar .search #searchInput{position:absolute;font-size:14px;border:none;border-bottom:1px solid #c8c8c8;padding:5px;top:8px;left:80px;background:none;color:#4e4e4e}.utilityBar .mobile-search{display:none;background:#27796c;width:100%;height:50px;position:absolute;top:50px;left:0;padding:7px 15px}.utilityBar .mobile-search input{font-size:14px;background:none;width:100%;padding:7px 0;border:none;border-radius:0;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.4);float:left}.utilityBar .mobile-search input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.utilityBar .belfast,.utilityBar .warrignton{height:100%;float:right;text-transform:uppercase;color:#27796c;padding:0 30px;border-left:1px solid #c8c8c8}.utilityBar .belfast .marker.icon,.utilityBar .warrignton .marker.icon{background-position:-25px 0;width:15px;height:24px;margin-right:15px;float:left;margin-top:13px}.utilityBar .belfast .infoText,.utilityBar .warrignton .infoText{margin-top:15px;float:left}.utilityBar.blue{background:#1a88b6}.utilityBar.blue #searchInput{border-bottom:1px solid hsla(0,0%,100%,.8)}.utilityBar.blue #searchInput::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.utilityBar.blue .linkedin:hover,.utilityBar.blue .mobile-search,.utilityBar.blue .search.active{background:#0f1729}.utilityBar.blue .linkedin .icon{background-position:0 -25px}.utilityBar.blue .twitter:hover{background:#0f1729}.utilityBar.blue .twitter .icon{background-position:-75px -25px}.utilityBar.blue .search .icon{background-position:-50px -25px}.utilityBar.blue .belfast,.utilityBar.blue .warrignton{color:#fff}.utilityBar.blue .belfast .marker.icon,.utilityBar.blue .warrignton .marker.icon{background-position:-25px -25px}.utilityBar.darkblue{background:#0f1729}.utilityBar.darkblue #searchInput{border-bottom:1px solid hsla(0,0%,100%,.8)}.utilityBar.darkblue #searchInput::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.utilityBar.darkblue .linkedin:hover,.utilityBar.darkblue .mobile-search,.utilityBar.darkblue .search.active{background:#0f1729}.utilityBar.darkblue .linkedin .icon{background-position:0 -25px}.utilityBar.darkblue .twitter:hover{background:#0f1729}.utilityBar.darkblue .twitter .icon{background-position:-75px -25px}.utilityBar.darkblue .search .icon{background-position:-50px -25px}.utilityBar.darkblue .belfast,.utilityBar.darkblue .warrignton{color:#fff}.utilityBar.darkblue .belfast .marker.icon,.utilityBar.darkblue .warrignton .marker.icon{background-position:-25px -25px}@media (max-width:960px){.utilityBar .belfast,.utilityBar .warrignton{display:none}.utilityBar .search{width:280px}}@media (max-width:440px){.utilityBar .search,.utilityBar .search:hover{width:80px}.utilityBar .search.active{background:#27796c}.utilityBar .search.active .icon{background-position:-50px -25px}.utilityBar .mobile-search.active{display:block}}.col-half{width:50%}.col-half,.col-third{float:left;min-height:1px}.col-third{width:33.33333%}.col-twothirds{width:66.66666%;float:left;min-height:1px}.col-quarter{width:25%;float:left;min-height:1px}nav{position:absolute;background:hsla(0,0%,100%,.9);width:100%;height:96px;text-align:center;z-index:20}nav:hover .active{border:1px solid transparent}nav a{font-family:azo-sans-web;color:#27796c;display:inline-block;text-transform:uppercase;text-decoration:none;padding:10px 20px;border-radius:40px;margin-top:25px;border:1px solid transparent}nav a.active,nav a:focus,nav a:hover{border:1px solid #27796c}nav.mobile{position:fixed;background:#27796c;width:50px;height:50px;top:0;right:0;display:none;transition:all .3s;-webkit-transition:all .3s;z-index:100}nav.mobile .hamburger{position:absolute;top:13px;right:10px;width:30px;height:30px}nav.mobile .hamburger .fill{width:30px;height:4px;background:#fff;margin-bottom:6px;transition:all .3s;-webkit-transition:all .3s}nav.mobile.open{background:rgba(39,121,108,.8);width:100%;height:100%}nav.mobile.open .hamburger .f1{transform:rotate(45deg) translate3d(7px,7px,0)}nav.mobile.open .hamburger .f2{opacity:0}nav.mobile.open .hamburger .f3{transform:rotate(-45deg) translate3d(7px,-7px,0)}.nav-items{position:fixed;width:320px;margin:60px auto;left:0;right:0;z-index:101;text-align:center;opacity:0;visibility:hidden}.nav-items a{display:block;border:none;color:#fff;font-size:16px;font-weight:700;opacity:0;text-decoration:none;text-transform:uppercase;margin-top:0;transition:all .1s;-webkit-transition:all .1s}.nav-items.open{opacity:1;visibility:visible}.nav-items.open a{margin-top:30px;opacity:1;transition:all .3s;-webkit-transition:all .3s}.nav-items.open a:nth-child(0){transition-delay:.2s}.nav-items.open a:first-child{transition-delay:.3s}.nav-items.open a:nth-child(2){transition-delay:.4s}.nav-items.open a:nth-child(3){transition-delay:.5s}.nav-items.open a:nth-child(4){transition-delay:.6s}.nav-items.open a:nth-child(5){transition-delay:.7s}.nav-items.open a:nth-child(6){transition-delay:.8s}.nav-items.open a:nth-child(7),.nav-items.open a:nth-child(8){transition-delay:.9s}@media (max-width:1000px){nav{height:80px}nav a{margin-top:20px;font-size:14px}}@media (max-width:920px){nav{display:none}nav.mobile{display:block}}header{background:#0f1729;background-size:cover;background-position:50%;width:100%;height:680px;text-align:center;overflow:auto;color:#fff}header .logo{background:url(../img/ubi-logo.png);background-size:cover;width:120px;height:120px;margin:160px auto 30px}header .serviceName,header h1,header h3{text-shadow:0 1px 10px #575757}header .serviceName{width:225px;font-size:20px;font-style:italic;margin:30px auto}header .btn{margin:0 auto}header .services-header-slider{background:#0f1729;position:absolute;width:100%;height:680px;top:0;left:0;z-index:-1;opacity:.6}header .services-header-slider .img{background-size:cover;background-position:50%;width:100%;height:680px}.sliderCtrl{position:relative;width:100px;margin:0 auto}.sliderCtrl .slick-next,.sliderCtrl .slick-prev{position:absolute;background:url(../img/icons.png);background-size:250px 300px;width:15px;height:22px;border:none;overflow:hidden;text-indent:-200px}.sliderCtrl .slick-prev{background-position:-25px -50px}.sliderCtrl .slick-next{background-position:-50px -50px;top:0;right:0}@media (max-width:920px){header,header .services-header-slider,header .services-header-slider .img{height:580px}header .logo{margin:85px auto 30px}}@media (max-width:414px){header{height:500px}header .logo{margin:50px auto 20px;width:100px;height:100px}header h1{font-size:80px}header h4{font-size:18px}header .services-header-slider,header .services-header-slider .img{height:500px}}footer .footer-top{padding:0 15px}footer .footer-top img{display:block;margin:20px auto;width:100%;max-width:891px}footer .footer-bottom{background:#0f1729;color:#fff;overflow:auto;position:relative;padding:0 15px}footer .footer-bottom .builtBy{float:left}footer .footer-bottom .copyright{float:right;text-align:right}footer .footer-bottom .back-to-top{position:absolute;background-position:0 -50px;width:24px;height:20px;top:30px;left:0;right:0;margin:auto;cursor:pointer}@media (max-width:775px){footer .footer-bottom .builtBy,footer .footer-bottom .copyright{float:none;text-align:center}footer .footer-bottom .builtBy p,footer .footer-bottom .copyright p{font-size:15px}footer .footer-bottom .back-to-top{position:static;margin-top:30px}}.testimonial{padding:50px 30px}.testimonial h3{font-weight:700;font-size:30px;margin:20px 0}.testimonial h3 .blue{color:#1a88b6}.testimonial .headshot{background:url(../img/headshot.jpg);background-position:50%;width:160px;height:160px;margin-left:30px;float:right;border-radius:100%}@media (max-width:560px){.testimonial{text-align:center}.testimonial .headshot{float:none;margin:0 auto}}#home header{position:relative;z-index:10}#home header .serviceName{margin:0 auto}#home header .sliderCtrl{margin-bottom:30px}#home #about-snippet{background:#0f1729;color:#fff;text-align:center;overflow:auto;padding-bottom:70px}#home #about-snippet p{max-width:850px;padding:0 30px;margin:25px auto}#home #about-snippet .btn{margin:0 auto}#home #services-snippet{background:#27796c;overflow:auto;color:#fff}#home #services-snippet .servicesImg{position:relative;background:url(../img/services.jpg);background-position:50%;background-size:cover;height:470px;overflow:hidden}#home #services-snippet .servicesImg .corner{background:#27796c;width:220px;height:140%;position:absolute;top:-25%;right:-75px;transform:rotate(-20deg)}#home #services-snippet p{max-width:480px}#home #case-studies-snippet{overflow:auto;color:#4e4e4e}#home #case-studies-snippet .col-half{float:right}#home #case-studies-snippet .caseStudiesImg{position:relative;background:url(../img/home-casestudies.jpg);background-position:50%;background-size:cover;height:430px;overflow:hidden}#home #case-studies-snippet .caseStudiesImg .corner{background:#fff;width:200px;height:150%;position:absolute;top:-25%;left:-75px;transform:rotate(-20deg)}#home #case-studies-snippet .textBox{width:450px;float:right;text-align:left}@media (max-width:960px){#home #services-snippet{text-align:center}#home #services-snippet .servicesImg{height:380px;background-position:bottom}#home #services-snippet .servicesImg .corner{display:none}#home #services-snippet .col-half{width:100%}#home #services-snippet .col-half:nth-child(2){padding:0 30px}#home #services-snippet .ruler{margin:0 auto 30px}#home #services-snippet h3{margin:10px 0}#home #services-snippet p{margin:0 auto}#home #services-snippet .btn{margin:15px auto 60px}#home #case-studies-snippet .col-half{width:100%}#home #case-studies-snippet .caseStudiesImg{height:380px}#home #case-studies-snippet .caseStudiesImg .corner{display:none}#home #case-studies-snippet .textBox{width:100%;padding:0 30px;text-align:center}#home #case-studies-snippet .textBox p{max-width:480px;margin:25px auto}#home #case-studies-snippet .textBox .ruler{margin:25px auto}#home #case-studies-snippet .textBox .btn{margin:15px auto 60px}}@media (max-width:480px){#home header .btn{border:none;padding:0}}#newsletter{background:#1a88b6;color:#fff;overflow:auto;text-align:center;padding:0 30px 60px}#newsletter #newsletterForm{width:600px;margin:0 auto;overflow:auto}#newsletter #newsletterForm .newsletter-email{display:block;background:none;width:340px;height:15px;color:#fff;padding:15px;height:49px;font-size:14px;text-align:center;border:1px solid #fff;border-radius:40px;margin-right:30px;float:left}#newsletter #newsletterForm .newsletter-email.error{border:3px solid #c74255}#newsletter #newsletterForm .newsletter-email::-webkit-input-placeholder{color:hsla(0,0%,100%,.8)}#newsletter #newsletterForm .btn{position:relative;float:left}#newsletter #newsletterForm .btn .spinner{display:none;position:absolute;top:10px;right:15px}#newsletter #newsletterForm .btn:hover .spinner{background-image:url(../img/spinner_blue.png)}#newsletter .thanks{display:none}#newsletter.teal{background:#27796c}@media (max-width:670px){#newsletter #newsletterForm{width:100%}#newsletter #newsletterForm input[type=email]{width:100%;margin:0 0 15px}#newsletter #newsletterForm .btn{width:100%}}#about-us header{background-image:url(../img/about-header.jpg);height:580px;padding:0 30px}#about-us #about-us-text{background:#27796c;color:#fff;overflow:auto;padding:30px}#about-us #about-us-text p{max-width:800px;margin:30px auto;text-align:center}#about-us #how-we-work-snippet{background:#0f1729;color:#fff;overflow:auto}#about-us #how-we-work-snippet .textBox{width:450px;float:right}#about-us #how-we-work-snippet .col-half{float:right}#about-us #how-we-work-snippet .howweworkImg{position:relative;background:url(../img/about-howwework.jpg);background-position:50%;background-size:cover;height:460px;overflow:hidden}#about-us #how-we-work-snippet .howweworkImg .corner{background:#0f1729;width:200px;height:150%;position:absolute;top:-25%;left:-77px;transform:rotate(-20deg)}@media (max-width:920px){#about-us header{height:480px}#about-us #about-us-text p{max-width:500px}#about-us #how-we-work-snippet .col-half{width:100%}#about-us #how-we-work-snippet .howweworkImg{height:380px}#about-us #how-we-work-snippet .howweworkImg .corner{display:none}#about-us #how-we-work-snippet .textBox{width:100%;padding:0 30px;text-align:center}#about-us #how-we-work-snippet .textBox p{max-width:480px;margin:0 auto}#about-us #how-we-work-snippet .textBox .ruler{margin:25px auto}#about-us #how-we-work-snippet .textBox .btn{margin:25px auto 60px}}#privacy-policy{background:#0f1729;padding-top:96px}#privacy-policy h2{color:#fff}#privacy-policy .center,#privacy-policy .logo{text-align:center}#privacy-policy #privacy-policy-text{color:#fff;text-align:left;padding:0 30px 60px;overflow:auto}#privacy-policy #privacy-policy-text p,#privacy-policy #privacy-policy-text ul{max-width:840px;margin:25px auto}#privacy-policy #privacy-policy-text li{margin-left:2.5em;font-size:18px}#how-we-work{padding-top:96px}#how-we-work #how-we-work-text{background:#0f1729;color:#fff;text-align:center;padding:0 30px 60px;overflow:auto}#how-we-work #how-we-work-text p{max-width:840px;margin:25px auto}#how-we-work #how-we-work-text .btn{margin:0 auto}#how-we-work #how-we-work-diagram{overflow:auto;background:#e6e6e6}#how-we-work #how-we-work-diagram .ubi-logo{background:url(../img/ubi-logo.png) no-repeat;width:230px;height:230px}#how-we-work #how-we-work-diagram .ubi-diagram{position:relative;background:url(../img/ubi-diagram.png) no-repeat;width:630px;height:551px;margin:60px auto 140px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box{position:absolute;width:100px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box h4{color:#27796c;text-transform:uppercase;font-size:14px;text-align:center}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box .icon-hww{background-image:url(../img/icons-howwework.png);margin:0 auto;height:60px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box p{position:absolute;font-size:14px;line-height:18px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box .arrow-down{background:url(../img/icons.png);background-size:250px 300px;background-position:0 -75px;width:25px;height:25px;margin:15px auto;display:none}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.order-recieved{top:80px;left:270px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.order-recieved .icon-hww{width:56px;height:50px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.order-recieved p{width:180px;top:-109px;left:74px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-file{top:95px;left:400px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-file .icon-hww{width:56px;height:50px;background-position:-200px 0}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-file p{width:220px;top:-32px;left:160px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-file-2{top:220px;left:482px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-file-2 .icon-hww{width:75px;height:60px;background-position:-300px 0}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-file-2 p{width:170px;top:-26px;left:160px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-pack{top:368px;left:480px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-pack .icon-hww{width:60px;height:60px;background-position:0 -70px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-pack p{width:170px;top:-27px;left:160px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.installation-schuduled{top:470px;left:356px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.installation-schuduled .icon-hww{width:60px;height:60px;background-position:-100px -70px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.installation-schuduled p{width:170px;top:33px;left:154px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.installation{top:477px;left:202px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.installation .icon-hww{width:60px;height:60px;background-position:-200px -70px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.installation p{width:225px;top:25px;left:-280px;text-align:right}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.return-surplus{top:370px;left:71px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.return-surplus .icon-hww{width:60px;height:60px;background-position:-300px -70px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.return-surplus p{width:125px;top:-18px;left:-177px;text-align:right}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.documents-scanned{top:223px;left:71px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.documents-scanned .icon-hww{width:95px;height:55px;background-position:-400px 0}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.documents-scanned p{width:135px;top:-11px;left:-222px;text-align:right}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-invoiced{top:98px;left:138px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-invoiced .icon-hww{width:41px;height:55px;background-position:-100px 0}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box.job-invoiced p{width:135px;top:-36px;left:-188px;text-align:right}@media (max-width:1000px){#how-we-work{padding-top:80px}#how-we-work #how-we-work-diagram .ubi-diagram{transform:scale(.75);margin:0 auto 60px}}@media (max-width:920px){#how-we-work{padding-top:0}}@media (max-width:750px){#how-we-work #how-we-work-diagram .ubi-diagram{transform:scale(1);background:none;width:100%;height:auto;padding:0 30px}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box{position:static;width:100%;max-width:480px;margin:30px auto}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box p{position:static;width:100%!important;text-align:center!important}#how-we-work #how-we-work-diagram .ubi-diagram .diagram-box .arrow-down{display:block}}#services header{position:relative;padding:0 30px;background:url(../img/services.jpg);background-size:cover;background-position:50%;height:580px;z-index:10}#services header h4{font-size:18px;font-weight:400;max-width:660px;margin:0 auto}#services header .serviceName{margin:0 auto}#services .service-info{color:#fff;overflow:auto}#services .service-info h2{font-size:40px;text-transform:none}#services .service-info .textBox{width:450px;float:left}#services .service-info .serviceImg{position:relative;background-size:cover;background-position:50%;height:420px;overflow:hidden}#services .service-info .serviceImg .corner{width:200px;height:150%;position:absolute;top:-25%;right:-75px;transform:rotate(-20deg)}#services .service-info.right .textBox{float:right}#services .service-info.right .corner{left:-75px}#services #service-1,#services #service-1 .corner{background:#27796c}#services #service-1 .serviceImg{background-image:url(../img/service-1.jpg)}#services #service-2{background:#0f1729}#services #service-2 .col-half{float:right}#services #service-2 .corner{background:#0f1729}#services #service-2 .serviceImg{background-image:url(../img/service-2.jpg)}#services #service-3,#services #service-3 .corner{background:#1a88b6}#services #service-3 .serviceImg{background-image:url(../img/service-3.jpg)}@media (max-width:920px){#services header{height:auto}#services header h4{margin-bottom:60px}#services .col-half{width:100%;padding:0 30px;text-align:center}#services .col-half .ruler{margin:25px auto}#services .col-half .btn{margin:15px auto 60px}#services .service-info .corner{display:none}#services .service-info .textBox{width:100%}#services .service-info .serviceImg{height:380px}}@media (max-width:414px){#services header h4{font-size:17px}}.service-page header{position:relative;background-image:url(../img/service-1b.jpg);background-size:cover;background-position:50%;height:auto;z-index:10}.service-page header.office{background-image:url(../img/service-2b.jpg)}.service-page header.warehouse{background-image:url(../img/service-3b.jpg)}.service-page header.warehouse h1{font-size:65px}.service-page header p{width:100%;max-width:780px;padding:0 30px;margin:30px auto 60px}.service-page header .serviceName{margin:15px 0 0;width:200px;margin:0 auto;text-align:center}.service-page header .serviceName .slick-next,.service-page header .serviceName .slick-prev{position:absolute;background:url(../img/icons.png);background-size:250px 300px;width:15px;height:22px;border:none;overflow:hidden;text-indent:-200px}.service-page header .serviceName .slick-prev{background-position:-25px -50px;top:28px;left:-25px}.service-page header .serviceName .slick-next{background-position:-50px -50px;top:28px;right:-25px}.service-page header .services-header-slider{background:#0f1729;position:absolute;width:100%;height:580px;top:0;left:0;z-index:-1;opacity:.6}.service-page header .services-header-slider .img{background-size:cover;background-position:50%;width:100%;height:580px}.service-page .about-service{background:#27796c;overflow:auto}.service-page .about-service p{width:100%;max-width:800px;margin:70px auto;padding:0 30px;color:#fff;text-align:center}.service-page .service-description{background:#1a88b6;color:#fff;text-align:center;padding:20px 30px 60px;overflow:auto}.service-page .service-description .sliderCtrl{margin:30px auto 0}.service-page .service-description iframe{width:100%!important;max-width:780px}.service-page .service-description h2{margin-top:45px}.service-page .service-boxes{overflow:auto}.service-page .service-boxes .box{position:relative;background-size:cover;background-position:50%;width:33.33333%;height:210px;float:left;text-align:center;color:#fff;cursor:pointer}.service-page .service-boxes .box h3{position:absolute;margin-top:95px;width:100%;padding:0 30px;font-size:30px;font-weight:700;text-transform:uppercase;text-shadow:0 0 10px #000;z-index:2}.service-page .service-boxes .box .overlay{position:absolute;background:rgba(15,23,41,.7);width:100%;height:100%;top:0;left:0;z-index:1;transition:all .3s;-webkit-transition:all .3s}.service-page .service-boxes .box:hover .overlay{opacity:0}.service-page .service-boxes.boxes4 .box{width:25%}.service-page .more-services{background:#0f1729;color:#fff;overflow:auto;text-align:center}.service-page .more-services .container{margin:35px auto 75px;overflow:auto}.service-page .more-services .service-icon{width:250px;float:left;text-align:center;margin:0 35px;font-size:26px;font-weight:700;font-family:nimbus-sans-condensed;color:#fff;text-decoration:none}.service-page .more-services .service-icon:hover{text-decoration:underline}.service-page .more-services .service-icon .icon{width:50px;height:50px;margin:0 auto 30px}.service-page .more-services .service-icon .icon.spanner{background-position:-50px -150px}.service-page .more-services .service-icon .icon.arrow{background-position:0 -150px}.service-page .more-services .service-icon .icon.truck{background-position:-100px -150px}@media (max-width:960px){.service-page .more-services .service-icon{width:100%;margin:15px 0 30px}}@media (max-width:720px){.service-page .service-boxes .box{width:50%}}@media (max-width:440px){.service-page .service-boxes .box{width:100%!important;height:200px}.service-page .service-boxes .box h3{margin-top:90px}.service-page header.warehouse h1,.service-page header h1{font-size:50px;padding:0 30px}}#meet-the-team{padding-top:96px}#meet-the-team .the-team{background:#0f1729;overflow:auto}#meet-the-team .the-team .team-description{background:#27796c;width:50%;height:350px;float:left;padding:0 60px}#meet-the-team .the-team .team-description h3{font-weight:700;margin:60px auto 10px;color:#fff;font-size:32px;text-transform:uppercase}#meet-the-team .the-team .team-description .ruler{margin:10px 0}#meet-the-team .the-team .team-description p{color:#fff;font-size:16px;margin:15px auto}#meet-the-team .the-team .team-member{position:relative;background-image:url(../img/user-placeholder.jpg);background-position:50%;background-size:cover;width:25%;height:350px;float:left}#meet-the-team .the-team .team-member:hover .overlay{opacity:1}#meet-the-team .the-team .team-member:nth-child(6n+6),#meet-the-team .the-team .team-member:nth-child(6n+7){width:50%}#meet-the-team .the-team .team-member .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(15,23,41,.9);text-align:center;opacity:0;transition:all .3s;-webkit-transition:all .3s}#meet-the-team .the-team .team-member .overlay .name{color:#fff;font-weight:700;font-size:26px;text-align:center;margin:100px 0 10px}#meet-the-team .the-team .team-member .overlay .job{color:#1a88b6;text-align:center;font-weight:700;margin:10px 0}#meet-the-team .the-team .team-member .overlay .icon{width:62px;height:60px;display:inline-block;cursor:pointer}#meet-the-team .the-team .team-member .overlay .icon.member-mail{background-position:-175px 0}#meet-the-team .the-team .team-member .overlay .icon.member-mail:hover{background-position:-175px -75px}#meet-the-team .the-team .team-member .overlay .icon.member-phone{margin-left:15px;background-position:-25px -75px}#meet-the-team .the-team .team-member .overlay .icon.member-phone:hover{background-position:-100px -75px}#meet-the-team .the-team .team-member .overlay .icon.member-linkedin{margin-left:15px;background-position:-175px -150px}#meet-the-team .the-team .team-member .overlay .icon.member-linkedin:hover{background-position:-175px -225px}@media (max-width:1024px){#meet-the-team .the-team .team-description{width:100%;height:auto;padding-bottom:60px}#meet-the-team .the-team .team-member{width:50%;height:300px;margin-bottom:200px}#meet-the-team .the-team .team-member .overlay{height:200px;top:auto;bottom:-200px;opacity:1;padding:0 30px}#meet-the-team .the-team .team-member .overlay .name{margin:30px auto 0}}@media (max-width:920px){#meet-the-team{padding-top:0}}@media (max-width:560px){#meet-the-team .the-team .team-member{width:100%!important}}#case-studies header{background-image:url(../img/casestudies.jpg);height:600px}#case-studies header .logo{margin:180px auto 30px}#case-studies header h4{margin-bottom:60px;padding:0 30px}#case-studies .case-study-list .study{width:100%;height:420px;overflow:auto;color:#fff}#case-studies .case-study-list .study .study-text{width:400px;float:right}#case-studies .case-study-list .study .study-text h2{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#case-studies .case-study-list .study .study-text p{height:85px;overflow:hidden}#case-studies .case-study-list .study .studyImg{position:relative;background-position:50%;background-size:cover;height:420px;overflow:hidden}#case-studies .case-study-list .study .studyImg .corner{width:200px;height:150%;position:absolute;top:-25%;left:-75px;transform:rotate(-20deg)}#case-studies .case-study-list .study:nth-child(2n+2) .col-half{float:right}#case-studies .case-study-list .study:nth-child(2n+2) .study-text{float:left}#case-studies .case-study-list .study:nth-child(2n+2) .studyImg .corner{right:-75px;left:auto}#case-studies .case-study-list .study:nth-child(3n+1),#case-studies .case-study-list .study:nth-child(3n+1) .corner{background:#27796c}#case-studies .case-study-list .study:nth-child(3n+2),#case-studies .case-study-list .study:nth-child(3n+2) .corner{background:#0f1729}#case-studies .case-study-list .study:nth-child(3n+3),#case-studies .case-study-list .study:nth-child(3n+3) .corner{background:#1a88b6}#case-studies .case-study-description{background:#1a88b6;overflow:auto;color:#fff;padding:60px 30px;text-align:center}#case-studies .case-study-description p{max-width:800px;width:100%;margin:0 auto}#case-studies .view-images{font-family:nimbus-sans-condensed;padding:30px 0;text-align:center;font-size:24px;font-weight:700}#case-studies .view-images span{color:#27796c}#case-studies .case-study-images{height:380px;overflow:hidden}#case-studies .case-study-images .image{width:25%;float:left;height:380px;background-position:50%;background-size:cover}#case-studies .case-study-images .image .overlay{position:relative;width:100%;height:100%;background:rgba(15,23,41,.9);opacity:0;overflow:auto}#case-studies .case-study-images .image .overlay .icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:25px;height:25px;background-position:-75px -50px}#case-studies .case-study-images .image:hover .overlay{opacity:1}#case-studies .case-study-images.photos-2 .image{width:50%}#case-studies .case-study-images.photos-3 .image{width:33.33333%}#case-studies .case-study-more{background:#0f1729;overflow:auto;color:#fff;padding:60px 0}#case-studies .case-study-more h3{font-weight:700;font-size:30px;margin-bottom:15px}#case-studies .case-study-more h3 span{color:#1a88b6}#case-studies .case-study-more .col-half{padding:0 30px}#case-studies .case-study-feedback{background:#27796c;color:#fff;overflow:auto;padding:0 30px 50px}#case-studies .case-study-feedback h2{font-size:36px}#case-studies.inner header{position:relative;background:#0f1729;height:500px}#case-studies.inner header h1{font-size:70px}#case-studies.inner header .logo,#case-studies.inner header h1{z-index:2;position:relative}#case-studies.inner header .first-image{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:50%;z-index:1;opacity:.6}@media (max-width:920px){#case-studies header{height:auto}#case-studies header .logo{margin:85px auto 30px}#case-studies.inner header{height:auto}#case-studies.inner header h1{font-size:55px;margin-bottom:60px;padding:0 30px}}@media (max-width:890px){#case-studies .case-study-list .study{height:auto}#case-studies .case-study-list .study .col-half{width:100%}#case-studies .case-study-list .study .study-text{width:100%;padding:0 30px 40px}#case-studies .case-study-list .study .studyImg{height:320px}#case-studies .case-study-list .study .corner{display:none}#case-studies .case-study-images .image{width:33.3%}}@media (max-width:800px){#case-studies .case-study-more .col-half{width:100%}}@media (max-width:560px){#case-studies .case-study-images{height:300px}#case-studies .case-study-images.photos-2,#case-studies .case-study-images.photos-3{height:150px}#case-studies .case-study-images.photos-3 .image{width:50%}#case-studies .case-study-images .image{width:50%;height:150px}}#search header{height:560px}#search .results{background:#27796c;color:#fff;text-align:center;padding:30px 0 60px;overflow:auto}#search .results h4{margin:30px auto}#search .results a{color:#eee}#contact #map{width:100%;height:540px}#contact #office-locations{background:#27796c;color:#fff;overflow:auto;text-align:center}#contact #office-locations h2{font-size:34px;text-transform:none}#contact #office-locations a{color:#fff}#contact #office-locations .col-half{padding:0 55px 40px}#contact #contact-form{background:#0f1729;padding:0 30px;overflow:auto}#contact #contact-form h2{color:#fff;text-align:center}#contact #contact-form form{width:100%;max-width:600px;margin:60px auto;overflow:auto}#contact #contact-form form .input-group{position:relative;width:280px;background:#fff;border-radius:20px;padding:15px 3px;margin-bottom:30px;float:left}#contact #contact-form form .input-group.error{border:3px solid #c74255;padding:12px 0}#contact #contact-form form .input-group.error.email .icon{top:15px}#contact #contact-form form .input-group.name{margin-right:40px}#contact #contact-form form .input-group.name .icon{background-position:-125px -50px}#contact #contact-form form .input-group.phone .icon{background-position:-125px 0}#contact #contact-form form .input-group.email{width:100%}#contact #contact-form form .input-group.email .icon{background-position:-125px -25px;top:18px}#contact #contact-form form .input-group.email input{width:300px}#contact #contact-form form .input-group.enquiry{width:100%;height:140px}#contact #contact-form form .input-group.enquiry .icon{background-position:-150px 0}#contact #contact-form form .input-group.enquiry .vr{height:125px}#contact #contact-form form .input-group .icon{position:absolute;width:25px;height:25px;margin-left:22px}#contact #contact-form form .input-group .vr{position:absolute;background:rgba(0,0,0,.1);width:1px;height:40px;top:8px;left:69px}#contact #contact-form form .input-group input{font-size:15px;background:none;border:none;margin-left:85px;padding:3px 0}#contact #contact-form form .input-group textarea{background:none;width:485px;height:110px;border:none;font-size:15px;margin-left:85px;resize:none}#contact #contact-form form .btn{margin:0 auto}#contact #contact-form form .absorbable{display:none}#contact #contact-form form .notification{text-transform:uppercase;font-size:16px;font-weight:700;color:#2fa258;text-align:center;margin:30px 0 0;height:0;overflow:hidden;transition:all .3s}#contact #contact-form form .notification.open{height:20px}#contact #contact-form form .notification.error{color:#c74255}@media (max-width:760px){#contact #map{height:380px}#contact #office-locations .col-half{width:100%}#contact #office-locations .col-half p{max-width:480px;margin:0 auto}#contact #office-locations .col-half:first-child{padding-bottom:0}#contact #contact-form form .input-group.name,#contact #contact-form form .input-group.phone{width:100%;margin-right:0}}#fourOhfour header{padding:0 30px;height:auto}#fourOhfour header img{margin-bottom:60px}@media (max-width:400px){#fourOhfour header h1{font-size:60px}}#latest-work header{background-image:url(../img/latest-work-header.jpg);height:580px}#latest-work h4{max-width:500px;margin:10px auto;font-size:16px;text-align:center}#latest-work #latest-work-text{background:#fff;color:#0f1729;overflow:auto;padding:30px;border-top:1px solid #c8c8c8}#latest-work #latest-work-text p{max-width:800px;margin:30px auto;text-align:center}#latest-work #latest-work-container{max-width:900px;margin:0 auto 70px;font-size:0;text-align:center}#latest-work #latest-work-container div{max-width:800px;margin:20px auto;text-align:center;font-size:16px;display:inline-block;vertical-align:top;width:33.33%;border:1px solid #c8c8c8;box-sizing:border-box;cursor:pointer}#latest-work #latest-work-container .latest-work-box{content:"";position:absolute;left:0;bottom:100;overflow:visible;width:500px;height:250px;z-index:0;transform:skewY(10deg);-webkit-backface-visibility:hidden;backface-visibility:initial;top:-20;background-color:#fff;border:0}#latest-work #latest-work-container .latest-work-box-text{z-index:1;position:relative;width:100%;border:0;pointer-events:none}#latest-work #latest-work-container .textBox{position:relative;background-position:50%;background-size:cover;height:350px;width:300px;overflow:hidden;padding-top:250px}#latest-work #latest-work-container .textBox:hover{color:#0f1729}#latest-work #latest-work-container .textBox h2{font-size:28px;text-align:left;padding-left:20px;margin:0;margin-top:20px;}#latest-work #latest-work-container .textBox p{font-size:15px;text-align:left;padding-left:20px;margin:0;color:#27796c}#latest-work #latest-work-container .textBox a{color:#27796c}#latest-work #latest-work-container div:nth-child(2),#latest-work #latest-work-container div:nth-child(3),#latest-work #latest-work-container div:nth-child(5),#latest-work #latest-work-container div:nth-child(6){border-left:none}@media screen and (max-width:991px){#latest-work #latest-work-container div:nth-child(3),#latest-work #latest-work-container div:nth-child(5){border-left:1px solid #c8c8c8}#latest-work #latest-work-container div:nth-child(4){border-left:none}}@media screen and (max-width:768px){#latest-work #latest-work-container div{border:1px solid #c8c8c8}#latest-work #latest-work-container div:nth-child(2),#latest-work #latest-work-container div:nth-child(3),#latest-work #latest-work-container div:nth-child(4),#latest-work #latest-work-container div:nth-child(5),#latest-work #latest-work-container div:nth-child(6){border-left:1px solid #c8c8c8}}@media (max-width:480px){#latest-work #latest-work-container div{display:block;width:80%}#latest-work #latest-work-container .textBox h2{margin-top: 35px;}}@media (max-width:920px){#latest-work header{height:480px}#latest-work #latest-work-text p{max-width:500px}}@media (max-width:414px){#about-us header{height:380px}}#latest-work-sub header{background-image:url(../img/latest-work-sub-header.jpg);height:580px;background:cover}#latest-work-sub h4{max-width:500px;margin:10px auto;font-size:16px;text-align:center}#latest-work-sub #slider-container{align-content:center;overflow:hidden}#latest-work-sub #slider-container .main-slider{max-width:900px;margin:0 auto}#latest-work-sub #slider-container #slider{margin:0 auto 10px}#latest-work-sub #article{color:#0f1729;padding:40px 50px;text-align:center;align-items:center;border-top:1px solid #c8c8c8}#latest-work-sub #article a.btn{margin:30px auto}#latest-work-sub #article .wrapper{text-align:center;margin:0 auto;max-width:700px}#latest-work-sub #article p{color:#0f1729}#latest-work-sub #article .btn-blue{background:#0f1729;color:#fff;border:1px solid #0f1729}#latest-work-sub #article .btn-blue:hover{background:#fff;color:#0f1729;border:1px solid #0f1729}#latest-work-sub #project-buttons{text-align:center;margin:50px 0}#latest-work-sub #project-buttons .btn-teal{margin:0 auto;display:inline-block;background:#27796c;border:1px solid #27796c;margin-right:10px}#latest-work-sub #project-buttons .btn-teal:hover{background:#fff;color:#27796c}#latest-work-sub #project-buttons .btn-white{margin:0 auto;display:inline-block;background:#fff;color:#0f1729;border:1px solid #0f1729}#latest-work-sub #project-buttons .btn-white:hover{background:#0f1729;color:#fff}#slider .rolling-image{height:500px;width:100%}#carousel .image,#slider .rolling-image{background-size:cover;background-position:50%}#carousel .image{width:210px;height:200px}@media screen and (max-width:720px){#latest-work-sub #project-buttons .btn-teal{margin:0 auto 10px;margin-right:0}}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}