@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:300;src:url("../fonts/Roboto/roboto-v30-greek_latin-300.woff2") format("woff2"),url("../fonts/Roboto/roboto-v30-greek_latin-300.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url("../fonts/Roboto/roboto-v30-greek_latin-regular.woff2") format("woff2"),url("../fonts/Roboto/roboto-v30-greek_latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:500;src:url("../fonts/Roboto/roboto-v30-greek_latin-500.woff2") format("woff2"),url("../fonts/Roboto/roboto-v30-greek_latin-500.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:700;src:url("../fonts/Roboto/roboto-v30-greek_latin-700.woff2") format("woff2"),url("../fonts/Roboto/roboto-v30-greek_latin-700.ttf") format("truetype")}body{font-family:"Roboto"}a{text-decoration:none;color:#fff}a:hover{color:#fff}button{border:none}.button-link{cursor:pointer}h1{font-size:36px}h2{font-size:28px}h3{font-size:20px}.background-gray{background-color:#333}.background-dark{background-color:#1a1a1a}.section-title h2{font-weight:600}.section .separator{height:3px;width:135px;background-color:#fc3;box-shadow:1px 3px 14px -1px #fc3}@media screen and (min-width: 992px){h1{font-size:42px}h2{font-size:36px}h3{font-size:26px}.section .separator{width:190px}}header{position:fixed;top:0;height:115px;width:100vw;background-color:#fff;z-index:10}#communication-header{width:100%;height:35px;background-color:#262626;font-size:15px}#communication-header p,#communication-header a{color:rgba(255,255,255,.9450980392)}header .container-lg{height:80px}header .brand-logo img{width:100px}header .brand-logo{letter-spacing:.5px;cursor:pointer}header .brand-name{font-weight:500;font-size:18px;color:#717171;line-height:1.2;margin-left:-10px;margin-bottom:-3px}header button,header .navLink,header .secondary-button{font-weight:700;font-size:16px;color:#717171;background-color:rgba(0,0,0,0);letter-spacing:.5px;margin-top:3px;transition:color 300ms ease-in-out}header button.active,header .navLink.active,header button.active:hover,header .navLink.active:hover{color:#ffc20c}header button:hover,header .navLink:hover{color:#333}header .secondary-button{border:1px solid #ffc20c;color:#ffc20c;padding:7px 20px;line-height:1.4;font-size:17px;margin-top:0}header .secondary-button:hover{color:#ffc20c}#sidebar-button{background-color:rgba(0,0,0,0)}#sidebar-button img{width:30px}#sidebar{max-height:0;pointer-events:none;background-color:#fff;width:100vw;transition:max-height 300ms ease-out}#sidebar.active{max-height:250px;pointer-events:all}#sidebar .row{opacity:0;transition:opacity 300ms}#sidebar.active .row{opacity:1}#page-blur{position:fixed;height:100vh;width:100vw;top:0;background-color:#000;opacity:0;pointer-events:none;z-index:9;transition:opacity 200ms}#page-blur.active{opacity:.7;pointer-events:all}@media screen and (min-width: 992px){header{height:90px}header .container-lg{height:90px}header .brand-logo img{width:110px}header .brand-name{font-size:20px;margin-bottom:-3px}}footer{color:#b7b7b7;font-size:15px}footer a{color:#fff}footer a:hover{color:#fff}footer .kotle-brand__wrapper{padding:0 .1rem;border-bottom:1px solid rgba(0,0,0,0);transition:border-color 200ms ease-out}footer .kotle-brand:hover .kotle-brand__wrapper{border-color:#cbcbcb}footer .kotle-brand__img{width:175px}@media screen and (min-width: 992px){footer{font-size:17px}footer .kotle-brand__img{width:190px}}.loader_wrapper{position:fixed;top:0;left:0;z-index:11;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;opacity:0;pointer-events:none;transition:opacity 200ms}.loader_wrapper.active{opacity:.7;pointer-events:all}.loader{width:48px;height:48px;display:inline-block;position:relative}.loader::after,.loader::before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #fff;position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.loader::after{animation-delay:1s}@keyframes animloader{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}#work-showcase{margin-top:115px;color:rgba(255,255,255,.9450980392)}#work-showcase .section-title h1{font-size:28px !important;font-weight:600}.showcase-block{padding-bottom:4rem;padding-top:4rem}.showcase-block.first{padding-top:3rem}.project-title{font-size:22px;font-weight:500}.project-description{font-size:16px;font-weight:300;line-height:1.45}.bullet-icon img{width:40px}.bullet-content p{font-size:16px;font-weight:300}.bullet-content .bullet-title{font-weight:400;color:rgba(255,255,255,.9450980392)}.project-contact{position:relative;width:100%}.project-contact-button{padding:12px 30px;display:block;margin:0 auto;border:1px solid rgba(255,255,255,.9450980392);border-radius:4px;background-color:rgba(0,0,0,0);color:rgba(255,255,255,.9450980392);font-weight:400;font-size:16px;transition:background-color 200ms ease-out}.project-contact.active .project-contact-button{background-color:rgba(255,255,255,.1058823529)}.project-contact-info{max-height:0;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity 300ms,transform 300ms ease-out,max-height 300ms ease-out}.project-contact.active .project-contact-info{max-height:130px;opacity:1;pointer-events:all;transform:translateY(0)}.project-room-select{position:sticky;bottom:0;padding:.75rem 0;overflow-x:scroll;flex-wrap:nowrap}.background-gray .project-room-select{background-color:#333}.background-dark .project-room-select{background-color:#1a1a1a}.room-select__room p{font-weight:300}.room-select__img-wrapper{background-color:rgba(0,0,0,0)}.room-select__room img{width:100%;max-width:100px;min-width:60px;transform:scale(0.9);border:1px solid rgba(0,0,0,0);border-radius:4px;opacity:.8;transition:border-color 200ms ease-out,transform 200ms ease-out,opacity 200ms ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.room-select__room.active img{border-color:#e9e9e9}.room-select__room p{font-size:14px;line-height:1;opacity:.9;transition:transform 200ms ease-out,opacity 200ms ease-out}.room-select__room.active img{transform:scale(1);opacity:1}.room-select__room.active p{transform:translateY(0);opacity:1}.project-images{display:none;position:relative;min-height:393px;overflow:hidden;visibility:visible}.project-images.active{display:flex}.project-images.hidden{visibility:hidden}.blur-placeholder{position:absolute;top:0}.project-image{width:100%;max-width:min(280px,69%);position:absolute;top:3.5%;transition:max-width 200ms ease-out,top 200ms ease-out}.project-image.active{max-width:min(305px,75%);top:0;z-index:1}.project-images.single{justify-content:center}.project-images.landscape .project-image{top:7%;max-width:min(322px,69%)}.project-images.landscape .project-image.active{top:0;max-width:min(350px,75%)}.project-images.single.landscape>.project-image{max-width:min(380px,93%)}.project-images.single>.project-image{max-width:min(305px,93%)}.project-image img{width:100%;border-radius:4px;opacity:.5;transition:opacity 150ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-image.active img{opacity:1}.project-image.before{right:.75rem}.project-image.after{left:.75rem}.project-img__tag{font-size:16px;font-weight:300;opacity:0;transition:opacity 150ms}.project-image.active .project-img__tag{opacity:1}.project-images__swap-button{position:absolute;top:50%;margin-top:-45px;width:90px;background-color:rgba(0,0,0,0);padding:15px 10px;opacity:1;transition:opacity 150ms;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all}.project-image.before .project-images__swap-button{left:47vw;transform:rotate(-90deg)}.project-image.after .project-images__swap-button{right:47vw;transform:rotate(90deg)}.project-image.active .project-images__swap-button{opacity:0;pointer-events:none}.project-images__swap-button img{width:60%;opacity:.9}@media(hover: hover){.project-contact-button:hover{background-color:rgba(255,255,255,.1058823529)}.room-select__img-wrapper:hover img{transform:scale(1);opacity:1}.room-select__img-wrapper:hover~p{transform:translateY(0);opacity:1}}@media screen and (min-width: 415px){.project-image.before{right:calc(42% - 160px)}.project-image.after{left:calc(42% - 160px)}.project-image.before .project-images__swap-button{left:194px}.project-image.after .project-images__swap-button{right:187px}.landscape .project-image.before .project-images__swap-button{left:calc(95% - 50px)}.landscape .project-image.after .project-images__swap-button{right:calc(95% - 50px)}}@media screen and (min-width: 480px){.project-image.before{right:unset;left:calc(40% - 50px)}.landscape .project-image.before{right:unset;left:calc(35% - 50px)}.project-image.after{left:calc(40% - 152px)}.project-image.before .project-images__swap-button{left:197px}.project-image.after .project-images__swap-button{right:178px}}@media screen and (min-width: 580px){.project-image.before{left:calc(45% - 50px)}.landscape .project-image.before{left:calc(40% - 50px)}.project-image.after{left:calc(45% - 152px)}.landscape .project-image.after{left:calc(40% - 152px)}.project-images.landscape .project-image{max-width:min(350px,69%)}.project-images.landscape .project-image.active{max-width:min(380px,75%)}}@media screen and (min-width: 992px){.showcase-block{padding-bottom:6rem}#work-showcase{margin-top:90px}#work-showcase .section-title h1{font-size:36px !important}.project-info{margin-top:-50px}.project-title{font-size:24px}.project-contact-button{margin:0}.project-contact-info{position:absolute;top:54px;left:.4rem}.project-contact.active .project-contact-info{max-height:unset}.project-room-select{position:static;padding:0;overflow-x:visible}.room-select__room img{border:3px solid rgba(0,0,0,0)}.room-select__room p{font-size:16px;transform:translateY(-6px)}.project-images.single{min-height:551px;justify-content:center}.project-image img,.project-image.active img{max-height:unset}.project-image{max-width:54%;top:3.5%}.project-image.active{max-width:58.5%}.single .project-image{max-width:54%}.single .project-image.active{max-width:58.5%}.project-images.landscape .project-image{top:8%;max-width:min(330px,69%)}.project-images.landscape .project-image.active{top:5%;max-width:min(350px,75%)}.project-image.before{left:unset;right:13%}.landscape .project-image.before{left:unset;right:13%}.flex-lg-row-reverse .project-image.before{left:13%;right:unset}.landscape .flex-lg-row-reverse .project-image.before{left:13%;right:unset}.project-image.after{right:30%;left:unset}.flex-lg-row-reverse .project-image.after{left:30%;right:unset}.landscape .project-image.after{right:25%;left:unset}.flex-lg-row-reverse .landscape .project-image.after{left:25%;right:unset}.project-img__tag{font-size:16px}.project-image.before .project-images__swap-button{left:unset;right:-30%}.landscape .project-image.before .project-images__swap-button{left:unset;right:-25%}.flex-lg-row-reverse .project-image.before .project-images__swap-button{left:-30%;right:unset;transform:rotate(90deg)}.flex-lg-row-reverse .landscape .project-image.before .project-images__swap-button{left:-25%;right:unset;transform:rotate(90deg)}.project-image.after .project-images__swap-button{right:unset;left:-30%}.landscape .project-image.after .project-images__swap-button{right:unset;left:-25%}.flex-lg-row-reverse .project-image.after .project-images__swap-button{right:-30%;transform:rotate(-90deg);left:unset}.flex-lg-row-reverse .landscape .project-image.after .project-images__swap-button{right:-25%;transform:rotate(-90deg);left:unset}}@media screen and (min-width: 1200px){.project-images.landscape .project-image{max-width:min(375px,69%)}.project-images.landscape .project-image.active{max-width:min(400px,75%)}.project-images.landscape .project-image{top:8.5%}.project-image.before .project-images__swap-button{right:-26%}.landscape .project-image.before .project-images__swap-button{right:-22%}.flex-lg-row-reverse .project-image.before .project-images__swap-button{left:-26%}.flex-lg-row-reverse .landscape .project-image.before .project-images__swap-button{left:-22%}.project-image.after .project-images__swap-button{left:-26%}.landscape .project-image.after .project-images__swap-button{left:-22%}.flex-lg-row-reverse .project-image.after .project-images__swap-button{right:-26%}.flex-lg-row-reverse .landscape .project-image.after .project-images__swap-button{right:-22%}}@media screen and (min-width: 1400px){.project-images.landscape .project-image{max-width:min(418px,69%)}.project-images.landscape .project-image.active{max-width:min(450px,75%)}.project-images.landscape .project-image{top:9.5%}.project-image.before .project-images__swap-button{right:-23%}.flex-lg-row-reverse .project-image.before .project-images__swap-button{left:-23%}.project-image.after .project-images__swap-button{left:-23%}.flex-lg-row-reverse .project-image.after .project-images__swap-button{right:-23%}}/*# sourceMappingURL=our_work.min.css.map */