@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:700);#alaBanneri,#alaBanneri .ala2h{left:20px;box-shadow:0 0 5px 2px rgba(0,0,0,.3)}.hideBanner{display:none!important}#alaBanneri{min-height:370px;width:635px;position:fixed;z-index:9999;bottom:-600px;padding:25px 25px 25px 215px;display:block!important;background:url(images/red-mies-bg.png) left -20px bottom -10px no-repeat #f33a20;transition-duration:1s}#alaBanneri,#alaBanneri *{box-sizing:border-box}#alaBanneriCenter{position:relative}#alaBanneri input,#alaBanneri p,#alaBanneri textarea{font:400 16px/18px Roboto,sans-serif}#alaBanneri h2,#alaBanneri h3{font:700 27px/30px 'Roboto Condensed',sans-serif}.alaBanneri-col{display:block}.alaBanneri-col p{color:#fff}.ab-input-wrap{width:48%;display:inline-block;vertical-align:top}.ab-input-wrap-left{margin-right:2%}.ab-input-wrap-right{margin-left:2%}.alaBanneri-col input,.alaBanneri-col textarea{display:inline-block;border:none;margin:15px 0 0;padding:10px 15px;width:100%;border-radius:3px;font:400 16px/24px Roboto,sans-serif;height:40px;transition:.6s ease-in-out}#alaBanneri textarea.ab-big-text{height:100px}.alaBanneri-col input:hover,.alaBanneri-col textarea:hover{border:none!important}#alaBanneri .alaBanneri-col input[type=submit]{background:rgba(255,255,255,0);color:#fff;text-transform:uppercase;width:auto;border-radius:3px;padding:5px 30px;border:1px solid #fff;height:auto;font:700 16px/30px 'Roboto Condensed',sans-serif}#alaBanneri .alaBanneri-col input[type=submit]:hover{background:rgba(255,255,255,.4);cursor:pointer;border:1px solid #fff!important}#ala-col-textWrap p{text-align:left;line-height:115%;color:#fff}#ala-col-textWrap .ty-message .tyHeader{color:#fff!important}#alaBanneri .ty-message{padding:35px 0 0;margin-left:40px;position:relative}#ala-col-2 .textHeader{font:700 27px/30px 'Roboto Condensed',sans-serif;color:#fff;position:relative;padding-right:20px}#ala-col-2 p{font:400 16px/24px Roboto,sans-serif;color:#fff;margin:0 0 15px}#ala-col-2 p:last-of-type{margin-bottom:0}#ala-col-2 p.textHeader,#ala-col-textWrap p.tyHeader{text-transform:uppercase}.alaClose{position:absolute;z-index:33;right:0;top:5px}#alaBanneri .ala2h{position:fixed;bottom:20px;cursor:pointer;transition-delay:1.2s;transition-duration:.5s;display:none;background:#F33A20;color:#fff;padding:5px 30px;margin:0!important;font:700 20px/30px 'Roboto Condensed',sans-serif;opacity:1}#alaBanneri .ab-text-cta::after{display:inline-block;vertical-align:middle;content:"";height:21px;width:21px;margin-left:10px;text-align:center;background:url(images/ruukki-2h-icon-open-h2.png) center center no-repeat #f33a20;position:relative;top:-2px;transition:.4s ease-in-out;transform:translate3d(0,0,0)}#alaBanneri .ab-text-cta:hover::after{animation-name:upDown;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes upDown{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(0,-4px,0)}75%{transform:translate3d(0,4px,0)}}#alaBanneri .still-loading{opacity:0;visibility:hidden;bottom:-120px}#alaBanneri.visibel .ala2h{transition-delay:.2s;bottom:-76px}.alaClose:hover{cursor:pointer}#mobiClose{display:none}#ala-col-5{text-align:left}#alaBanneri .theLoader{margin:auto;display:block}@media screen and (max-width:767px){#mobiClose{left:220px;position:absolute;top:5px;display:block}#alaBanneri{min-height:0;width:100%;left:0;padding:15px;display:block!important;background:#f33a20}#alaBanneri.visibel{bottom:0!important}#alaBanneri .ala2h{bottom:0;left:0;width:100%;text-align:center}}@media screen and (max-width:500px){.ab-input-wrap{width:100%;display:block;margin:0}}