.references-area{padding-top:100px}.references-area h1{margin-bottom:50px;font-size:2.2em}.references-area .referenssi-box{display:block;width:100%;margin-bottom:70px;font-size:1.34em;position:relative;opacity:0;transform:translateX(20px);transition:opacity .6s ease-out,transform .6s ease-out}.references-area .referenssi-box a[name]{scroll-margin-top:400px}.references-area .referenssi-box.visible{opacity:1;transform:translateX(0)}.references-area .referenssi-box img{width:300px;height:200px;object-fit:cover;border-radius:10px}.references-area .referenssi-box .content{display:inline-block;vertical-align:top;margin-left:40px;width:calc(100% - 300px - 40px - 10px);position:relative}.references-area .referenssi-box .content h3{font-size:1.2em;font-weight:500;margin-bottom:0;margin-top:0;width:500px}.references-area .referenssi-box .content p{width:75%}.references-area .referenssi-box .content .amount{font-size:1.2em;font-weight:500;position:absolute;left:600px;top:0;color:var(--theme-color)}.references-area .referenssi-box .read-more{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--theme-color);color:#fff;padding:7px 25px;border-radius:7px;font-size:.9em;transition:.2s;font-weight:300}.references-area .referenssi-box .read-more:hover{color:#fff;background:var(--theme-color-dark);transition:.2s}.references-area .back-link{display:block;margin-bottom:50px;font-size:1.2em}.references-area .back-link i{margin-right:10px}.referenssi-area{padding-top:100px;min-height:90vh}.referenssi-area h1{margin-bottom:0}.referenssi-area>h3{margin-bottom:50px;font-weight:400;font-size:1.3em;margin-top:0}.referenssi-area .back-link{display:block;margin-bottom:50px;font-size:1.2em}.referenssi-area .back-link i{margin-right:10px}.referenssi-area .referenssi{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:100px}.referenssi-area .referenssi .image-box{width:500px;border-radius:10px;margin-right:60px;display:inline-block;vertical-align:top;position:relative}.referenssi-area .referenssi .image-box .preview{width:500px;height:calc(500px / 3 * 2);object-fit:cover;border-radius:10px}.referenssi-area .referenssi .image-box .thumbnail-balls{position:absolute;bottom:-35px;left:0;width:100%;display:flex;justify-content:center;padding:10px 0}.referenssi-area .referenssi .image-box .thumbnail-balls .ball{width:15px;height:15px;border-radius:15px;background:#00000030;margin-right:10px;cursor:pointer;transition:.2s;border:none;padding:0}.referenssi-area .referenssi .image-box .thumbnail-balls .ball.active{background:#000000a0;transition:.2s}.referenssi-area .referenssi h3{margin-top:0;font-size:1.5em;font-weight:500}.referenssi-area .content{width:calc(100% - 500px - 60px)}.referenssi-area .content .description{font-size:1.2em}