.bg-white,.bg-white-hover:hover{background-color:#fff !important}.bg-black,.bg-black-hover:hover{background-color:#000 !important}.bg-light,.bg-light-hover:hover{background-color:#f4f1ec !important}.bg-dark,.bg-dark-hover:hover{background-color:#252528 !important}.bg-gray,.bg-gray-hover:hover{background-color:#bcbcbc !important}.bg-gray-2,.bg-gray-2-hover:hover{background-color:#8d8d8d !important}.bg-gold,.bg-gold-hover:hover{background-color:#ab8a61 !important}.text-white,.text-white-hover:hover{color:#fff !important}.text-black,.text-black-hover:hover{color:#000 !important}.text-light,.text-light-hover:hover{color:#f4f1ec !important}.text-dark,.text-dark-hover:hover{color:#252528 !important}.text-gray,.text-gray-hover:hover{color:#bcbcbc !important}.text-gray-2,.text-gray-2-hover:hover{color:#8d8d8d !important}.text-gold,.text-gold-hover:hover{color:#ab8a61 !important}.border-white,.border-white-hover:hover{border-color:#fff !important}.border-black,.border-black-hover:hover{border-color:#000 !important}.border-light,.border-light-hover:hover{border-color:#f4f1ec !important}.border-dark,.border-dark-hover:hover{border-color:#252528 !important}.border-gray,.border-gray-hover:hover{border-color:#bcbcbc !important}.border-gray-2,.border-gray-2-hover:hover{border-color:#8d8d8d !important}.border-gold,.border-gold-hover:hover{border-color:#ab8a61 !important}@font-face{font-family:'Gotham Pro';src:url("/fonts/GothamPro.eot");src:local("Gotham Pro"),local("GothamPro"),url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"),url("/fonts/GothamPro.woff") format("woff"),url("/fonts/GothamPro.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Gotham Pro';src:url("/fonts/GothamPro-Medium.eot");src:local("Gotham Pro Medium"),local("GothamPro-Medium"),url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"),url("/fonts/GothamPro-Medium.woff") format("woff"),url("/fonts/GothamPro-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Gotham Pro';src:url("/fonts/GothamPro-Bold.eot");src:local("Gotham Pro Bold"),local("GothamPro-Bold"),url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/GothamPro-Bold.woff") format("woff"),url("/fonts/GothamPro-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}:root{--animate-delay: 0.5s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ab8a61}::-webkit-scrollbar-track{background-color:#f4f1ec}body{font-family:'Gotham Pro', sans-serif;color:#252528;background:#fff;text-rendering:optimizeLegibility}*,:focus,:active{outline:none !important;box-shadow:none}a{color:#ab8a61;text-decoration:none}a:hover{color:#ab8a61;text-decoration:none}.btn:focus,.btn-close:focus{box-shadow:none}.sticky-top{z-index:990}.bg{background-position:center;background-repeat:no-repeat;background-size:cover}.bg-home{background-image:url(/img/bg-2.jpg)}.bg-2{background-image:url(/img/bg-1.jpg)}.bg-main{background-image:url(/img/bg-main.jpg)}.bg-about{background-image:url(/img/bg-about.jpg)}.bg-metallituotteiden-valmistus{background-image:url(/img/bg-metallituotteiden-valmistus.jpg)}.bg-referenssit{background-image:url(/img/bg-referenssit.jpg)}.bg-hitsaus{background-image:url(/img/bg-hitsaus.jpg)}.bg-asen{background-image:url(/img/bg-asen.jpg)}.bg-laitteemme{background-image:url(/img/bg-laitteemme.jpg)}.bg-contacts{background-image:url(/img/bg-contacts.jpg)}.btn-toggle-menu{top:0;right:0;z-index:99;width:50px;height:50px;cursor:pointer}.btn-outline-light{border-color:rgba(255,255,255,0.3)}.bg-dark-transparent{background:rgba(29,29,29,0.9)}input:focus,textarea:focus{border-color:#ab8a61 !important;box-shadow:none !important}input::placeholder,textarea::placeholder{color:#ab8a61 !important}.dropdown-item{font-weight:bold;text-transform:uppercase;font-size:0.75rem;letter-spacing:1px;padding:0.5rem 1rem}header{min-height:50px;transition:background .3s}.arrow-down{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%)}.ls-1{letter-spacing:0.0625em !important}.ls-2{letter-spacing:0.125em !important}.ls-4{letter-spacing:0.25em !important}.small{font-size:.875em !important}.swiper-pagination-bullet{background:#fff;border:1px solid #ab8a61;opacity:1}.swiper-pagination-bullet-active{background:#ab8a61}.btn-callback{width:4rem;height:4rem;right:4rem;bottom:5rem;z-index:99;transition:all 0.2s ease-in-out}.btn-callback:hover{transform:scale(1.1)}p{line-height:1.75em}.services .item img{width:60px;margin-bottom:20px}.main-footer.dark{background:#fff;color:#272727}.main-footer{padding:60px 0 0;border-top:1px solid #f4f4f4;position:initial}.main-footer .fotcont .fothead h6{font-weight:400;position:relative;padding-bottom:5px;font-size:16px;margin-bottom:0px;color:#b19777}.main-footer .sub-footer p{font-size:14px;color:#777;margin-top:7px}.main-footer .sub-footer{padding:30px 0 10px 0;margin-top:30px;border-top:1px solid #f4f4f4;position:relative}.main-footer .abot .social-icon{text-align:center;margin-bottom:20px}.main-footer .abot .social-icon a{width:40px;height:40px;line-height:40px;text-align:center;font-size:16px;display:inline-block;border:1px solid #f4f4f4;color:#777;border-radius:100%;margin-right:3px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.main-footer .abot .social-icon a:hover{border:1px solid #b19777;background:transparent;color:#b19777}.bg-scroll{background-image:url("/img/bg-scroll.jpg");background-attachment:fixed;background-position:center;background-size:cover}.bg-img{background-size:cover;background-repeat:no-repeat}.dropdown-item.active,.dropdown-item:active{background-color:#252528}.btn-close{filter:invert(1)}.form-control{background:#f4f4f4}.swiper-button-next,.swiper-button-prev{width:3rem;height:3rem;padding:0.5rem}.swiper-button-prev:after,.swiper-button-next:after{display:none}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:-64px;margin-top:-40px}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:-64px;margin-top:-40px}.swiper-button-next svg,.swiper-button-prev svg{height:1em}.img-shadow{z-index:1}.img-shadow:after{content:'';position:absolute;display:block;transform-origin:center;background-color:#ab8a61;transform:rotate(3.8deg);top:0;left:0;width:100%;height:100%;z-index:-1}.swiper-partners img{max-width:6.25rem}.logo-link{height:50px}.logo{height:40px;max-width:80%}.swiper-projects .desc{padding:30px 15px;position:absolute;bottom:-64px;left:0;width:100%;-webkit-transition:all .3s;transition:all .3s;text-align:center;z-index:20;height:auto;box-sizing:border-box;background:-moz-linear-gradient(top, transparent 0, rgba(0,0,0,0.1) 2%, rgba(0,0,0,0.75) 90%);background:-webkit-linear-gradient(top, transparent 0, rgba(0,0,0,0.01) 2%, rgba(0,0,0,0.75) 90%);background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.01) 2%, rgba(0,0,0,0.75) 90%)}.swiper-projects .desc h6,.swiper-projects .desc h6 a{position:relative;color:#b19777;font-size:13px;font-weight:400;margin-top:0px;margin-bottom:10px;letter-spacing:5px;text-transform:uppercase}.swiper-projects .desc h5,.swiper-projects .desc h5 a{position:relative;color:#fff;font-size:20px;font-weight:300;margin-top:0px;margin-bottom:10px;letter-spacing:5px;text-transform:uppercase}.swiper-projects .line{text-align:center;height:1px;width:60px;background-color:rgba(255,255,255,0.2);transition-property:all;transition-duration:0.3s;transition-timing-function:ease-in-out;margin:0 auto 30px}.swiper-projects .swiper-slide:hover .desc{bottom:0}.swiper-projects .swiper-slide:hover .line{width:100%;transition-property:all;transition-duration:0.8s;transition-timing-function:ease-in-out}.swiper-projects .swiper-slide:hover img{-webkit-filter:none;filter:none;-webkit-transform:scale(1.09, 1.09);transform:scale(1.09, 1.09);-webkit-filter:brightness(70%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}.swiper-projects .swiper-slide img{-webkit-transition:all .5s;transition:all .5s}.logo-lk{max-height:4rem}ul.referenssit{--col-gap: 2rem;--row-gap: 2rem;--line-w: 0.25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem, 90%);margin-inline:auto}ul.referenssit::before{content:"";grid-column:1;grid-row:1 / span 20;background:#e1e1e1;border-radius:calc(var(--line-w) / 2)}ul.referenssit li:not(:last-child){margin-bottom:var(--row-gap)}ul.referenssit li{grid-column:2;--inlineP: 1.5rem;margin-inline:var(--inlineP);grid-row:span 2;grid-template-rows:min-content min-content min-content}ul.referenssit li .date{--dateH: 3rem;height:var(--dateH);margin-inline:calc(var(--inlineP)* -1);text-align:center;background-color:#29293e;color:#e1c29a;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}ul.referenssit li .date::before{content:"";width:var(--inlineP);aspect-ratio:1;background:#bcbcbc;background-image:linear-gradient(rgba(0,0,0,0.2) 100%, transparent);position:absolute;top:100%;clip-path:polygon(0 0, 100% 0, 0 100%);right:0}ul.referenssit li .date::after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:white;border:0.3rem solid #ab8a61;border-radius:50%;top:50%;transform:translate(50%, -50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}ul.referenssit li .title,ul.referenssit li .descr{background:white;position:relative;padding-inline:1.5rem}ul.referenssit li .title{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-weight:500}ul.referenssit li .descr{padding-block-end:1.5rem;font-weight:300}.flag{width:20px}@media (max-width: 991px){header{position:-webkit-sticky;position:sticky;top:0;z-index:1020;background:#252528 !important}header .nav-item{text-align:center}nav.navbar.sticky-top{top:50px !important}.nav-link{color:#252528;padding:1rem 0}.dropdown-item{white-space:normal}}@media (min-width: 992px){.bg-fixed{background-attachment:fixed}.navbar-brand{color:#fff}ul.referenssit{grid-template-columns:1fr var(--line-w) 1fr}ul.referenssit::before{grid-column:2}ul.referenssit li:nth-child(odd){grid-column:1}ul.referenssit li:nth-child(even){grid-column:3}ul.referenssit li:nth-child(2){grid-row:2/4}ul.referenssit li:nth-child(odd) .date::before{clip-path:polygon(0 0, 100% 0, 100% 100%);left:0}ul.referenssit li:nth-child(odd) .date::after{transform:translate(-50%, -50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}ul.referenssit li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}}