@font-face{font-family:"Fjalla One";src:url("../fonts/iCielRukola.eot");src:url("../fonts/iCielRukolad41d.eot?#iefix") format("embedded-opentype"),url("../fonts/iCielRukola.woff2") format("woff2"),url("../fonts/iCielRukola.woff") format("woff"),url("../fonts/iCielRukola.ttf") format("truetype"),url("../fonts/iCielRukola.svg#iCielRukola") format("svg");font-weight:normal;font-style:italic;font-display:swap}.header .logo img{width:250px}.perspective-box{transition:all .2s ease !important}.perspective-box h5{font-family:"Fjalla One" !important;font-size:46px !important; text-transform: uppercase;}.project-hero{width:100%}@media all and (min-width: 1200px){.project-hero{width:calc(100% - 120px);background:#131314;color:#fff;position:relative;margin:0 60px}}.project-hero figure{width:100%;margin:0;position:relative}.project-hero figure img{width:100%;min-height:200px;object-fit:cover}.project-hero figure .overlay{background-color:rgba(0,0,0,.25);position:absolute;top:0;width:100%;height:100%}@media all and (min-width: 1200px){.project-hero figure .overlay{background-color:rgba(0,0,0,0)}}.project-detail .project h1{font-size:46px;font-weight:bold;margin-bottom:15px}@media all and (min-width: 1200px){.project-detail .project h1{font-size:64px;margin-bottom:30px}}.project-detail .project figure{margin:50px 0 !important}.hamburger-navigation li ul li{display:block !important}@media all and (min-width: 1200px){.hamburger-navigation li ul li{display:inline-block !important}}.hamburger-navigation li ul li:after{display:none !important}:root{--color-dark: #131314;--color-main: #f50c1a;--color-second: #56e9b1}.reveal-effect{float:left;overflow:hidden;position:relative}.reveal-effect.animated:before{content:"";width:100%;height:100%;background:var(--color-main);position:absolute;left:0;top:0;animation:1s reveal linear forwards;-webkit-animation-duration:1s;z-index:1;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);-ms-animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86)}.reveal-effect.animated>*{animation:1s reveal-inner linear forwards}@-webkit-keyframes reveal{0%{left:0;width:0}50%{left:0;width:100%}51%{left:auto;right:0}100%{left:auto;right:0;width:0}}@-webkit-keyframes reveal-inner{0%{visibility:hidden;opacity:0}50%{visibility:hidden;opacity:0}51%{visibility:visible;opacity:1}100%{visibility:visible;opacity:1}}




