*{margin:0;font-family:"Lato",sans-serif}html,body{width:100%;height:100%}#body{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}#wrapper{margin:0 auto;max-width:1280px;min-width:1000px;height:100%;position:fixed;z-index:800}.bg1{width:100%;height:100%;background:#050006 url("../img/bg1.jpg") no-repeat center;background-size:100% 100%}.bg2{background:#050006 url("../img/bg2.jpg") no-repeat center;background-size:100% 100%}.bg3{background:#050006 url("../img/bg3.jpg") no-repeat center;background-size:100% 100%}header{top:20px;left:20px;width:200px;overflow:hidden;position:fixed;z-index:800}#menuBtn-mobile{display:none}#loader{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;background:#fff url(../img/loading.gif) no-repeat center}.thinTittle{font-size:65px;color:white;font-weight:100;border-bottom:1px solid white}#projects .thinTittle{text-align:center;padding-top:40px;display:block;margin:0 auto;width:222px;padding-bottom:20px}header{top:10px;opacity:0;-webkit-transition-delay:opacity 2s;transition-delay:opacity 2s;transition:opacity 1s ease-out}.ready header{top:20px;opacity:1}#logo{display:block;width:175px;height:90px;background:url("../img/logoPyg.svg") no-repeat center;background-size:contain}header nav{margin-top:27px;color:#fff;width:180px;min-height:105px}header nav a{text-decoration:none;color:#fff}.btn{border-top:1px solid #fff;width:110px;height:31px;margin-top:3px;line-height:1;font-size:15px;cursor:pointer;transition:all 0.25s cubic-bezier(0, 0.42, 0, 1.02);font-weight:600;padding:5px 5px 0 0;box-sizing:border-box;position:relative;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.btn:after{content:"";position:absolute;top:0;left:0;width:0%;height:1px;opacity:0;background-color:rgba(255,255,255,0.9);transition:width 1.8s cubic-bezier(0, 0.42, 0, 1.02),opacity 0.05s ease-in}.btn span{transition:all 0.15s cubic-bezier(0.31, -0.06, 0.1, 1.55);transition-delay:0.05s;line-height:1;margin-left:1%}.btn:hover span{padding-top:20px;font-weight:300;margin-left:20%;font-size:20px;color:#3fffe2}.btn:hover{width:150px}.btn:hover:after{content:"";opacity:1;width:100%}#home{width:100%;height:100%;overflow:hidden;z-index:400;box-shadow:0 5px 5px rgba(0,0,0,0.7);background:url("../img/bg3.jpg") no-repeat center;background-size:100% 100%}#homeButtons{position:absolute;right:0;bottom:0;overflow:hidden;padding:7% 3% 4% 10%;z-index:500;line-height:0.9}.fieldsTitle{font-weight:800;color:white;font-weight:100;font-size:80px;text-shadow:-5px 5px 50px rgba(0,0,0,0.8);transition:font-weight 0.3s cubic-bezier(0.31, -0.06, 0.04, 0.94)}.fieldsTitle.highlighted{font-weight:600}#designBtn{transform-origin:bottom center;-webkit-backface-visibility:hidden}#interactionBtn{transform-origin:top center;-webkit-backface-visibility:hidden}#plusSign{color:#3fffe2;font-weight:800;font-weight:100;font-size:80px;text-shadow:-5px 5px 50px rgba(0,0,0,0.8);transition:font-weight 0.3s cubic-bezier(0.31, -0.06, 0.04, 0.94);transform-origin:top center;-webkit-backface-visibility:hidden}.main-background{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bgImg{width:1920px;height:1080px;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);z-index:90;opacity:0;transition:opacity 0.5s ease-in-out}.bgImg.-top{z-index:100;opacity:1}#video{top:100%;width:100%;height:100%;background-size:100% 100%;background-attachment:fixed;position:relative;z-index:100;box-shadow:inset 0 7px 7px rgba(0,0,0,0.7)}#bgvid{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:0.9}#contacto{width:100%;height:100%;background:url(../img/bg2.jpg) no-repeat center;background-size:100% 100%;position:relative;z-index:100;box-shadow:inset 0 7px 7px rgba(0,0,0,0.7)}.contactTitle{font-size:65px;color:white;font-weight:100}#a1,#a2,#a3{color:#fff;font-size:40px;font-weight:300;text-shadow:1px 1px 5px rgba(0,0,0,0.5);position:relative;opacity:0;line-height:35px;-webkit-background-blend-mode:multiply}#a2{font-size:70px;color:#0DFFDF;font-weight:600;line-height:55px}#a1{text-align:left}#a2{text-align:left;padding-left:90px}#a3{text-align:right}.contactoWrapper{float:right;top:85%;position:relative;padding-right:5%;text-align:left;transform:translateY(-50%)}.contactoWrapper a{color:white;text-decoration:none}.contactoWrapper a:hover{text-decoration:underline}.contactoWrapper:hover h2{color:#BEF8FF;text-shadow:0px 0px 12px rgba(76,243,227,0.8)}.contactoWrapper .campo{margin:10px 0;font-weight:400}.contactoWrapper .campo span{padding-right:5px}.contactoWrapper .campo strong{font-weight:inherit}section#projects{width:100%;min-height:100%;background:url(../img/bg1.jpg) no-repeat top;background-size:cover;position:relative;z-index:200}#filter-wrapper{width:100%;margin-top:15px;height:100%}#filter-wrapper>ul{list-style:none;padding:0;margin:30px 0;text-align:center;display:flex;justify-content:center;flex-direction:column;border-top:2px solid #3fffe2;background:#dedee0;background:-moz-linear-gradient(top, #757575 0%, #201F1F 86%, #616161 100%);background:-webkit-linear-gradient(top, #757575 0%, #201F1F 86%, #616161 100%);background:linear-gradient(to bottom, #757575 1%, #201F1F 99%, #616161 100%);text-align:center;border-radius:15px 0 0  15px;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,0.8);position:fixed;top:50%;transform:translateY(-50%);right:-400px;-webkit-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-ms-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-o-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);z-index:800}#filter-wrapper>ul.active{right:0}#filter-wrapper>ul li.catItem{max-width:200px;padding:12px 15px;font-weight:400;flex-grow:1;box-sizing:border-box;line-height:1;cursor:pointer;color:white;font-size:14px;text-align:center;position:relative;border-bottom:1px solid #1B1B1B}#filter-wrapper>ul li.catItem.-active,#filter-wrapper>ul li.catItem:hover{background:#242424;box-shadow:inset -5px 3px 15px rgba(0,0,0,0.81);color:#3FFFE2;font-weight:400;text-shadow:0 0 9px #000}#itemsWrapper{width:80%;margin:0 auto;padding:40px 2%;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#projects .item{width:250px;-webkit-transition:0.2s all ease-out;-o-transition:0.2s all ease-out;transition:0.2s all ease-out;position:relative;cursor:pointer;display:inline-block;margin:20px 40px;-webkit-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-ms-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-o-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);vertical-align:top}#projects .item img{width:100%;box-shadow:0 0 5px rgba(0,0,0,0.7);-webkit-transition:0.2s all ease-out;-o-transition:0.2s all ease-out;transition:0.2s all ease-out;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,0.7)}#projects .item:hover{margin-right:140px;margin-top:70px;width:140px}#projects .item:hover img{border-radius:30px 0px 30px 30px}.item .brand{position:absolute;font-size:18px;font-style:italic;font-weight:100;text-shadow:0 0 3px black;color:white;bottom:-5%;padding:0 8%;line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-ms-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-o-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-webkit-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);left:0;right:0;text-align:center;font-weight:600}.item .mask{width:90%;height:90%;position:absolute;top:5%;left:5%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background:#351286;-webkit-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-ms-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-o-transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);transition:0.3s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.item:hover .brand{bottom:50%;font-style:normal;color:#0dffdf;font-size:20px}.item:hover .brand:after{content:"Visit site";color:white;font-size:15px;display:block;line-height:1.5;text-decoration:underline;font-weight:400}.item:hover .mask{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);border-radius:30px 0px 30px 30px}.item .tagsGroup{position:absolute;top:5%;color:white;font-size:13px;line-height:11px;width:140px;left:12%;text-align:left;opacity:0;font-weight:400;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;-webkit-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-ms-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-o-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99)}.item:hover .tagsGroup{opacity:1;top:5%;left:102%;position:absolute;z-index:800}.tagsGroup .tag.tit{font-weight:800;border-left:2px solid #0dffdf}.tagsGroup .tag{display:block;color:white;margin:8px 4px;padding-left:4px;border-left:1px solid #0dffdf;text-shadow:0 0 3px rgba(0,0,0,0.9)}@media screen and (max-width: 1370px){#projects .item{width:220px}}@media screen and (max-width: 1025px){#contacto{top:0}section#projects{background:#000;background:-moz-linear-gradient(top, #000 0%, #202223 48%, #000 98%);background:-webkit-linear-gradient(top, #000 0%, #202223 48%, #000 98%);background:linear-gradient(to bottom, #000 0%, #202223 48%, #000 98%)}}@media screen and (max-width: 1024px){#itemsWrapper{width:90%}}@media screen and (max-width: 700px){#itemsWrapper{width:100%;min-width:100%}#projects .item{width:280px;margin:40px 2%}#projects .item:hover{width:150px;margin-right:140px;margin-bottom:90px}.item:hover .brand{font-size:20px}.fieldsTitle{font-size:40px}.bgImg{width:1308px;height:auto;left:47%}#logo{width:34px;height:33px;background-size:250px;background-position:47% 72%;overflow:hidden;margin:0 auto 10px}.ready header{top:0;left:0;padding:10px 2%;width:100%;box-sizing:border-box;height:56px;-webkit-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-ms-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-o-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99)}.ready header.active{height:212px}#menuBtn-mobile{display:block;width:50px;height:50px;position:absolute;left:0;top:0}.hamburguerBtn{width:60%;height:3px;right:0;left:0;margin:0 auto;background:white;position:absolute;-webkit-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-ms-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);-o-transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);transition:0.2s all cubic-bezier(0.11, 0.42, 0.19, 0.99);box-shadow:0 0 5px 0rgba 0,0,0,0.5}.hamburguerBtn:nth-child(1){top:12px}.hamburguerBtn:nth-child(2){top:21px}.hamburguerBtn:nth-child(3){top:30px}#menuBtn-mobile.open .hamburguerBtn:nth-child(1){top:21px;transform:rotateZ(135deg)}#menuBtn-mobile.open .hamburguerBtn:nth-child(2){top:21px;transform:rotateZ(-135deg)}#menuBtn-mobile.open .hamburguerBtn:nth-child(3){top:21px;transform:rotateZ(135deg)}header nav{min-width:100%;width:100%}.btn{width:100%;line-height:31px;padding:0}.btn:hover{width:100%}.btn span{text-align:center}.btn:hover span{width:100%;margin:0 auto;text-align:center}.contactoWrapper{float:none;top:50%;width:100%;margin:0;text-align:center;position:relative;padding-right:0}}