.app{background-color:#2b2e34;align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;width:100%;overflow:auto}.main{z-index:0;margin-top:50px;width:100%;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.main .quote{width:100%;height:70vh;background-image:url(/img/bg_main.png);background-size:cover;background-repeat:no-repeat;background-position:center center}.main .quote .gradient{width:100%;height:100%;background-image:linear-gradient(#0000,#0000000d,#0000001a,#2b2e34);display:flex;align-items:end;justify-content:center}.main .quote .gradient .text{width:70vw;margin-bottom:145px;font-size:40px;display:flex;justify-content:flex-end;text-align:center}@media only screen and (max-width: 900px){.main .quote .gradient .text{font-size:30px;justify-content:center;margin-bottom:20%}}@media only screen and (max-width: 900px){.main .quote{background-position:97% 0%}}.main .about{width:100%;min-height:50vh;height:auto;padding-top:50px;display:flex;justify-content:center;align-items:center;background-color:#2c2f35;box-sizing:initial}.main .about .about-photo{flex:1;margin:0 40px;width:100%;max-width:600px;height:300px;background-color:#656669;display:none}@media only screen and (max-width: 900px){.main .about .about-photo{display:none}}.main .about .about-description{flex:1;margin:0 40px;width:100%;height:100%;max-width:820px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.main .about .about-description .title{margin-bottom:40px;font-size:40px}.main .about .about-description .text{font-size:16px}@media only screen and (max-width: 900px){.main .about{min-height:75vh;height:auto}}.main .portfolio-link-space{width:100%;height:50px;background-color:#2c2f35}.main .portfolio{width:100%;height:81vh;max-height:550px;display:flex;flex-direction:column;background-color:#363941;align-items:center}.main .portfolio .title{font-size:40px;width:100%;height:80px;display:flex;align-items:center;justify-content:center}.contact{width:100%;font-family:Myriad Pro}.contact .header{margin:40px 0;font-size:40px;display:flex;justify-content:center;align-items:center}.contact .company-address,.contact .company-contact,.contact .company-details{margin:20px 0;display:flex;justify-content:center;align-items:center;font-size:15px;text-align:center}.contact .company-address{margin:0}.contact .socials{margin:40px 0}.socials{display:flex;align-items:center;justify-content:center}.socials div{display:none;margin:0 5px}.socials div a>img{width:40px;height:40px}.gallery{position:relative;max-width:1800px;width:calc(100% - 80px);height:calc(100% - 80px);margin:0 40px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gallery .button-left{position:absolute;top:0;left:-1px;height:100%;width:140px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to right,#363941,#363941,#3639416c,#36394100);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gallery .button-left img{width:75px;height:auto;transform:rotate(90deg)}@media only screen and (max-width: 800px){.gallery .button-left{bottom:10px;top:auto;height:80px;width:80px;background-image:none}.gallery .button-left img{width:60px}}@media only screen and (max-width: 1200px){.gallery .button-left{width:80px}}.gallery .button-right{position:absolute;top:0;right:-1px;height:100%;width:140px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to left,#363941,#363941,#3639416c,#36394100);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gallery .button-right img{width:75px;height:auto;transform:rotate(-90deg)}@media only screen and (max-width: 1200px){.gallery .button-right{width:80px}}@media only screen and (max-width: 800px){.gallery .button-right{bottom:10px;top:auto;height:80px;width:80px;background-image:none}.gallery .button-right img{width:60px}}.gallery .button-hidden{display:none}@media only screen and (max-width: 800px){.gallery .button-hidden{display:flex}}.gallery .items{height:100%;min-width:100%;white-space:nowrap;position:relative;overflow-x:hidden;overflow-y:hidden}.gallery .items .item{height:calc(100% - 60px);max-width:75vw;margin:30px 10px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center center;position:relative}.gallery .items .item .img-hidden{opacity:0;max-height:100%}.gallery .items .item:hover .workTypes{opacity:1}.gallery .items .item .workTypes{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;background-color:#363941e5;opacity:0}.gallery .items .item .workTypes :last-child{margin-bottom:20px}@media only screen and (max-width: 800px){.gallery .items .item .workTypes :last-child{margin-bottom:80px}}.gallery .items .item .workTypes .workType{height:40px;display:flex;justify-content:center;align-items:center}.gallery .items .item .workTypes .workType :last-child{margin-bottom:0}.gallery .items .item .workTypes .workType .text{margin-left:20px}.gallery .items .item .workTypes .workType .icon img{width:40px;height:auto}@media only screen and (min-width: 1600px){.gallery .items{padding:0 70px}}@media only screen and (max-width: 800px){.gallery{width:calc(100% - 40px);margin:0 20px}.gallery .items{height:90%}.gallery .items .item{width:calc(100% - 20px);max-width:100%;background-size:auto 100%}}.navbar-bg{z-index:999;position:fixed;top:0;left:0;width:100%;height:50px;background-color:#2f333b;display:flex;justify-content:center;align-items:center}.navbar{width:100%;max-width:1600px;padding-right:17px;display:flex;justify-content:center;align-items:center;font-family:Myriad Pro;font-size:13px}.navbar .left-menu{width:40%;display:flex;align-items:center;justify-content:left}.navbar .left-menu .menu-mobile{display:none}.navbar .left-menu .links{width:100%;max-width:400px;display:flex;justify-content:space-around}.navbar .left-menu .links .link{display:block;margin:0 10px;cursor:pointer}@media only screen and (max-width: 900px){.navbar .left-menu{position:relative}.navbar .left-menu .menu-mobile{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.navbar .left-menu .menu-mobile img{width:auto;height:15px}.navbar .left-menu .links{width:120px;position:absolute;left:0;top:50px;background-color:#2f333b;flex-direction:column}.navbar .left-menu .links .link{display:block;margin:15px 25px}.navbar .left-menu .d-none{display:none}}.navbar .logo{width:20%;height:50px;display:flex;justify-content:center;align-items:center}.navbar .logo .icon{max-height:100%;max-width:100%;cursor:pointer}.navbar .right-menu{width:40%;display:flex;align-items:center;justify-content:right}.navbar .right-menu .language{margin-right:50px;display:flex;align-items:center;justify-content:center;display:none}.navbar .right-menu .language div{margin:0 5px}.navbar .right-menu .language div a.inactive{color:#757a85}.navbar .right-menu .socials{margin-right:40px}@media only screen and (max-width: 900px){.navbar .right-menu .socials{margin-right:0}.navbar .right-menu .socials div{margin:0}}@media only screen and (max-width: 900px){.navbar .left-menu{width:30%}.navbar .logo{width:40%}.navbar .right-menu{width:30%}}