@media (orientation: portrait) and (max-width: 511px){.match{display:block;margin:auto}.bottomArea{display:flex;padding-top:32px;padding-bottom:32px;width:292px;margin:auto}.selections{display:flex;background-image:url(/apps/matkakohde-match/assets/selections-c90aa0f6.png);background-size:192px;margin-top:16px;width:192px;height:55px}.selections--card img{width:60px}.selections--card{width:60px;margin-right:6px}.buttonArea button{margin-top:10px;margin-left:16px;margin-right:0;width:84px;padding:5px;font-size:10px;font-style:normal;font-weight:900;font-family:Manrope,Arial,Helvetica,sans-serif;color:#fff;background-color:#f1645e;border-color:#f1645e}}@media (orientation: portrait) and (min-width: 512px) and (max-width: 767px){.match{display:block;margin:auto}.bottomArea{display:flex;padding-top:32px;padding-bottom:32px;width:500px;margin:auto}.selections{display:flex;background-image:url(/apps/matkakohde-match/assets/selections-c90aa0f6.png);background-size:384px;margin-top:16px;width:384px;height:110px}.selections--card img{width:120px}.selections--card{width:120px;margin-right:12px}.buttonArea button{margin-top:16px;margin-left:16px;margin-right:0;width:100px;padding:14px;font-size:16px;font-style:normal;font-weight:900;font-family:Manrope,Arial,Helvetica,sans-serif;color:#fff;background-color:#f1645e;border-color:#f1645e}}@media (orientation: portrait) and (min-width: 768px){.match{display:block;margin:auto}.bottomArea{display:flex;padding-top:32px;padding-bottom:32px;width:752px;margin:auto}.selections{display:flex;background-image:url(/apps/matkakohde-match/assets/selections-c90aa0f6.png);margin-top:16px;width:512px;height:147px}.selections--card{width:160px;margin-right:16px}.buttonArea button{margin-top:16px;margin-left:32px;margin-right:0;width:206px;padding:14px;font-size:24px;font-style:normal;font-weight:900;font-family:Manrope,Arial,Helvetica,sans-serif;color:#fff;background-color:#f1645e;border-color:#f1645e}}@media (orientation: landscape) and (max-height: 479px){.match{display:flex}.bottomArea{display:block;margin:auto;width:84px}.selections{display:block;background-image:url(/apps/matkakohde-match/assets/selections_vertical-2fad1fb9.png);background-size:60px;margin-left:12px;width:60px;height:177px}.selections--card{width:60px;margin-bottom:4px}.selections--card img{width:60px}.buttonArea button{margin-top:12px;margin-left:0;margin-right:0;width:84px;padding:7px;font-size:12px;font-style:normal;font-weight:900;font-family:Manrope,Arial,Helvetica,sans-serif;color:#fff;background-color:#f1645e;border-color:#f1645e}}@media (orientation: landscape) and (min-height: 480px) and (max-height: 719px){.match{display:flex}.bottomArea{display:block;margin:auto;width:112px}.selections{display:block;background-image:url(/apps/matkakohde-match/assets/selections_vertical-2fad1fb9.png);background-size:120px;margin-left:0;width:120px;height:354px}.selections--card{width:80px;margin-bottom:8px}.selections--card img{width:120px}.buttonArea button{margin-top:16px;margin-left:0;margin-right:0;width:120px;padding:7px;font-size:16px;font-style:normal;font-weight:900;font-family:Manrope,Arial,Helvetica,sans-serif;color:#fff;background-color:#f1645e;border-color:#f1645e}}@media (orientation: landscape) and (min-height: 720px){.match{display:block;margin:auto;width:816px}.bottomArea{display:flex;padding-top:32px;padding-bottom:32px;width:752px;margin:auto}.selections{display:flex;background-image:url(/apps/matkakohde-match/assets/selections-c90aa0f6.png);margin-top:16px;width:512px;height:147px}.selections--card{width:160px;margin-right:16px}.buttonArea button{margin-top:16px;margin-left:34px;width:206px;padding:14px;font-size:24px;font-style:normal;font-weight:900;font-family:Manrope,Arial,Helvetica,sans-serif;color:#fff;background-color:#f1645e;border-color:#f1645e}}.buttonArea button:disabled{color:#fff;background-color:#005395;border-color:#005395}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:1;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}@media (max-width: 767px){.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:12px solid transparent;border-bottom:12px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:12px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:12px solid #fff}}@media (min-width: 768px){.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:24px solid transparent;border-bottom:24px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:24px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:24px solid #fff}}@media (orientation: portrait){.carousel-root{outline:none}}@media (orientation: landscape) and (max-height: 479px){.carousel-root{width:62%!important;outline:none}}@media (orientation: landscape) and (min-height: 480px) and (max-height: 719px){.carousel-root{width:62%!important;outline:none}}@media (orientation: landscape) and (min-height: 720px){.carousel-root{outline:none}}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}@media (max-width: 767px){.carousel .control-arrow{outline:0;border:0;background:none;top:40%;margin-top:-13px;width:32px;font-size:18px}}@media (min-width: 768px){.carousel .control-arrow{outline:0;border:0;background:none;top:40%;margin-top:-13px;width:64px;font-size:18px}}.carousel .thumbs-wrapper{margin:82px 20px 20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #005395;padding:2px}.carousel .thumb:focus{border:3px solid #005395;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #cbeaed}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px;background:rgba(0,0,0,.5)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{display:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50.6%;margin-left:-45%;width:960px;border-radius:0;background:#cbeaed;color:#000;padding:10px;font-size:12px;text-align:center;opacity:.75;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#cbeaed}header{height:533px}header .municipalities{position:relative;margin:0;top:-16px;text-align:center;text-transform:uppercase;font-family:Manrope,Arial,Helvetica,sans-serif;font-size:32px;color:#fff;background-image:url(/apps/matkakohde-match/assets/gradient-fcc17c9c.png)}.guide{position:relative;font-size:18px;font-weight:lighter;font-family:Manrope,Arial,Helvetica,sans-serif;color:#fff;top:-175px;text-align:center}/*!
* modified Simple lightbox effect in pure JS
* @see {@link https://github.com/squeral/lightbox}
* @see {@link https://github.com/squeral/lightbox/blob/master/lightbox.js}
* passes jshint
*/.iframe-lightbox,.iframe-lightbox .backdrop{width:100%;height:100%;top:0;left:0}.iframe-lightbox{display:none;position:fixed;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;z-index:999999}.iframe-lightbox .backdrop{position:absolute;background-color:#000000eb;cursor:default}.iframe-lightbox .content-holder{width:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-right:-50%}.iframe-lightbox .content{height:0;position:relative;padding-bottom:56.25%}.iframe-lightbox .content>.body{position:absolute;top:0;left:0;width:100%;height:100%}/*!
 * another pure css spinner
 * @see {@link https://epic-spinners.epicmax.co/}
 */.iframe-lightbox .content>.body .half-circle-spinner,.iframe-lightbox .content>.body .half-circle-spinner *{-webkit-box-sizing:border-box;box-sizing:border-box}.iframe-lightbox .content>.body .half-circle-spinner{width:60px;height:60px;border-radius:100%;position:relative;margin:0 -50% 0 0;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.iframe-lightbox .content>.body .half-circle-spinner .circle{content:"";position:absolute;width:100%;height:100%;border-radius:100%;border:6px solid transparent}.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-1{border-top-color:#fff;-webkit-animation:half-circle-spinner-animation 1s infinite;animation:half-circle-spinner-animation 1s infinite}.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-2{border-bottom-color:#fff;-webkit-animation:half-circle-spinner-animation 1s infinite alternate;animation:half-circle-spinner-animation 1s infinite alternate}@-webkit-keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.iframe-lightbox .content>.body.is-loaded .half-circle-spinner{display:none}.iframe-lightbox iframe{display:block;width:100%;height:100%;border:0;-webkit-box-shadow:.267rem .267rem .267rem 0 rgba(3,3,3,.3);box-shadow:.267rem .267rem .267rem #0303034d;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.iframe-lightbox.is-showing{display:block}.iframe-lightbox.is-opened{opacity:1}.iframe-lightbox .btn-close{display:block;position:fixed;top:1rem;right:1rem;width:1.5rem;height:1.5rem;font-size:1rem;outline:none;cursor:pointer;border:0;background-color:transparent}/*!
 * pure css version
 * @see {@link https://codepen.io/brissmyr/pen/egidw}
 */.iframe-lightbox .btn-close:before,.iframe-lightbox .btn-close:after{content:" ";width:.125em;height:1.5em;position:absolute;top:0;right:.688em;background-color:#fff}.iframe-lightbox .btn-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.iframe-lightbox .btn-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}/*!
 * @see {@link https://github.com/englishextra/iframe-lightbox/issues/12}
 */.iframe-lightbox--open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto;height:auto}@media (max-width: 799px){.iframe-lightbox .content-holder{width:100%;top:0px;-webkit-transform:translate(-50%,0%);transform:translate(-50%)}}@media (min-width: 800px){.iframe-lightbox .content-holder{width:800px;top:0px;-webkit-transform:translate(-50%,0%);transform:translate(-50%)}}@media (max-height: 539px){.iframe-lightbox iframe{height:480px}.iframe-lightbox .content-holder{top:0px}}@media (min-height: 540px) and (max-height: 841px){.iframe-lightbox iframe{height:540px}.iframe-lightbox .content-holder{top:0px}}@media (min-height: 841px){.iframe-lightbox iframe{height:745px}.iframe-lightbox .content-holder{top:64px}}.iframe-lightbox .btn-close{background-color:#172953!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#172952}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}