@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular-webfont.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;font-family:Roboto}body{background-color:#e3e8eb;color:#282a2d}ul{list-style:none}h1,h2{text-align:center}.wrapper{overflow:hidden}.link{cursor:pointer;-webkit-transition:background-position .35s ease-in-out;-ms-transition:background-position .35s ease-in-out;transition:background-position .35s ease-in-out;background-size:100% 200%;background-image:linear-gradient(to bottom,#e3e8eb 50%,#83d7de 50%);border-bottom:solid 3px #83d7de;text-decoration:none;color:#282a2d}.link:hover{background-position:0 100%}#contact,#hero,#services{display:block;position:relative;visibility:hidden}#hero{top:-140px}#services{top:-50px}#contact{top:120px}@media screen and (max-width:1024px){#contact{top:100px}}@media screen and (max-width:768px){#contact{top:60px}}header{display:flex;position:fixed;height:100px;top:0;left:0;right:0;z-index:5;transition:background-color .4s ease-in-out 0s}
header.backgroundColor{background-color:#7fc6b8;box-shadow:1px 2px 5px rgba(0,0,0,.2);-webkit-transition:background-color .2s ease-in-out 0s;transition:background-color .2s ease-in-out 0s}@media screen and (max-width:650px){header{flex-direction:column;height:auto}header .top{display:flex;justify-content:space-between;height:83px}header .top .menuButton{position:relative;width:32px;height:25px;margin:auto 15px auto 0;cursor:pointer;z-index:25}header .top .menuButton .bar{display:block;position:absolute;width:100%;height:4px;background-color:#f8f8f8}header .top .menuButton .bar.bottom,header .top .menuButton .bar.top{transition:.35s linear;transition-delay:.1s}header .top .menuButton .bar.middle{transition:.25s ease-in-out;transition-delay:.35s}header .top .menuButton .bar.top{top:0}header .top .menuButton .bar.middle{top:10px}header .top .menuButton .bar.bottom{top:20px}header .top .menuButton .bar.top.close{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:9px}header .top .menuButton .bar.middle.close{width:0;transition-delay:0s}
header .top .menuButton .bar.bottom.close{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:9px}header nav{margin:auto}}header .logo{width:250px;height:100px;margin:18px 15px}@media screen and (max-width:650px){header .logo{margin:auto 15px;height:65px}}header .logo img{width:100%}@media screen and (max-width:650px){header .logo img{margin:0}}header nav{display:flex;justify-content:flex-end;-ms-flex-align:center}header nav span{cursor:pointer}@media screen and (max-width:650px){header nav{flex-direction:column;text-align:center;display:none}header nav span{width:100px;margin:15px auto}}header span{display:inline-block;position:relative;vertical-align:middle;font-size:20px;text-decoration:none;margin:auto 10px;padding:0 10px;color:#f7f7f7}header span:before{position:absolute;content:"";background-color:#83d7de;bottom:-5px;left:51%;right:51%;height:5px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
header span:hover:before{right:0;left:0}@media screen and (max-width:650px){header span{margin:15px 0}}header .last{margin-right:20px}@media screen and (max-width:650px){header .last{margin:15px auto}}.container{min-height:calc(100vh - 100px)}.container.hero{position:relative;width:100%;min-height:100vh}.container.hero .topBackground{width:100%;height:100%;background-color:#7fc6b8}.container.hero .svgContainer img{width:100%;margin-top:-2px}.container.hero .intro{position:absolute;width:100%;top:30vh}.container.hero .intro .intro-content{padding:0 5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container.hero .intro .intro-content h1,.container.hero .intro .intro-content h1 span,.container.hero .intro .intro-content p{opacity:0;-webkit-animation-duration:.8s;-moz-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.container.hero .intro .intro-content h1{color:#1d5d7e;font-size:55px;position:relative;padding-bottom:10px;opacity:1;color:transparent;overflow:hidden}.container.hero .intro .intro-content h1:after{content:attr(data-content);position:absolute;top:0;left:0;height:100%;width:100%;color:#1d5d7e;-webkit-animation-name:cd-reveal-up;-moz-animation-name:cd-reveal-up;animation-name:cd-reveal-up;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}.container.hero .intro .intro-content h1 span{position:relative;display:inline-block;opacity:1}.container.hero .intro .intro-content h1 span:before{content:'';position:absolute;top:calc(100% + 8px);left:-1em;height:2px;width:calc(100% + 2em);background-color:#f7f7f7;-webkit-animation:cd-loading-mask 1s .6s both;-moz-animation:cd-loading-mask 1s .6s both;animation:cd-loading-mask 1s .6s both}.container.hero .intro .intro-content p{color:#f7f7f7;margin:8vh auto;font-size:20px;position:relative;text-align:center;width:90%;max-width:700px;padding:10px 0 0;-webkit-animation-name:cd-reveal-down;-moz-animation-name:cd-reveal-down;animation-name:cd-reveal-down}
.container.hero .intro .intro-content h1:after,.container.hero .intro .intro-content p{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.container.hero .intro .intro-content .action-wrapper{overflow:hidden}.container.hero .intro .intro-content .action-wrapper p{margin-top:2vh}.container.hero .intro .intro-content .action-wrapper:after{clear:both;content:"";display:table}.container.hero .intro .scrollArrow{position:relative;width:150px;height:24px;margin:0 calc(50% - 15px);opacity:0;animation:pulse .5s ease-in-out 4s both;cursor:pointer}.container.hero .intro .scrollArrow .text{display:block;margin-left:-42px;font-size:12px;color:#fff;text-transform:uppercase;white-space:nowrap;opacity:.25;animation:pulse 2s linear alternate infinite}.container.hero .intro .scrollArrow .chevron{position:absolute;width:28px;height:8px;opacity:0;transform:scale3d(.5,.5,.5);animation:move 3s ease-out infinite}
.container.hero .intro .scrollArrow .chevron:first-child{animation:move 3s ease-out 1s infinite}.container.hero .intro .scrollArrow .chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.container.hero .intro .scrollArrow .chevron:after,.container.hero .intro .scrollArrow .chevron:before{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff}.container.hero .intro .scrollArrow .chevron:before{left:0;transform:skew(0deg,30deg)}.container.hero .intro .scrollArrow .chevron:after{right:0;width:50%;transform:skew(0deg,-30deg)}.serviceItems{width:100%;overflow:hidden}.serviceItems .serviceItem{display:flex;justify-content:space-between;width:80%;height:500px;max-width:1450px;margin:100px auto;border-radius:5px}.serviceItems .serviceItem .imageBox{width:384px;height:384px}.serviceItems .serviceItem .imageBox img{width:384px;height:384px}.serviceItems .serviceItem .textBoxWrapper{position:relative;height:100%}.serviceItems .serviceItem .textBoxWrapper .textBox{position:absolute;background-color:#fff;width:600px;padding:70px 15px 40px;border-radius:7px;text-align:justify;top:-30px}
.serviceItems .serviceItem .textBoxWrapper .textBox p{margin-top:25px}.serviceItems .serviceItem .textBoxWrapper .textBox h2{font-size:2em}.serviceItems .serviceItem .textBoxWrapper .textBox .lists{display:flex;justify-content:space-between;width:90%;margin:20px auto}.serviceItems .serviceItem .textBoxWrapper .textBox .lists li{margin:5px 0}.serviceItems .serviceItem .textBoxWrapper .textBox .lists .right{text-align:right}.serviceItems .serviceItem.right .imageBox{margin:auto 0 auto 5%}.serviceItems .serviceItem.right .textBox{-webkit-transform:translateX(-110%);-moz-transform:translateX(-110%);transform:translateX(-110%)}.serviceItems .serviceItem.left .imageBox{margin:auto 5% auto 0}.serviceItems .serviceItem.left .textBox{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);transform:translateX(10%)}.container.contact{margin-top:10vh;width:100%;background-color:#cbcfd1;background-image:url(../img/backgroundPattern.png)}.container.contact .svgContainer img{width:100%;margin-top:-5px}
.container.contact .boxWrapper{display:flex;justify-content:space-between;width:80%;max-width:1450px;margin:15vh auto 0 auto;padding-bottom:15vh}.container.contact .boxWrapper .link{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,#83d7de 50%);border-bottom-width:2px}.container.contact .boxWrapper h2{font-size:45px;color:#1d5d7e;text-align:center}.container.contact .boxWrapper .contact{width:60%;max-width:900px}.container.contact .boxWrapper .contact p{width:90%;margin:auto;text-align:center}.container.contact .boxWrapper .contact form{display:flex;flex-direction:column;width:80%;margin:15px auto 0 auto}.container.contact .boxWrapper .contact form input{box-sizing:border-box;width:100%}.container.contact .boxWrapper .contact form textarea{resize:none;height:200px}.container.contact .boxWrapper .contact form input,.container.contact .boxWrapper .contact form textarea{margin:10px 0;border:solid 1px #1d5d7e;border-radius:6px;padding:5px;background-color:#cbcfd1;outline:0}.container.contact .boxWrapper .contact form input:focus,.container.contact .boxWrapper .contact form textarea:focus{background-color:#c4c4c4}
.container.contact .boxWrapper .contact form input:hover,.container.contact .boxWrapper .contact form textarea:hover{border:solid 1px #dd7d53}.container.contact .boxWrapper .contact form button{width:90%;max-width:250px;margin:0 auto;background-color:#cbcfd1;border:solid 1px #1d5d7e;border-radius:3px;padding:5px;outline:0}.container.contact .boxWrapper .contact form button:focus{background-color:#c4c4c4}.container.contact .boxWrapper .contact form button:hover{border:solid 1px #dd7d53}.container.contact .boxWrapper .contact .portfolioLink{margin-top:4vh}.container.contact .boxWrapper .info{width:300px}.container.contact .boxWrapper .info .infoItem{display:flex;justify-content:space-between;width:280px;margin:5px auto}.container.contact .boxWrapper .info .infoItem span{background-color:#1689fc;color:#f0f0f0;line-height:32px;font-size:14px;text-align:center;border-radius:25px}.container.contact .boxWrapper .info .infoItem img,.container.contact .boxWrapper .info .infoItem span{width:32px;height:32px}
.container.contact .boxWrapper .info .infoItem a,.container.contact .boxWrapper .info .infoItem p{margin:auto 0}.container.contact .boxWrapper .info .infoItem .link{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,#83d7de 50%)}.container.license{min-height:100px;text-align:center;line-height:25px}footer{position:fixed;bottom:0;left:0;right:0;text-align:center;background-color:#f3f3f3;color:#fff}footer .link{line-height:25px;background-image:linear-gradient(to bottom,#afafaf 50%,#83d7de 50%);color:#fff}@media screen and (max-width:1100px){footer .link{border-bottom:solid 1px #83d7de}}footer .license{padding:5vh 0;color:#fff}@media screen and (max-width:1100px){footer .license{line-height:18px}footer .license p{font-size:calc(1.3vw)}}footer p,footer span{color:#fff;padding:10px 0}@media screen and (max-width:850px){footer p,footer span{font-size:12px}}