.webinaari_container{display:flex;flex-direction:column;flex-flow:row wrap;padding:30px 0px;justify-content:center}.overlay{position:relative}.overlay:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;opacity:0;z-index:0;transition:opacity .3s ease}.overlay:hover:before{opacity:1}.black:before{border-radius:5px;background-color:rgba(0,0,0,0.7)}.Ilmoittaudu_hide #lataa,.Ilmoittaudu_hide #lataa_overlay,.Tallenne_hide #ilmoittaudu,.Tallenne_hide #ilmoittaudu_overlay,.Tulossa_hide #lataa,.Tulossa_hide #ilmoittaudu,.Tulossa_hide #lataa_overlay,.Tulossa_hide #ilmoittaudu_overlay{display:none}.Tulossa_hide .overlay:before,.Tulossa_hide .overlay_link{display:none}#lataa_overlay,#ilmoittaudu_overlay{color:white;font-size:30px;line-height:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}#linkki_outer{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0}#linkki_outer:hover{opacity:1}.ribbon-Ilmoittaudu span{background-color:#d3883f}.ribbon-Ilmoittaudu:before,.ribbon-Ilmoittaudu:after{border:5px solid #d3883f}.ribbon-Tallenne span,.ribbon-Tulossa span{background-color:#2b5e33}.ribbon-Tallenne:before,.ribbon-Tallenne:after,.ribbon-Tulossa:before,.ribbon-Tulossa:after{border:5px solid #2b5e33}.ribbon{width:140px;height:140px;overflow:hidden;position:absolute}.ribbon::before,.ribbon::after{position:absolute;z-index:-1;content:'';display:block}.ribbon span{position:absolute;display:block;width:225px;padding:10px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-align:center}.ribbon-top-left{top:-10px;left:-10px}.ribbon-top-left::before,.ribbon-top-left::after{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:5px}.ribbon-top-left::after{bottom:5px;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.referenssi_select{text-align:center}.referenssi_select h2{padding:20px;text-align:center;color:#999}.referenssi_select select{Width:50%;display:block;margin:0 auto}.article{float:left;position:relative;height:100%;background-color:#f8f8f8;border-radius:5px}.article_outer{transition:all .3s ease;width:33.3333%;padding:15px}.referenssi_link{color:white;font-size:18px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.speaker_outer{text-align:center;padding:25px 0 5px 0}.referenssi_overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:rgba(0,0,0,0.7);z-index:1}.webinaari_description{text-align:center;padding:30px 20px;height:100%;display:flex;flex-direction:column;align-items:center}.webinaari_description .bottom_button{flex:1}.bottom_button{display:flex;align-items:flex-end;justify-content:center}.article_outer:hover{transform:scale(1.02)}#webinaari_date{color:#999;font-size:18px}.webinaari_title{color:#000;font-weight:200}.speaker{height:100px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block}.icon{height:50px;margin:10px 0 40px 0}#webinaari_introduction{font-weight:normal;font-size:15px;padding:10px 0}#ilmoittaudu{background:#d3883f;padding:10px 40px;float:none;display:inline-block;border-radius:3px;text-align:center;width:auto;min-width:180px;font-size:1.1em;color:#fff}#lataa{background:#2b5e33;padding:10px 40px;float:none;display:inline-block;border-radius:3px;text-align:center;width:auto;min-width:180px;font-size:1.1em;color:#fff}@media screen and (max-width:1200px){.article_outer{width:50%}}@media screen and (max-width:700px){.article_outer{width:100%}.speaker_outer{display:none}}@media screen and (max-width:800px){.overlay:before,.overlay_link{display:none}}