@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,textarea,*:before,*:after,ul.unstyle,ul.unstyle li{margin:0;padding:0;border:0;font:inherit;box-sizing:border-box;}
html,body{width:100%;height:100%;}
body{font-family: 'Quicksand', sans-serif;font-size:100%;font-weight:300;color:#60616a;background:#fff;overflow-x:hidden;}
body.innerPage{background:#fff;}


.cWrap{max-width:1270px;margin:0 auto;width:100%;padding:0 30px;}
.cWrap.flex{display:flex;}
.clear{width:100%;clear:both;margin:0px !important;}

.unstyle,.unstyle li{list-style:none;}

.fullWidth{float:left;width:100%;clear:both;}
.halfWidth{float:left;width:48.25%;margin:0 0 0 3.5%;}
.three-blocks{float:left;width:31%;margin:0 0 0 3.5%;}
.four-blocks{float:left;width:22.375%;margin:0 0 0 3.5%;}

.flex .fullWidth,.flex .halfWidth,.flex .three-blocks,.flex .four-blocks{margin-left:0px;margin-bottom:3.5%;}


.radioField{display:block;position:relative;padding-left:50px;margin-bottom:10px;}
.radioField:before{content:'';display:block;position:absolute;width:36px;height:20px;border-radius:10px;left:0px;top:0px;background:#999;transition:all .2s ease-out;}
.radioField:after{content:'';display:block;position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;left:2px;top:2px;transition:all .2s ease-out;}
.radioField.active:before{background:#399ac3;}
.radioField.active:after{left:18px;}


.radioField{display:block;position:relative;padding-left:50px;}
.radioField input{width:0px;height:0px;opacity:0;}

select{font-family: 'Rubik', sans-serif;font-size:1em;font-weight:300;}
select option{font-weight:300;}

.first{margin-left:0px;clear:left;}
.flex{display:flex;flex-wrap: wrap;}
.greyBox{background:#f5f6fa;}

h1{letter-spacing:-.04em;}
h3{font-size:1.2em;font-weight:500;margin-bottom:.6em;}

#cover{position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:1000;display:flex;justify-content:center;align-items:center;}
.active #cover{opacity:0;visibility:hidden;transition:all .4s linear;transition-delay:.8s;}
#logoAnimate{display:block;width:222px;transition:width .5s ease-in-out;transition-delay:.3s;overflow:hidden;}
#logoAnimate.full{width:820px;}
#logoShape{float:left;display:flex;position:relative;width:222px;justify-content:center;}
#logoShape #circle{display:flex;width:150px;height:150px;background:transparent url("../images/logo_circle.svg");position:relative;justify-content:center;align-items:center;}
#logoShape #circle:before{content:'';display:block;width:150px;height:150px;background:#fff;position:absolute;left:0px;top:0px;border-radius:30%;opacity:0}
#logoShape #circle.active:before{opacity:1;transition:all .4s linear;}
#logoShape #circle>img{display:block;position:absolute;left:0px;top:0px;}
#logoC{width:75px;height:75px;position:relative;overflow:hidden;}
#logoC>figure{width:72px;height:76px;position:absolute;border-radius:44%;background:#66b6c4;left:1px;}
#logoC>img{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
#logoC>span{width:24px;height:24px;border-radius:50%;background:#508b91;position:absolute;left:50%;top:50%;z-index:1;margin:-12px 0 0 -9px;}
#logoC>div{width:13px;height:13px;border-radius:50%;background:#508b91;position:absolute;left:80%;top:10%;z-index:1;margin:2px 0 0 -2px;}

#logoShape #arrowLeft{width:86px;height:120px;position:absolute;top:15px;left:0px;}
#logoShape #arrowRight{width:86px;height:120px;-ms-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);position:absolute;top:15px;left:auto;right:0px;}
#logoAnimate svg{float:left;height:90px;margin-top:30px;overflow:hidden;display:none;}
.st0{fill:#508B91;}
.st1{fill:#66B6C4;}

header{position:fixed;left:0px;top:0px;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:10;background:rgba(255,255,255,.8);}
#siteLogo{height:40px;display:block;}
header nav{position:fixed;right:50px;top:40%;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
header nav a{display:block;overflow:hidden;max-width:0px;white-space:nowrap;font-size:1em;right:0px;text-decoration:none;color:rgba(255,255,255,0);padding:4px 10px;position:relative;}
header nav a:before{content:'';display:block;position:absolute;right:0px;top:50%;border-radius:40px;border:#c6c7ca 1px solid;background:#fff;width:16px;height:16px;z-index:-1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .25s linear;}
header nav a:hover:before{width:100%;height:100%;background:#66B6C4;border:#66B6C4 1px solid;}
header nav a:hover{max-width:600px;color:rgba(255,255,255,1);transition:color .25s linear;transition-delay:.4s;}


#rotate{float:left;width:100%;height:100%;position:fixed;z-index:9999;background:#252525;left:0px;top:0px;display:none;}
#rotate figure{float:left;width:50px;height:102px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
#rotate div{float:left;width:20px;height:20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
#rotate h4{width:100%;min-width:320px;height:20px;position:absolute;left:50%;top:100%;transform:translate(-50%,20%);-ms-transform:translate(-50%,20%);-webkit-transform:translate(-50%,20%);-moz-transform:translate(-50%,20%);-o-transform:translate(-50%,20%);text-align:center;color:#777;}

#mNav{position:fixed;width:50px;height:50px;top:15px;right:20px;z-index:30;border-radius:50%;border:#66B6C4 1px solid;overflow:hidden;cursor:pointer;}

#mNav span{position:absolute;display:block;width:22px;height:10px;left:50%;top:19px;border-top:#66B6C4 1px solid;border-bottom:#66B6C4 1px solid;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .25s ease-in-out;}

#mNav:hover span{width:32px;}



.open #mNav{left:auto;right:0px;}
.open #mNav span{opacity:0;transition:none}
#mNav figure{opacity:0;position:absolute;display:block;width:32px;height:3px;left:50%;top:50%;background:rgba(255,255,255,0.6);border-radius: 1px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform: rotate(45deg);transition:none;margin: 0 0 0 -16px;}
#mNav figure:before{content:'';position:absolute;display:block;width:32px;height:3px;left:0px;top:0px;background:rgba(255,255,255,0.6);border-radius: 1px;-ms-transform: rotate(90deg);-webkit-transform:rotate(90deg);transform: rotate(90deg);}
.open #mNav figure{opacity:1;transition:all .2s linear;transition-delay:.2s;}

nav{display:block;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:10;opacity:0;visibility:hidden;transition:all .01s linear;overflow:hidden;transition-delay:0.45s;}
nav>div{display:block;width:50%;height:100%;background:transparent url(../images/deck3.jpg) no-repeat center center;position:absolute;background-size:cover;left:-50%;top:0px;transition:all .4s ease-in-out;}
nav>aside{display:flex;flex-direction:column;justify-content:center;width:50%;height:100%;position:absolute;background:#f5f6fa;left:100%;top:0px;transition:all .4s ease-in-out;padding-left:10%;gap:20px;align-items:flex-start;}
nav>aside a{display:block;font-size:2em;text-decoration:none;color:#66b6c4;text-transform:uppercase;position:relative;z-index:1;transition:all .2s ease-in-out;}
nav>aside a:before{content:'';display:block;width:0%;height:40%;background:#66b6c4;position:absolute;left:0px;bottom:0px;z-index:-1;box-sizing:content-box;border-right:#66b6c4 0px solid;z-index:-1;transition:all .3s ease-in-out;}
nav>aside a:hover{color:#417d95;}
nav>aside a:hover:before{width:100%;border-right:#66b6c4 10px solid;}

nav.open{opacity:1;visibility:visible;transition-delay:0s;}
nav.open>div{left:0%;transition-delay:0s;}
nav.open>aside{left:50%;transition-delay:0s;}

#heroCell{display:block;width:100%;overflow:hidden;position:relative;}
#heroCell .cWrap{display:flex;height:600px;justify-content:flex-start;align-items:center;}
#heroCell .cWrap h1{font-size:4em;color:#66b6c4;text-shadow:10px 10px 4px #fff}
#heroCell .cWrap h1 strong{display:flex;font-size:40%;color:#417d95}

#heroCell:before{content:'';display:block;width:200%;height:200%;border-radius:100px;background: rgb(245,246,250);
background: radial-gradient(circle, rgba(245,246,250,1) 0%, rgba(240,241,250,1) 100%);background-size:150%;background-position:0px 10px;position:absolute;opacity:0;left:80%;top:-10%;transition:all 1.2s cubic-bezier(.04,-0.89,.17,.84);z-index:-1;-ms-transform:rotate(31deg);-webkit-transform:rotate(31deg);transform:rotate(31deg);border:#d5edf1 100px solid;}

#watDo{display:block;position:relative;padding:100px 0 60px;}
#watDo:before{content:'';display:block;width:600px;height:600px;border-radius:50%;border:#e7e8ea 1px solid;border-bottom:#66b6c4 1px dashed;position:absolute;right:65%;top:-80px;animation:rotatedLine 30s linear infinite;}
#watDo:after{content:'';display:block;width:560px;height:560px;border-radius:50%;position:absolute;right:65%;top:-80px;background:transparent url(../images/deck4.jpg) no-repeat center center;background-size:cover;margin:20px;z-index:-1;}
#watDo h2{display:flex;width:560px;height:560px;border-radius:50%;position:absolute;right:65%;top:-80px;margin:20px;z-index:0;color:#fff;justify-content:center;align-items:flex-end;padding:0 0 5%;font-size:3em;letter-spacing:-.05em;}
#watDo article{display:block;padding:0 10% 0 45%;font-size:1.4em;color:#98999a;}
#watDo article strong{display:block;font-size:280%;text-transform:uppercase;font-weight:700;line-height:1em;letter-spacing:-.02em;margin-bottom:1em;}
#watDo article strong em{display:block;color:#66b6c4;font-size:120%;}

#whyUs{display:flex;flex-direction:row-reverse;padding:80px 60px 50px;justify-content:space-between;align-items:center;position:relative;}
#whyUs>aside{width:32%;display:flex;flex-wrap:wrap;gap:31px;position:relative;justify-content:space-between;}
#whyUs>aside:before{content:'';display:block;width:50%;height:1px;background:#e5e6ea;position:absolute;left:50%;top:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
#whyUs>aside:after{content:'';display:block;width:1px;height:50%;background:#e5e6ea;position:absolute;left:50%;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
#whyUs>aside figure{display:block;width:47%;padding-top:47%;position:relative;overflow:hidden;color:#98999a;}
#whyUs>aside figure em{display:block;position:absolute;bottom:0px;font-size:9em;font-family:'M PLUS Rounded 1c', sans-serif;text-transform:uppercase;letter-spacing:-.08em;line-height:.6em;}
#whyUs>aside img+figure em{top:0px;bottom:auto;}
#whyUs>aside img{display:block;width:47%}
#whyUs>aside img.fanImg{border-top-right-radius:60%;}
#whyUs>aside img.bevelImg{border-bottom-left-radius:10%;}
#networkBg{display:block;position:absolute;right:10%;bottom:5%;width:62%;opacity:.15;z-index:-1;-ms-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}

#whyUs>article{width:66%;display:flex;flex-wrap:wrap;gap:5%;font-size:1.4em;}
#whyUs>article p{width:30%;}
#whyUs>article p strong{display:block;font-size:160%;text-transform:uppercase;line-height:1em;color:#66b6c4;margin-bottom:.6em;font-weight:700;}

#lapTop{min-height:600px;position:relative;background:transparent url(../images/background.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;}
#lapTop #works{display:block;position:absolute;width:74%;top:-5%;left:-5%;transition:all .2s linear;}
#lapTop #works img{display:block;max-width:100%;}
#lapTop #works #snaps{display:block;position:absolute;width:100%;height:100%;top:0%;left:0%;}
#lapTop #works #snaps img{display:block;position:absolute;width:100%;height:100%;top:0%;left:0%;z-index:0;opacity:0;transition:opacity .6s linear,z-index 0.01s linear;}
#lapTop #works #snaps img.active{z-index:2;opacity:1;}
#lapTop #works #snaps img.lastAct{z-index:1;}
#worksInfo{float:right;width:30%;margin:100px 10% 0 0;position:relative;}
#worksInfo h2{display:block;font-size:1.2em;line-height:1.2em;letter-spacing:-.01em;opacity:0;transition:all .3s linear;position:absolute;left:0px;top:30px;}
#worksInfo h2 strong{display:block;font-size:300%;line-height:1em;text-transform:uppercase;color:#66b6c4;font-weight:bold;text-transform:uppercase;}
#worksInfo h2 em{display:block;font-size:90%;font-weight:bold;margin:0 0 20px;}
#worksInfo h2.active{top:0px;opacity:1;transition-delay:.3s}

#nextWork{display:block;width:80px;height:80px;border-radius:50%;background:#fff;position:absolute;right:10%;bottom:80px;cursor:pointer;}
#nextWork:before{content:'';display:block;width:20px;height:20px;border-right:#66b6c4 2px solid;border-top:#66b6c4 2px solid;background:#fff;position:absolute;left:50%;top:50%;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:-10px 0 0 -14px;}

#weHelp{display:flex;flex-wrap:wrap;flex-direction:row-reverse;overflow:hidden;}
#weHelp dl{width:60%;padding:120px 100px 90px 100px;}
#weHelp dl dt{display:block;border-bottom:#a5a6aa 1px solid;text-align:right;line-height:2em;position:relative;font-size:1.4em;font-weight:700;padding-top:1.4em;overflow:hidden;letter-spacing:-.03em;}
#weHelp dl dt:before{content:attr(data-before);font-size:6em;position:absolute;font-weight:100;color:#66b6c4;opacity:.2;float:left;left:0px;line-height:1em;top:-20px;}
#weHelp dl dd{display:block;margin-bottom:30px;font-size:1.2em;padding-top:20px;}
#weHelp aside{width:40%;position:relative;overflow:hidden;}
#weHelp aside:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;background:#66b6c4 url(../images/deck3.jpg) no-repeat center center;background-size:cover;z-index:-1;}
#weHelp aside h2{font-size:3.6em;padding:40px 0 0 40px;color:#fff;line-height:.9em;letter-spacing:-.05em;width:300px;}
#weHelp aside:after{content:'';display:block;width:500px;height:500px;background:#66b6c4;position:absolute;left:-150px;top:-350px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:10px;z-index:-1;}

#hContact{padding:100px 100px 0;display:flex;}
#hContact aside{width:30%;background:#66b6c4;display:flex;align-items:center;margin:6% 0;position:relative;text-transform:uppercase;font-size:2.2em;font-weight:bold;text;z-index:1;}
#hContact aside h2{text-align:right;color:rgba(0,0,0,0.3);letter-spacing:-.05em;}
#hContact aside h2 strong{display:block;font-size:60%;color:#fff;text-transform:none;padding-left:30%;letter-spacing:-.01em;font-weight:100;line-height:1em;}
#hContact aside:before{content:'';display:block;width:80px;height:100%;position:absolute;left:100%;background:inherit;}
#hContact form{width:70%;padding:6% 10% 6% 15%;background:#45464a;display:flex;flex-direction:column;gap:30px;position:relative;}
#hContact form label{width:100%;color:#89878a;font-size:.9em;font-weight:bold;}
#hContact form label input{width:100%;background:rgba(255,255,255,.1);border:none;resize:none;outline:none;padding:0 10px;height:50px;margin-top:6px;color:#e5e6ea;}
#hContact form label textarea{width:100%;background:rgba(255,255,255,.1);border:none;resize:none;outline:none;padding:10px;height:150px;margin-top:6px;color:#e5e6ea;}
#hContact form input[type="submit"]{background:#66b6c4;color:#fff;text-transform:uppercase;font-weight:bold;height:50px;}

footer{padding:0 100px 40px;display:block;}

@keyframes bgMove {
  0%   {-ms-transform:rotate(29deg);-webkit-transform:rotate(29deg);transform:rotate(29deg)}
  100% {-ms-transform:rotate(33deg);-webkit-transform:rotate(33deg);transform:rotate(33deg)}
}

@keyframes rotatedLine {
  0%   {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100% {-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

#heroCell.active:before{opacity:1;left:30%;top:10%;animation:bgMove 18s linear infinite alternate;}

@media screen and (min-aspect-ratio: 13/9){
.mCell #rotate{display:block;}
}

@media (min-width: 1600px) {
#heroCell .cWrap{height:680px;}
#lapTop #works{width:52%;top:-8%;left:5%;transition:all .2s linear;}
#worksInfo{width:24%;margin-right:24%;}
#watDo article{padding:0 30% 0 45%;}
#nextWork{right:24%;}
}

@media(max-width:1024px){
	
}

@media (max-width: 900px){
body{font-size:90%;}
.cWrap{padding:0 20px;}
header{top:0px;background:#25262a;}
header:before{display:none;}
header h1{width:100%;text-align:center;line-height:80px;}
header nav{position:fixed;width:100%;height:100%;background:#25262a;right:40%;top:0px;opacity:0;visibility:hidden;transition:all .25s ease-out;flex-direction:column;justify-content:center;font-size:2em;align-items:center;}
header.open nav{right:0%;opacity:1;visibility:visible;}
header nav>div {margin:0 0 30px;line-height:40px;padding:0;font-weight:400;width:160px;text-align:center;}
#mNav,#mSearch{display:block;}
	
#homeSteps .cWrap.flex{gap:40px;}
#homeSteps .imgTitle{gap:50px;}
#homeSteps .flex>div figure{width:100%;margin:0px;}
#homeSteps .flex>div p span{padding:10px 20px 20px;}
	
#homeActions .cWrap{gap:30px;flex-flow:column wrap}
#homeActions figure{width:100%;padding:30px 60px 10px 240px;position:relative;}
#homeActions figure h3{color:#fff;font-weight:600;}
#homeActions figure p{margin-bottom:40px;}
#homeActions figure img{width:160px;margin:0px;padding:50px;margin:-80px 0 0;position:absolute;left:40px;top:50%;}
	
.searchFrm{position:fixed;width:100%;left:0px;top:40px;transition:top .2s ease-out;z-index:3;}
.searchFrm.active{top:80px;}
	
.sideBar .cWrap{flex-wrap:wrap;}
.sideBar .cWrap article{width:100%;padding:0 30px;}
.sideBar .cWrap aside{width:100%;flex:auto;background:none;border-top:#c0c1ca 1px solid;margin-top:30px;}
}

@media (max-width: 641px) {
	
}

@media (max-width: 481px) {
body{font-size:80%;}
header h1{line-height:60px;}
#mNav{-ms-transform:scale(.75);-webkit-transform:scale(.75);transform:scale(.75);transform-origin:left top;}
.open #mNav{transform-origin:right top;}
#mSearch{top:0px;right:0px;}	
.searchFrm{top:0px;}
.searchFrm.active{top:60px;}
	
#homeWhat .cWrap{flex-direction:column;gap:30px;}
#homeWhat p{width:100%;background:#fff;padding:30px;box-shadow:0px 2px 20px rgba(0,0,0,0.1);text-align:center;border-radius:12px;}
#homeWhat p img{display:block;max-width:100%;padding:0 36% 20px;}
#homeWhat p strong{display:block;font-weight:600;margin-bottom:10px;font-size:150%;}
#homeWhat .cWrap>div{width:31%;background:#ff4455;padding:30px;}
	
#homeSystem{padding:60px 20px;}
	
#homeSteps .imgTitle h3{font-size:2.2em;}
#homeSteps .flex>div figure{width:100%;padding-top:50%;margin:0px;}
#homeSteps .flex>div{flex:auto;}
	
#homeActions figure{width:100%;padding:20px 30px 30px;position:relative;}
#homeActions figure h3{color:#fff;font-weight:600;}
#homeActions figure p{margin-bottom:40px;}
#homeActions figure img{width:40%;margin:0px;padding:30px;margin:0 30% 10px;position:static;}
#homeContact .cWrap{flex-direction:column;gap:30px;}
#homeContact .cWrap>div{width:100%;margin:0px;}
#homeContact .cWrap>aside{width:100%;}
#homeContact .halfWidth{width:100%;margin:0 0 20px;}
	
.sectionTitle{height:260px;}
.sideBar .cWrap article{padding:0 10px;}
.sideBar .cWrap aside{padding:30px 10px;margin-top:30px;}
	
footer{padding:0 0 20px}
footer nav{display:none;}
footer .cWrap>div{border:none;flex-direction:column-reverse;margin:0px;gap:20px;}
footer aside{width:100%;display:flex;justify-content:center;gap:10px;}
footer aside a:hover svg{opacity:1;transition:all .25s linear;}
footer aside a:hover path{fill:#73c0e8;}
footer .cWrap>div h2{display:none;}
footer .cWrap>div p{width:100%;text-align:center;}
}

@media (max-width: 321px) {
  
}