:root{--A:180px;--B:120px;--C:40px;--D:30px;--E:280px;--columna:20px}@media only screen and (min-width:500px){:root{--A:200px;--B:140px;--C:70px}}@media only screen and (min-width:768px){:root{--A:230px;--B:160px;--E:280px;--columna:103px}}@media only screen and (min-width:1280px){:root{--A:250px;--B:180px;--E:350px;--columna:138px}}@media only screen and (min-width:1600px){:root{--A:300px;--B:200px;--E:400px;--columna:194px}}.up{text-transform:uppercase}.premis_wrapper{height:100%;align-items:center;display:none}@media only screen and (min-width:500px){.premis_wrapper{display:flex}}.premis_wrapper .premis{display:flex;align-items:center;height:100%;cursor:auto!important}.premis_wrapper .premis .premi{position:relative}.premis_wrapper .premis .premi .e10{display:none;position:absolute;width:120px;transform:translate(-100%,calc(-100% - 20px));left:8px;text-align:right}.premis_wrapper .premis .premi span{width:12px;height:12px;border-radius:50%;border:1px solid #000;display:block;margin-right:5px}.premis_wrapper .premis .premi span:hover{background-color:#000}.premis_wrapper .premis .premi span:hover+p{display:block}.premis_wrapper .premis .premi:last-child span{margin-right:0}.premis_wrapper .e8{display:flex;align-items:center;justify-content:flex-end;min-width:170px}#mesprojectes h2{margin-top:var(--A);margin-bottom:var(--B);text-align:center}@media only screen and (min-width:500px){#mesprojectes .premis_wrapper .premis{padding-left:0;padding-right:30px}}@media only screen and (min-width:1280px){#mesprojectes .premis_wrapper .premis{padding-left:50px}}#mesprojectes .accordion{border-top:1px solid #000;border-bottom:none;border-right:none;border-left:none;background-color:#fff;color:#000;cursor:pointer;height:60px;width:100%;text-align:left;outline:0;transition:.4s;padding-left:30px;padding-right:18px;display:flex;justify-content:space-between;align-items:center}#mesprojectes .accordion.active,#mesprojectes .accordion:hover{background-color:#f4f6f8}@media only screen and (min-width:500px){#mesprojectes .accordion:hover span.e7:before{width:82px}}@media only screen and (min-width:768px){#mesprojectes .accordion:hover span.e7:before{width:104px}}@media only screen and (min-width:1280px){#mesprojectes .accordion:hover span.e7:before{width:134px}}#mesprojectes .accordion span.e7{display:flex;align-items:center}#mesprojectes .accordion span.e7:before{display:block;content:"";width:30px;height:1px;background-color:#000;margin-right:20px;transition:width .5s linear}#mesprojectes .accordion span.material-icons.less{display:none}#mesprojectes .accordion.active span.material-icons.less{display:block}#mesprojectes .accordion.active span.material-icons.more{display:none}#mesprojectes .panel{background-color:#fff;max-height:0;overflow:hidden;transition:max-height .2s ease-out}#mesprojectes .panel .projecte{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid #d8e0e8;padding-right:20px;padding-left:var(--columna)}#mesprojectes .panel .projecte:last-child{border-bottom:none}#mesprojectes .panel .projecte:hover{background-color:#f4f6f8}#mesprojectes .panel .projecte:hover .e9:after{background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,#f4f6f8 60%,#f4f6f8 100%)}#mesprojectes .panel .projecte .e9{white-space:nowrap;width:calc(100% - 44px);overflow:hidden;position:relative;text-decoration:none;color:#000}@media only screen and (min-width:500px){#mesprojectes .panel .projecte .e9{width:calc(100% - 290px)}}@media only screen and (min-width:768px){#mesprojectes .panel .projecte .e9{max-width:300px;width:100%}}@media only screen and (min-width:850px){#mesprojectes .panel .projecte .e9{max-width:380px}}@media only screen and (min-width:1000px){#mesprojectes .panel .projecte .e9{max-width:450px}}@media only screen and (min-width:1280px){#mesprojectes .panel .projecte .e9{max-width:500px}}#mesprojectes .panel .projecte .e9:after{content:"";position:absolute;right:-14px;top:0;width:32px;height:23px;background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 60%,#fff 100%)}#mesprojectes .panel .projecte .tag{color:#888;border-right:1px solid #888;display:none;margin-right:10px;padding-right:10px}@media only screen and (min-width:500px){#mesprojectes .panel .projecte .tag{display:inline-block}}@media only screen and (min-width:500px){#mesprojectes .panel .projecte .arrow-right{display:none}}#equip{background-color:#000;height:100vh;position:relative;overflow:hidden}#equip .tx{color:#fff;position:relative;z-index:1;padding-left:var(--columna);max-width:calc(var(--columna) + 530px);margin-top:var(--C)}#equip .tx .e12{margin-top:5px}#equip .svg{position:absolute;top:calc(var(--C)/2);min-width:calc(100vh*2374/841);height:100%;background:url(../img/equip.svg);background-repeat:repeat-x;background-size:auto calc(100% - var(--C))}#equip .svg ul{display:flex;height:100%;align-items:flex-end;color:#fff;list-style-type:none;padding-left:var(--columna)}#equip .svg ul li{margin-right:172px;margin-bottom:180px}@media only screen and (min-width:500px){#equip .svg ul li{margin-right:133px}}@media only screen and (min-width:768px){#equip .svg ul li{margin-right:135px}}@media only screen and (min-width:1280px){#equip .svg ul li{margin-right:239px}}@media only screen and (min-width:1600px){#equip .svg ul li{margin-right:376px}}#equip .svg ul li .e13{margin-bottom:5px}#equip .svg ul li .e13,#equip .svg ul li .e14{white-space:nowrap}#equip .svg ul li a{text-decoration:none;color:#fff}#equip .svg ul li a:hover{text-decoration:underline}#reconeixements h2{margin-top:var(--A);margin-bottom:var(--B);text-align:center}#reconeixements h2 .e5{display:inline-block;transform:translateX(-5px)}#reconeixements .e11{text-align:center;max-width:822px;margin:0 auto var(--B)}#reconeixements .swiper-container{border-top:1px solid #000}#reconeixements .swiper-slide{height:var(--E);border-right:1px solid #000;display:flex;align-items:center;justify-content:center;position:relative;padding:30px;cursor:pointer}#reconeixements .swiper-slide .top{position:absolute;top:0;display:flex;width:100%;justify-content:space-between;padding:20px 30px}#reconeixements .swiper-slide .center{text-align:center;position:relative;width:100%}#reconeixements .swiper-slide .center .e15,#reconeixements .swiper-slide .center .e9{position:absolute;transition:opacity .3s linear;transform:translateY(-50%);width:100%}#reconeixements .swiper-slide .center .e9{opacity:0}#reconeixements .swiper-slide:hover .center .e15{opacity:0}#reconeixements .swiper-slide:hover .center .e9{opacity:1}#reconeixements .swiper-button-next,#reconeixements .swiper-button-prev{background:#f4f6f8!important;border-radius:50%;height:56px;width:56px;display:none;justify-content:center;align-items:center}@media only screen and (min-width:500px){#reconeixements .swiper-button-next,#reconeixements .swiper-button-prev{display:flex}}#reconeixements .swiper-button-next span,#reconeixements .swiper-button-prev span{font-size:24px;position:relative;transform:translateX(1px);color:#000}#reconeixements .swiper-button-next:hover,#reconeixements .swiper-button-prev:hover{background-color:#d8e0e8!important}#reconeixements .swiper-button-next:after,#reconeixements .swiper-button-prev:after{display:none}#reconeixements .swiper-button-prev{left:20px}#reconeixements .swiper-button-prev span{transform:translateX(-1px)}#reconeixements .swiper-button-next{right:20px}#reconeixements .swiper-button-disabled{display:none!important}#peu{background-color:#000;height:250px;display:flex;align-items:center;justify-content:center}