*{box-sizing:border-box}:root{--color-bg: #f1f1f1;--logo: #3399ff;--nav-text: #707070;--nav-text-active: #006cb0;--title: black;--text: black;--arrow: #006cb0;--arrow-label: #707070;--btn-bg: white;--btn-text: #707070;--pagination-item-active: #006cb0;--pagination-item: white;--banner-text: white}[theme=dark-blue]{--color-bg: #006cb0;--logo: #f1f1f1;--nav-text: #f1f1f1;--nav-text-active: #d9e9f3;--title: #f1f1f1;--text: #f1f1f1;--arrow: #f1f1f1;--arrow-label: #f1f1f1;--btn-bg: #ffffff;--btn-text: #707070;--pagination-item-active: #3399ff;--pagination-item: #f1f1f1;--banner-text: #006cb0}[theme=light-blue]{--color-bg: #d9e9f3;--logo: #3399ff;--nav-text: #006cb0;--nav-text-active: #ffffff;--title: black;--text: black;--arrow: #006cb0;--arrow-label: #707070;--btn-bg: #ffffff;--btn-text: #707070;--pagination-item-active: #006cb0;--pagination-item: #ffffff;--banner-text: white}[theme=white]{--color-bg: white;--logo: #3399ff;--nav-text: black;--nav-text-active: #006cb0;--title: black;--text: black;--arrow: #006cb0;--arrow-label: #707070;--btn-bg: #f1f1f1;--btn-text: #707070;--pagination-item-active: #006cb0;--pagination-item: #f1f1f1;--banner-text: white}[theme=gray]{--color-bg: #f1f1f1;--logo: #3399ff;--nav-text: #707070;--nav-text-active: #006cb0;--title: black;--text: black;--arrow: #006cb0;--arrow-label: #707070;--btn-bg: white;--btn-text: #707070;--pagination-item-active: #006cb0;--pagination-item: white;--banner-text: white}body,html{width:100%;height:auto;padding:0;margin:0;overflow:hidden;font-family:Raleway Regular;font-style:Regular;font-size:16px;line-height:28px;letter-spacing:.9px;color:var(--text)}.fixed-top{position:absolute;top:0;left:0;z-index:100}#video-container{display:none;width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:space-around;flex-flow:row}#video-container video{z-index:1000;width:100%;max-width:1200px}#video-container .close-btn{position:absolute;z-index:1100;top:15px;right:20px;cursor:pointer;font-family:Raleway SemiBold;font-style:Bold;line-height:28px;letter-spacing:.9px;color:#026cb0;text-transform:uppercase;font-size:12px}#video-container .background{z-index:900;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#f1f1f1}#main-content{width:100%;height:100%;position:absolute}a{text-decoration:none}a.navigation-case:hover,a.navigation-case:active,a.active{color:var(--nav-text-active)}a.navigation-case:hover #lang-arrow,a.navigation-case:active #lang-arrow,a.active #lang-arrow{fill:var(--nav-text-active)}.right{float:right}#projects-carousel{width:100%;height:100%;background-color:var(--color-bg);position:relative}.flex-container{display:flex;flex-flow:row;justify-content:space-around;align-items:center}.flex-container .left-nav-control{width:60px}.flex-container .slider{width:100%}.flex-container .right-nav-control{width:60px;text-align:right}.slide-item{display:none}.active-slide{display:block}#project-brief{height:100%}.pagination .page{background-color:var(--pagination-item)}.pagination .page.active{background-color:var(--pagination-item-active)}#en_banner{background-color:var(--arrow);color:var(--banner-text)}#en_banner svg{fill:var(--banner-text);stroke:var(--banner-text)}#en_banner .title{color:var(--banner-text)}#en_banner .line-separation{background-color:var(--banner-text)}@media screen and (max-width: 450px){#projects-carousel{padding:80px 0 0}.flex-container-2{display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:start;width:100%;height:100%;padding:0 10px}.flex-container-2 .left-column{height:20%;width:100%;margin-bottom:20px}.flex-container-2 .left-column img{width:100%}.flex-container-2 .right-column{height:40%;width:100%}.flex-container-2 .right-column .description,.flex-container-2 .right-column .title,.flex-container-2 .right-column .info{text-align:center}.flex-container-2 .right-column .button-plus{width:100%}}@media screen and (min-width: 451px){.flex-container-2{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;width:100%;padding:0 10px}.flex-container-2 .left-column{width:30%;max-width:680px;max-height:300px}.flex-container-2 .left-column img{width:100%}.flex-container-2 .right-column{width:40%}.flex-container-2 .right-column info{min-height:400px}.flex-container-2 .right-column .title{color:var(--title)}}@media screen and (min-width: 451px) and (max-width: 1071px){.flex-container-2{display:flex;flex-flow:row wrap;justify-content:space-evenly}}