.tile{width:24rem;height:16rem;color:#fff;transition:transform .25s ease-out} .tile .inner, .tile .front, .tile .back{height:100%} .tile .front, .tile .back{border:1px solid #fff;box-sizing:border-box} .tile .front .corner{right:.5rem;bottom:.5rem;width:1rem;height:1rem;border-style:solid;border-width:0 0 1rem 1rem;border-color:transparent transparent #fff transparent;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";transition:all .25s ease-out} .tile .front:hover .corner{width:1.2rem;height:1.2rem;border-width:0 0 1.2rem 1.2rem;border-color:transparent transparent #333 transparent;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .tile .front .more{bottom:1.4rem} .tile .front .more .button{padding:.5rem;border:1px solid rgba(0,0,0,0.5);opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";transition:all .25s ease-out} .tile .front .more .button:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .tile .back{letter-spacing:0.05em;background:#fff;color:rgba(0,0,0,0.87)} .tile .more{background:none} .tile img{object-fit:contain} .tile:hover{color:rgba(0,0,0,0.87);z-index:10 !important} .tile:hover .front, .tile:hover .back{background:#fff;box-shadow:rgba(0,0,0,0.67) 0 0 1.5rem 0} .tile h3{margin:1em;text-align:center;max-width:100%} .work.tile .top, .work.tile .brief, .work.tile .more{position:absolute;left:0;right:0;padding:1.5rem} .work.tile .top{top:0} .work.tile .brief{bottom:4rem} .work.tile .more{bottom:.5rem} .work.tile .more .button{padding:.5rem;border:1px solid rgba(255,255,255,0.5)} .work.tile img[data-img-role=client]{max-width:20rem;max-height:6rem} .work.tile:hover{color:#fff} .work.tile .front:hover .corner{border-color:transparent transparent #fff transparent} .team-member p{padding-top:0 !important;padding-bottom:0 !important;max-width:100%} .team-member .front{background:#000000} .team-member .front img{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";transition:all .25s ease-out;object-fit:cover} .team-member .front img:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .team-member .back{color:#333 !important} .team-member .more .button{color:#333 !important;background:#fff !important;border:1px solid #fff !important} .flip{perspective:42rem;transform-style:preserve-3d} .flip:hover{cursor:pointer} .flip .inner{position:relative;width:100%;height:100%;transition:all .25s ease-out;transform-style:preserve-3d} .flip .inner .front, .flip .inner .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform-style:preserve-3d;transition:all .25s ease-out} .flip .inner .front{transform:rotateY(0deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:2} .flip .inner .back{transform:rotateY(-180deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";line-height:1.2em;padding:1.5em 1.5em 0.5em} .flip.flipped{transform:none !important} .flip.flipped .inner .front{transform:rotateY(180deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .flip.flipped .inner .back{transform:rotateY(0deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .technology{padding:.5rem;min-height:1rem;min-width:1rem;margin:1rem;text-align:center} .technology img{height:4rem;min-width:4rem;transition:all .25s ease-out;margin:auto} .technology img:hover{transform:scale(1.2)} @media (min-width:1024px){.technology{padding:.8rem}}#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#f25648;color:#ffffff} * html #outdated{position:absolute} #outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px} #outdated p{font-size:12px;line-height:12px;margin:0} #outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:#ffffff;text-decoration:none;border:2px solid #ffffff;cursor:pointer} #outdated #btnUpdateBrowser:hover{color:#f25648;background-color:#ffffff} #outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px} #outdated .last[dir='rtl']{right:auto !important;left:25px !important} #outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#ffffff;font-size:36px;line-height:36px} #facts-block{display:flex;flex-wrap:wrap} #facts-block .fact p{line-height:1.1em;padding-bottom:0rem} #facts-block .fact-text{font-size:5rem !important;font-weight:900} #facts-block .fact-subtext{font-size:3.6rem !important;font-weight:900} #facts-block .fact-experience{color:#fff;background:linear-gradient(45deg,#ffba00 0,#9c00ff 100%);border-radius:50%;padding:22rem 4rem 5rem;width:40rem;height:40rem;margin-top:-19rem;margin-left:-18rem;margin-bottom:-7rem} #facts-block .fact-experience p{width:16rem;box-sizing:border-box;margin-left:auto;margin-bottom:-0.9rem} #facts-block .fact-experience .fact-subtext{padding-left:0.67em;margin-top:-0.5em;margin-bottom:-0.5rem} #facts-block .fact-experience p:last-child{padding-left:3em} #facts-block .fact-pagespeed{color:#00bf87;text-align:center;border-radius:50%;border:1px solid #00bf87;width:16rem;min-width:16rem;height:16rem;padding-top:2.5rem;margin:0 3rem} #facts-block .fact-pagespeed p:first-child{font-size:1.125rem !important;margin-bottom:-0.5rem} #facts-block .fact-pagespeed p:last-child{width:15rem;margin:auto;font-weight:900;font-size:2rem !important;line-height:0.8em} #facts-block .fact-projects{color:#fff;position:relative;padding-top:5rem;width:24rem;height:26rem;margin-left:auto;margin-top:4rem;margin-bottom:-10rem;margin-right:-2rem} #facts-block .fact-projects:before{content:'';position:absolute;top:0;bottom:0;left:2rem;right:2rem;background:linear-gradient(45deg,#00bf87 0,#9c00ff 100%);z-index:-1;transform:rotate(-29deg)} #facts-block .fact-projects p{width:24rem;box-sizing:border-box;margin:auto;text-align:center;margin-bottom:-0.9rem} #facts-block .fact-projects p:first-child{padding-right:calc(5.5em + 2rem)} #facts-block .fact-projects .fact-text{padding-right:0.67em;padding-bottom:0.1em} #facts-block .fact-projects .fact-subtext{margin-top:-0.5em;margin-bottom:-0.5rem} #facts-block .fact-projects p:last-child{padding-left:7em} #facts-block .fact-clients{width:20rem;margin:auto;margin-top:9rem;padding-left:5rem} #facts-block .fact-clients p{text-align:center} #facts-block .fact-clients p:first-child{color:#999;padding-bottom:1rem} #facts-block .fact-clients img{max-width:13rem;display:block;padding:0.5rem;margin:auto} #facts-block .fact-international{margin-left:auto;color:#0091FF;position:relative;padding-right:1rem;margin-top:8rem;margin-bottom:15rem} #facts-block .fact-international .fact-text{font-size:7rem !important;display:inline-block} #facts-block .fact-international .fact-subtext{margin-top:-1.5rem;text-align:right;width:21rem} #facts-block .fact-international p:first-child{display:inline-block;width:12rem;text-align:right;vertical-align:top;padding-top:1.25rem} #facts-block .fact-international img{width:29rem;position:absolute;right:-18rem;top:1.5rem} @media (min-width:500px){#facts-block .fact-experience{margin-right:-4rem} #facts-block .fact-pagespeed{margin-right:-4rem;margin-left:calc(33% - 11rem);width:18rem;height:18rem;padding-top:3.5rem} #facts-block .fact-projects{margin-top:16rem;margin-right:calc(20% - 8rem)} #facts-block .fact-international{margin-top:6.5rem;margin-bottom:7rem}}@media (min-width:768px){#facts-block .fact-experience{padding:25rem 3rem 5rem;width:45rem;height:45rem;margin-top:-20rem;margin-left:-20rem} #facts-block .fact-experience p{width:20rem} #facts-block .fact-pagespeed{margin-left:47%;margin-top:-5rem} #facts-block .fact-projects{width:25rem;height:25rem;padding-top:4rem;margin-bottom:-8rem;margin-top:-5rem;margin-left:6rem} #facts-block .fact-international{margin-top:3.5rem} #facts-block .fact-international .fact-text{font-size:8rem !important} #facts-block .fact-international .fact-subtext{margin-top:-1.5rem;text-align:right;width:21rem} #facts-block .fact-international img{width:33rem;right:-21rem}}@media (min-width:1024px){#facts-block .fact-text{font-size:6rem !important} #facts-block .fact-subtext{font-size:4.3rem !important} #facts-block .fact-experience{padding:30rem 9rem 5rem;width:54rem;height:54rem;margin-top:-25rem;margin-left:-23rem} #facts-block .fact-pagespeed{width:22rem;height:22rem;padding-top:4rem;margin-left:57%;margin-top:4rem} #facts-block .fact-pagespeed p:first-child{font-size:1.25rem !important} #facts-block .fact-pagespeed p:last-child{font-size:2.5rem !important} #facts-block .fact-projects{width:30rem;height:30rem;padding-top:5rem;margin-bottom:-10rem;margin-top:-18rem;margin-left:12rem} #facts-block .fact-international{margin-right:2rem} #facts-block .fact-international .fact-subtext{margin-top:-2rem;width:23rem} #facts-block .fact-international img{right:-22rem}}@media (min-width:1200px){#facts-block .fact-experience{margin-right:10rem} #facts-block .fact-international{margin-top:4rem} #facts-block .fact-projects{margin-left:17rem;margin-top:-16rem} #facts-block .fact-pagespeed{margin-left:56%;margin-right:0%;margin-top:-1rem}}#feedback-block{color:#fff;position:relative;overflow:hidden;padding-bottom:2rem} #feedback-block .container{padding:0 2rem;display:flex;flex-wrap:wrap} #feedback-block .background{background-size:120rem;background-position:38% bottom;background-repeat:no-repeat;height:58rem} #feedback-block h2{width:100%;text-align:center;padding-top:6rem;margin-bottom:4rem} #feedback-block .feedback{width:25rem;max-width:100%;box-sizing:content-box;position:relative;z-index:0;margin:auto;padding-bottom:0 !important;margin-bottom:2rem} #feedback-block .feedback p{padding-bottom:0.5rem;font-size:1.35rem} #feedback-block .feedback p:last-child{text-align:right;font-size:1.125rem} #feedback-block .feedback p:last-child span{display:block} #feedback-block .feedback p:last-child span:first-child:before{content:'- '} #feedback-block .feedback p:last-child span:after{content:','} #feedback-block .feedback p:last-child span:last-child:after{content:''} @media (min-width:500px){#feedback-block{padding-bottom:3rem} #feedback-block .background{background-size:190rem;height:86rem} #feedback-block h2{margin-bottom:3rem} #feedback-block .feedback:before{content:'';position:absolute;top:0;left:0;border-radius:50%;z-index:-1} #feedback-block .feedback:nth-child(2){padding:6.5rem;margin-left:0} #feedback-block .feedback:nth-child(2):before{width:20rem;height:20rem;background:linear-gradient(45deg,#8400ff 0%,#00bf87 100%)} #feedback-block .feedback:nth-child(3){padding:5.5rem;margin-right:0} #feedback-block .feedback:nth-child(3):before{width:17rem;height:17rem;background:linear-gradient(45deg,#9c00ff 0%,#0091FF 100%)} #feedback-block .feedback:nth-child(4){padding:3.5rem} #feedback-block .feedback:nth-child(4):before{width:12rem;height:12rem;background:linear-gradient(45deg,#ffba00 0%,#ff00ba 100%)}}@media (min-width:768px){#feedback-block{padding-bottom:5rem} #feedback-block .background{background-size:300rem;height:136rem} #feedback-block .feedback{margin-bottom:0}}@media (min-width:1024px){#feedback-block .feedback:nth-child(4){margin-top:5rem}}@media (min-width:1200px){#feedback-block .feedback{width:36rem}}#home-block #home-title{background:#fff;position:relative} #home-block #home-title h1, #home-block #home-title p{padding-left:2rem;padding-right:2rem} #home-block #home-title h1{text-align:center;color:#9c00ff;margin-bottom:0.6em;padding-top:1.5rem} #home-block #home-title p{padding-bottom:3rem} #home-block #home-image{background-size:cover;background-position:center;height:40vh} #home-block #home-body{background:#fff;position:relative} #home-block #home-body h2, #home-block #home-body p{padding-left:2rem;padding-right:2rem} #home-block #home-body h2{text-align:center;color:#00bf87;margin-bottom:0.6em;padding-top:3.5rem} #home-block #home-body p{padding-bottom:3rem} #home-block #home-title:after, #home-block #home-body:before, #home-block #home-body:after{content:'';position:absolute;left:0;right:0} #home-block #home-title:after{bottom:-3rem;border-top:3rem solid #fff;border-bottom:3rem solid transparent;border-right:100vw solid white} #home-block #home-body:before{top:-3rem;border-bottom:3rem solid #fff;border-top:3rem solid transparent;border-right:100vw solid white} #home-block #home-body:after{bottom:-3rem;border-top:3rem solid #fff;border-bottom:3rem solid transparent;border-left:100vw solid white;z-index:1} @media (min-width:768px){#home-block #home-title h1, #home-block #home-title p{padding-left:16rem;padding-right:5rem} #home-block #home-title h1{text-align:left;margin-bottom:0.4em;padding-top:2.75rem} #home-block #home-body h2, #home-block #home-body p{padding-left:16rem;padding-right:5rem} #home-block #home-body h2{text-align:left;margin-bottom:0.4em}}@media (min-width:1024px){#home-block #home-title h1, #home-block #home-title p{padding-left:24.5rem;padding-right:5rem} #home-block #home-title h1{padding-top:2.25rem}}section{width:100%} .container{max-width:100%;width:100%;margin:auto} .background{opacity:0.15;position:absolute;top:0;bottom:0;left:0;right:0} @media (min-width:768px){.container{width:768px}}@media (min-width:1024px){.container{width:1024px}}@media (min-width:1200px){.container{width:1200px}}#services-block{position:relative;padding:7rem 0} #services-block .background{background-size:150rem auto;background-position:26% -24.5rem;background-repeat:no-repeat} #services-block h2{text-align:center} #services-block h2, #services-block .L p{max-width:70rem;margin:auto;margin-bottom:0.5em;padding:0 2rem;color:#fff} #services-block .tiles-tiles{margin:auto;padding-top:5rem} #services-block .tile{max-width:100%;width:24rem;height:18rem;padding:1rem} #services-block .tile .back, #services-block .tile .front{color:rgba(0,0,0,0.87);background:#fff;box-shadow:rgba(0,0,0,0.67) 0 0 1.5rem} #services-block .tile .front .corner{border-color:transparent transparent #333 transparent} @media (min-width:500px){#services-block .background{background-position:26% -28.5rem}}@media (min-width:768px){#services-block .background{background-size:350% auto;background-position:26% 41%} #services-block .tile:nth-child(1){margin-top:2rem} #services-block .tile:nth-child(2){margin-top:15rem}}#team-block{position:relative} #team-block .background{background-size:250rem auto;background-position:45% 38%;background-repeat:no-repeat} #team-block #team-title{color:#fff;text-align:center;margin:4rem 0} #team-block #team-text{color:#fff;width:20rem;margin:5.5rem auto} #team-block .tiles-tiles{justify-content:center} #team-block .tile{width:20rem;height:20rem;margin:1.5rem} #team-block .tile .front, #team-block .tile .back{border:none} #team-block img{width:100%;height:100%} @media (min-width:500px){#team-block #team-text{max-width:50%;width:45rem}}@media (min-width:1200px){#team-block .tile{width:25rem;height:25rem}}#technologies-block{padding:5.5rem 2rem;box-sizing:border-box} #values-block{background-size:cover;background-position:63% top;background-repeat:no-repeat;position:relative} #values-block #values-title{color:#fff;text-shadow:0 0 1.5rem rgba(0,0,0,0.87);text-align:center;margin:4rem 2rem} #values-block #values-image{position:absolute;background-size:contain;border-radius:50%;box-shadow:rgba(0,0,0,0.67) 0 0 3rem 0.5rem;background-color:rgba(0,0,0,0.67)} #values-block .tiles-tiles{margin:0 -2rem;padding-bottom:2rem} #values-block .tile{max-width:100%;height:18rem;padding:0 2rem 2rem} #values-block .tile .back, #values-block .tile .front{color:rgba(0,0,0,0.87);background:#fff;box-shadow:rgba(0,0,0,0.67) 0 0 1.5rem} #values-block .tile .front .corner{border-color:transparent transparent #333 transparent} @media (min-width:500px){#values-block{background-size:auto 110%;background-position:58.5% 100%} #values-block #values-title{margin:5.5rem} #values-block #values-image{width:16rem;height:16rem;top:8rem;left:-6rem} #values-block #values-summary, #values-block .tiles-tiles{justify-content:space-around;max-width:50rem;margin:auto;padding-bottom:4rem} #values-block .tile{width:24rem;min-width:24rem;margin:0 -6rem;padding:0} #values-block .tile:nth-child(1){margin-left:auto;margin-right:1.5rem;z-index:2} #values-block .tile:nth-child(2){margin-right:auto;margin-left:1.5rem;margin-top:-3rem;z-index:1} #values-block .tile:nth-child(3){margin-left:15%;margin-top:-2rem;z-index:3} #values-block .tile:nth-child(4){margin-right:15%;margin-top:-5rem;z-index:4}}@media (min-width:768px){#values-block{background-size:cover;background-position:76% center} #values-block #values-image{top:10rem;left:-6rem} #values-block .tiles-tiles{margin-left:-3.5rem;max-width:90%} #values-block .tile:nth-child(1){margin-left:50%;margin-right:0%} #values-block .tile:nth-child(2){margin-right:2%;margin-left:0%;margin-top:-5rem} #values-block .tile:nth-child(3){margin-left:75%;margin-right:15%;margin-top:-6rem} #values-block .tile:nth-child(4){margin-right:50%;margin-left:10%;margin-top:-15rem}}@media (min-width:1024px){#values-block #values-image{top:6rem;left:-6rem} #values-block .tiles-tiles{flex-wrap:nowrap;margin:auto;width:100%;max-width:98rem;padding:0rem 2rem 5rem} #values-block .tile:nth-child(4n){margin-top:3rem;margin-left:-3.5rem;margin-right:-3.5rem} #values-block .tile:nth-child(4n+1){margin-top:16rem;margin-left:-3.5rem;margin-right:-3.5rem} #values-block .tile:nth-child(4n+2){margin-top:0rem;margin-left:-3.5rem;margin-right:-3.5rem} #values-block .tile:nth-child(4n+3){margin-top:12rem;margin-left:-3.5rem;margin-right:-3.5rem} #values-block .tile:first-child{margin-left:0} #values-block .tile:last-child{margin-right:0}}@media (min-width:1200px){#values-block #values-image{left:calc(50% - 56rem)}}#work-block{color:#fff;position:relative;overflow:hidden} #work-block .background{background-size:120rem;background-position:39% center;background-repeat:no-repeat} #work-block h2{text-align:center;padding-top:7rem;margin-bottom:0.6em} #work-block .L p{padding-left:2rem;padding-right:2rem;max-width:56rem;margin:auto} #work-block .tiles-tiles{padding:2rem 1rem 5rem;max-width:72rem;margin:auto;height:80rem;box-sizing:content-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center} #work-block .tile{max-width:100%;width:30rem;height:20rem} #work-block .tile .front, #work-block .tile .back{border:none} #work-block .tile .front p{font-size:1.25rem} @media (min-width:500px){#work-block .background{background-size:190rem}}@media (min-width:768px){#work-block .background{background-size:250%} #work-block .tiles-tiles{flex-direction:row;height:48rem} #work-block .tile:nth-child(1){z-index:4} #work-block .tile:nth-child(2){margin-top:8rem;margin-bottom:-8rem;margin-left:-2rem;margin-right:2rem;z-index:3} #work-block .tile:nth-child(3){margin-top:-8rem;margin-right:-2rem;margin-left:2rem;z-index:2} #work-block .tile:nth-child(4){margin-top:8rem;z-index:1}}@media (min-width:1024px){#work-block .L p{max-width:67%} #work-block .tiles-tiles{height:40rem} #work-block .tile:nth-child(1), #work-block .tile:nth-child(2), #work-block .tile:nth-child(3), #work-block .tile:nth-child(4){margin:0} #work-block .tile:nth-child(2){margin-right:auto} #work-block .tile:nth-child(3){margin-left:auto}}