/* Thanks for the features and abilities of design */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;-webkit-box-sizing:border-box;line-height:1.5;font-family:'Times New Roman',sans-serif;color:rgba(0,0,0,.87)}
body{background-color:#21252f;color:#627175;margin:0}
h1{text-transform:uppercase;color:#fff;text-shadow:0 0 9px #c7dbc3;font-size:4rem;margin:2.1rem 0 0.88rem}
h1,h2,h3,html{font-weight:400}
h1,h2,h3{line-height:110%}
h2{font-size:3.56rem;margin:1.78rem 0 1.424rem}
h3{font-size:2.92rem;margin:1.46rem 0 1.218rem}
a img {border:0;}
a{background-color:transparent;color:#039be5} a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted} pre,textarea{overflow:auto} code{font-family:monospace,monospace;font-size:1em}
blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}
img.responsive-img,video.responsive-video{max-width:100%;height:auto}
strong{font-weight:700} small{font-size:75%}
label {color:dodgerblue; padding:39px; cursor:pointer; font-size:900%; -webkit-transition:color 0.5s ease 0.5s; transition:color 0.5s ease 0.5s; -moz-transition:color 0.5s ease 0.5s; -o-transition:color 0.5s ease 0.5s;}
input {cursor:pointer; height:0; opacity:0; width:0;}
input:focus {outline:none;}
input:checked {height:40px; opacity:1; position:fixed; right:20px; top:20px; z-index:2; -moz-appearance:button; -webkit-appearance:checkbox; appearance:none; width:40px;}
input:checked::after, input:checked::before {border-top:1px solid #FFF; content:"";}
input:checked + label {color:#fff; -webkit-transition:color 0.5s ease; transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease;}
input:checked ~ .modal {height:100%; width:100%; -webkit-transition:width 0.5s ease, height 0.5s ease 0.5s; transition:width 0.5s ease, height 0.5s ease 0.5s; -moz-transition:width 0.5s ease, height 0.5s ease 0.5s; -o-transition:width 0.5s ease, height 0.5s ease 0.5s;}
input:checked ~ .modal .innhold {color:#fff; -webkit-transition:color 0.5s ease 0.5s; transition:color 0.5s ease 0.5s; -moz-transition:color 0.5s ease 0.5s; -o-transition:color 0.5s ease 0.5s;}
div.polar {border:3px solid #9d6d57; background-color:#f3f5f7; box-shadow:0 4px 28px 0 powderblue, 0 6px 30px 0 blue; margin:5px; opacity:0.7;}
div.polar:hover {border:3px solid lightblue; opacity:1; box-shadow:0 4px 128px 0 powderblue, 0 6px 130px 0 blue;}
div.container {text-align:center; font-size:200%; font-family:Verdana,monospace; padding-bottom:5px;}
@media only screen and (min-width:0){html{font-size:16px}}
@media only screen and (min-width:992px){html{font-size:16.5px}}
@media only screen and (min-width:1200px){html{font-size:17px}}
@media only screen and (max-width:500px) {.btn-large.susi{font-size:50%;height:36px;line-height:36px;} .btn-large.kuusi{font-size:60%; height:46px; line-height:46px;} .btn.menu{font-size:70%; height:56px; line-height:56px;} .btn.menu.light-kuusi{line-height:56px;} .willbe, #header{font-size:310%;}}
@media only screen and (max-width:380px) {.btn-large.kuusi{line-height:26px;} .btn.menu.light-kuusi{line-height:29px;} .where{font-size:150%;}}
@media only screen and (max-width:307px) {.btn-large.kuusi{line-height:16px;} .btn.menu{height:36px;line-height:36px;} .btn.menu.light-kuusi{line-height:12px;} .btn.kuusi{font-size:70%;padding:3px;}}
@media only screen and (max-width:291px) {.btn-large.kuusi{font-size:49%;line-height:17px;} .point-title{font-size:21px!important;line-height:30px!important;} .btn.menu.light-kuusi{width:110px;padding:6px;} .btn-large.susi.where{font-size:50%; height:46px; line-height:16px;} .snowman-btn{padding-left:30px!important;}}
@media only screen and (max-width:243px) {.btn-large.kuusi{line-height:11px;} .point-title{font-size:19px!important;} .where{font-size:130%;} .snowman-btn{padding-left:20px!important;} #snowman{padding-right:40px!important; padding-left:40px!important;}}
@media only screen and (max-height:380px) {#snowman{margin-top:30px!important;}}
.kuusi{background-color:#87c36a!important} .susi{background-color:#ab5757!important} .light-kuusi{background-color:#2e8b57!important}
.btn,a{text-decoration:none;-webkit-tap-highlight-color:transparent}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .clearfix{clear:both}
.content{padding:2rem;margin:0 auto;max-width:960px}
.words-point:last-child{margin-bottom:0rem} .words-point{background-color:#fff} .words-point .point-content .label,.words-point .point-content {vertical-align:middle}
*,:after,:before{box-sizing:inherit;-webkit-box-sizing:inherit;}
.btn,.btn-large,.point{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.btn-large:hover,.btn:hover,.z-depth-1-half{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}
.btn,.btn-large,.center,.center-align{text-align:center}
.left-align{text-align:left} .right-align{text-align:right}
.left{float:left!important} .right{float:right!important}
.center-block{display:block;margin-left:auto;margin-right:auto}
.point,.point.large,.point.medium,.point.small{position:relative}
.point{margin:.5rem 0 1rem;background-color:#fff;border-radius:2px}
.point .point-title{font-weight:300; font-size:24px;}
.point.large .point-image,.point.medium .point-image,.point.small .point-image{max-height:60%;overflow:hidden}
.point.large .point-image+.point-content,.point.medium .point-image+.point-content,.point.small .point-image+.point-content{max-height:40%}
.point.large .point-content,.point.medium .point-content,.point.small .point-content{max-height:100%;overflow:hidden}
.point.large .point-action,.point.medium .point-action,.point.small .point-action{position:absolute;bottom:0;left:0;right:0}
.point.small{height:300px}
.point.medium{height:400px}
.point.large{height:500px}
.point.sticky-action .point-action{z-index:2}
.point.sticky-action .point-reveal{z-index:1;padding-bottom:64px}
.point .point-image{position:relative}
.point .point-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}
.point .point-image .point-title{color:#fff;position:absolute;bottom:0;left:0;padding:20px}
.point .point-content{padding:20px;border-radius:0 0 2px 2px}
.point .point-content p{margin:0;color:inherit}
.point .point-content .point-title{line-height:48px}
.point .point-action{position:relative;background-color:inherit;border-top:1px solid rgba(160,160,160,.2);padding:20px}
.point .point-action a:not(.btn):not(.btn-large):not(.btn-large){color:#ffab40;margin-right:20px;-webkit-transition:color .3s ease;transition:color .3s ease;-o-transition:color .3s ease;-moz-transition:color .3s ease;text-transform:uppercase}
.point .point-action a:not(.btn):not(.btn-large):not(.btn-large):hover{color:#ffd8a6}
.point .point-reveal{padding:20px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;top:100%;height:100%;z-index:3;display:none}
.point .point-reveal .point-title{cursor:pointer;display:block}
.btn,.btn-flat,.btn-large{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;outline:0;padding:0 2rem;text-transform:uppercase;vertical-align:middle}
.btn-large.susi{border-radius:55px;} .btn-large.susi:hover{background-color:#f2f9f3!important; color:#21252f} .btn.kuusi.blog:hover{background-color:#2bbbad!important}
.btn-large.disabled,.btn-large:disabled,.btn-large[disabled],.btn.disabled,.btn:disabled,.btn[disabled],.disabled.btn-large,[disabled].btn-large{background-color:#DFDFDF!important;box-shadow:none;color:#9F9F9F!important;cursor:default}
.btn-large.disabled *,.btn-large:disabled *,.btn-large[disabled] *,.btn.disabled *,.btn:disabled *,.btn[disabled] *,.disabled.btn-large *,[disabled].btn-large *{pointer-events:none}
.btn-large.disabled:hover,.btn-large:disabled:hover,.btn-large[disabled]:hover,.btn.disabled:hover,.btn:disabled:hover,.btn[disabled]:hover,.disabled.btn-large:hover,[disabled].btn-large:hover{background-color:#DFDFDF!important;color:#9F9F9F!important}.btn i,.btn-flat i,.btn-large i{font-size:1.3rem;line-height:inherit}
.btn,.btn-large{color:#fff;background-color:#26a69a;letter-spacing:.5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;-o-transition:.2s ease-out;-moz-transition:.2s ease-out;cursor:pointer}
.btn-large:hover,.btn:hover{background-color:#2bbbad}
.btn-flat:active,.btn-flat:focus{background-color:transparent}
.btn-large{height:64px;line-height:64px}
.btn-flat{box-shadow:none;color:#343434;cursor:not-allowed;-webkit-transition:background-color .2s;transition:background-color .2s; -moz-transition:background-color .2s; -o-transition:background-color .2s;}
.btn-flat:hover{background-color:rgba(0,0,0,.1);box-shadow:none}
.btn-flat.disabled{color:#b3b3b3;cursor:default}
.btn.kuusi.right:after, .btn.disabled.kuusi.menu:after, .btn.kuusi.blog.menu:after {content:'\00bb';}
.footer {padding:1px; text-align:center; background-color:#f1f1f1; border:1px solid #e9e9e9; font-size:0.625em;}
.gridfooter {width:100%; margin-top:10px; margin-bottom:0;}
.round-large {border-radius:8px!important}
.greyscale {-webkit-filter:grayscale(75%);filter:grayscale(75%)}
.drmr {padding:15px; text-align:center;}
.dropdown-content {display:none; position:absolute; background-color:#f9f9f9; min-width:160px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}
.hvilke {border:none; padding:0.3px; overflow:hidden; text-decoration:none!important; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: pointer; -webkit-transition:background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s, border 0.15s; transition:background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; -moz-transition:background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; -o-transition:background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; -webkit-transition:0.3s ease; transition:0.3s ease; -moz-transition:0.3s ease; -o-transition:0.3s ease; -webkit-appearance:none; appearance:none; -moz-appearance:none; background-color:white;} .hvilke:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); background-color:white!important;}
.callr {opacity:0; font-size:70%; visibility:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; z-index:3}
.callCalr {padding:1em; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); text-align:center; -webkit-transition:all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.5); transition:all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.5); -o-transition:all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.5); -moz-transition:all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.5); -webkit-transform:rotate(5deg) translate(-1em, 1em); transform:rotate(-5deg) translate(-1em, 1em); -ms-transform:rotate(5deg) translate(-1em, 1em); border-top:35px solid #da513d; border-bottom:35px solid #ddd;}
.hvilke:focus + .callr {opacity:1; visibility:visible;}
.hvilke:focus + .callr .callCalr {-webkit-transform:rotate(0deg) translate(0, 0); transform:rotate(0deg) translate(0, 0); -ms-transform:rotate(0deg) translate(0, 0);}
.mailr {text-align:center!important; font-size: 150%;}
.mail-btn {overflow:hidden; border-radius:9px; text-decoration:none!important; background-color:#f3fff6!important; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .mail-btn:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} .mail-btn,.mail-closebtn {-webkit-transition:background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s, border 0.15s; transition:background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; -moz-transition:background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; -o-transition:background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s;}
.mail-closebtn {text-decoration:none; float:right; font-size:170%; font-weight:bold; color:inherit} .mail-closebtn:hover, .mail-closebtn:focus{color:red!important; text-decoration:none; cursor:pointer; font-weight:bold;}
.call {z-index:3; display:none; padding-top:120px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4)}
.call-content {margin:auto; background-color:#fff; position:relative; padding:0; outline:0; width:600px}
.snowman {height:650px; max-width:100%;}
.snowman-btn {padding-top:28%; padding-left:50px;}
.btn.susi#snowman:hover {background-color:transparent!important; background-color:rgba(0,0,0,.1)!important; box-shadow:10px 10px 90px blue;}
.responsive {padding:0 6px; width:28.99999%;}
.main {padding-left:11.7%;}
.modal {background:dodgerblue; height:10px; overflow:hidden; text-align:center; position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transition:width 0.5s ease 0.5s, height 0.5s ease; transition:width 0.5s ease 0.5s, height 0.5s ease; -moz-transition:width 0.5s ease 0.5s, height 0.5s ease; -o-transition:width 0.5s ease 0.5s, height 0.5s ease; width:0; z-index:1;}
.innhold {color:transparent; font-size:2em; position:absolute; top:50%; padding:1rem; margin:0 auto; max-width:970px; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0); -ms-transform:translate3d(0, -50%, 0); -webkit-transition:color 0.5s ease; transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; width:100%;}
#snowman {margin-top:110px; padding-right:50px; padding-left:50px;}
#header {font-family:'comic sans ms', monospace; text-align:center; position:relative; -webkit-animation:animatetop 0.4s; animation:animatetop 0.4;}
#train {text-decoration:underline;}
@media (min-width:993px) {.call-content{width:900px}}
@media (max-width:768px) {.call-content{width:500px} .call{padding-top:50px} #mailr{font-size:70%} h3{font-size:140%}}
@media (max-width:600px) {.call-content{margin:0 10px; width:auto!important} .call{padding-top:30px} #mailr{font-size:65%}}
.square {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)!important}
.animate-top {position:relative; -webkit-animation:animatetop 0.7s; animation:animatetop 1s;}
.dockr {padding:1em; background-color:#d4f0fe;} .dockr:after {content:""; display:table; clear:both}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@-moz-document url-prefix() {label {font-size:655%}}
