/** Generated: Sunday, 29th of June 2025, 02:39:05 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
/* CSS3 and HTML5 made by Timo Anttila */

* { padding: 0; margin: 0; background: none; border-radius: 0; border: none; text-decoration: none; line-height: 1.4em ; vertical-align: top; outline:none }

html { width: 100%; height: 100%; }

.inl,
header li,
button,
.nappi,
img,
.two,
.three,
.four,
.five,
.six,
.options,
#social li { display: inline-block }

.mid { vertical-align: middle }

.bl,
header a,
#menu li li,
footer li { display: block; }

h1,
h2 { line-height: 1.15em }

p,
h1,
h2,
h3,
main ul,
ol,
table { margin-bottom: 15px }

p:last-child,
main ul:last-child,
ol:last-child { margin-bottom: 0 }

main ul,
ol { margin-left: 18px }

table,
header,
.fade img { width: 100% }


.left { float: left }
.right { float: right }
.clear { clear: both }

img {
max-width: 100%;
height: auto
}

.rel,
#hero,
.container { position: relative }

.tc { text-align: center }
.tr { text-align: right }
.tl { text-align: left }

.two {
    width: 48%;
    margin-bottom: 25px
}

.two:nth-child(odd){ margin-right: 4% }

.three { width: 32% }
.four { width: 23.5% }
.five { width: 18.4% }
.six { width: 15% }

.three,
.four,
.five,
.six { margin: 0 2% 15px 0 }

.three:nth-child(3n),
.four:nth-child(4n),
.five:nth-child(5n),
.six:nth-child(6n){ margin-right: 0 }

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.bw,
input,
textarea { background: #fff; color: #000 }

.bb { background: #000 }

.tw,
.tw a,
.bb,
.bb a { color: #fff }

.fa span,
.hidden {display: none}

#toggle {
    width: 45px;
    height: 45px;
    background: url("/files/menu.png") no-repeat center right / contain;
    z-index: 800;
    display: none;
    padding: 0;
}

.adminbar-loaded header { top: 40px }

.ball { border-radius: 50%; overflow: hidden }

.embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.air { padding: 40px 0 }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="number"],
button { -webkit-appearance: none }

input,
textarea { border: 1px solid #999 }

.FormBuilderViewport { max-width: 600px }

.up { text-transform: uppercase }

.nappi,
button {
    display: inline-block;
    padding: 8px 20px;
    cursor: pointer;
}

td,
textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="number"] { padding: 5px }

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder { color: #000 }

td,th { text-align: left }

.embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#videos { margin-top: 30px }

main { display: block }

#files {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

#files.air { padding-bottom: 20px }

#files img {
    width: 267px;
    height: 267px;
    background: #eee;
    margin-bottom: 10px;
}

#form input,
#form textarea {
    max-width: 400px;
    width: 100%;
    margin-bottom: 10px;
}

#form textarea {
    height: 150px;
}

#messages {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #fff
}

#sub .message {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #fff;
}

.options {
    margin: 0 5px 15px 0;
}

.select {
    background: #fff url("/files/images/select.png") no-repeat 95% 50%;
    padding-right: 25px;
    border: 1px solid #999;
}

.select select {
    padding: 5px 8px;
    width: 135%;
    height: 29px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select select:focus { outline: none }

#skip {
    width: 1px;
    height: 1px;
    display: block;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
}

#popup {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 200;
    background: #fbfbfb;
    border: 1px solid #999;
    padding: 20px;
    border-radius: 6px;
    max-width: 295px;
    text-align: center;
}

#popup .nappi {
    padding: 4px 12px;
    background: none;
    border: 1px solid #999;
    color: #222;
    margin: 0 5px;
}

@media screen and (max-width: 730px){
    #form input,
    #form textarea { width: 90% }
    #adminbar { display: none }
    .adminbar-loaded header { top: 0 !important }
    html { padding-top: 0 !important }
}
@font-face {
        font-family: 'CrimsonText';
        src:  url('/files/fonts/CrimsonText-Regular.woff2') format('woff2'), url('/files/fonts/CrimsonText-Regular.woff') format('woff');
}
@font-face {
        font-family: 'CrimsonText Semi';
        src:  url('/files/fonts/CrimsonText-SemiBoldItalic.woff2') format('woff2'), url('/files/fonts/CrimsonText-SemiBoldItalic.woff') format('woff');
}
@font-face {
        font-family: 'Open Sans Bold';
        src:  url('/files/fonts/OpenSans-Bold.woff2') format('woff2'), url('/files/fonts/OpenSans-Bold.woff') format('woff');
}
@font-face {
        font-family: 'Open Sans';
        src:  url('/files/fonts/OpenSans-Regular.woff2') format('woff2'), url('/files/fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
        font-family: 'Montserrat';
        src:  url('/files/fonts/Montserrat-Regular.woff2') format('woff2'), url('/files/fonts/Montserrat-Regular.woff') format('woff');
}
@font-face {
        font-family: 'Montserrat Bold';
        src:  url('/files/fonts/Montserrat-Bold.woff2') format('woff2'), url('/files/fonts/Montserrat-Bold.woff') format('woff');
}


.slick-dots{
        bottom:30px;
}

#menu-side {
        display: none;
        position: fixed;
        height: 100vh;
        width: 100vw;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 75;
}


body,
input,
select,
textarea {
        font: 400 16px 'Montserrat'
}

body {
        color: #000;

        &.no-scroll{
                overflow: hidden;
        }
}



.w-100 img,.w-100{
        width: 100%;
}



h1,
h2.title,
.col-3 {
        font-weight: 600;
        font-family: 'CrimsonText Semi';
}

h1 {
        font-size: 4rem
}

#hero h1 {
        margin-bottom: 20px
}

#hero video{
        filter:brightness(70%);
        min-height: 600px;
        width: 100%;
        object-fit: cover;
}

h2,
.yhteystiedot #hero h2,
footer h3 {
        font-size: 1.2em;
        margin-bottom: 3px;
}

.four h2 {
        font-size: 1em;
        margin-bottom: 15px;
}
@media screen and (min-width: 500px){
        .grid-three{
                display: grid;
                grid-template-columns: repeat(auto-fit,minmax(20rem,1fr));
                grid-gap: 1rem;
        }
}

.air_more{
        padding: 70px 0px;
}

.nappi.absolute{
        position: absolute;
        bottom:10px;
        left: 0;
        right: 0;
        max-width: max-content;
        margin: 0 auto;
}

h2,
.nappi,
strong,
#menu,
footer h3 {
        font-weight: 700;
        font-family: 'Montserrat Bold';
}

.logo {
        font-weight: 400;
        font-family: 'Montserrat';
}

h2,
.nappi,
.logo {
        text-transform: uppercase
}

.container,
#caption {
        margin: 0 auto;
        width: 90%;
}

#hero {
        margin-top: 133px;
        z-index:3;
}

#hero img{
        filter:brightness(70%);
}

.home #hero {
        margin-top: 0
}

#hero .logo {
        font-size: 1.5em
}

.absolute_img_hero,.absolute_img_footer{
        position: absolute;
        bottom:0;
        right: 0px;
}

.absolute_img_hero img,.absolute_img_footer img {
        max-width: 400px;
        max-height: 300px;
        object-fit: cover;
        filter:brightness(100%) !important;
}

/* Colors */


a,
#close {
        color: #e5064f
}



.nappi,
#menu-toggler,.upper-header{
        background-color: #e5064f
}

.upper-header{
        color:#fff;
        padding: 5px 0px;
        a{
                color:#fff;
        }

        .contact strong{
                margin-right: 5px;
        }
}

.nappi:hover,
#menu-toggler:hover {
        background-color: #ca0544
}

.nappi,
#menu a,#hero h1,.home #hero h1 {
        color: #fff
}


/*#menu ul li a{
        border-bottom: 2px solid transparent;

        &.active,&:hover{
                border-bottom: 2px solid #fff;
        }
}*/

/* Header */
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
}

/* Menu Items */
#menu .nav-item {
    font-weight: 400;
    font-size: 15px;
    position: relative; 
}

/* Submenu */
#menu .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    min-width: 185px;
    background-color: black;
    box-shadow: 0 0 2px 1px grey;
    text-transform: uppercase;
}
#menu .submenu a {
    color: white;
    padding: 10px;
    display: block;
    text-decoration: none;
}

#menu .submenu a.active,
#menu .submenu a:hover {
    color: #eee;
    text-decoration: none;
}

/* Submenu links */
#menu .submenu a {
    color: white;
    padding: 10px;
    margin-right: 7px;
    display: block;
    text-decoration: none;
}

#menu .submenu a.active,
#menu .submenu a:hover {
    color: #eee;
}

/* Show submenu on hover */
#menu .nav-item:hover > .submenu,
.submenu.open {
    display: block;
}

/* Icon arrow margin */
.icon-arrow {
    margin-left: 5px;
}

.clock-center{
    vertical-align: -2px;
}

/* Open menu button (hidden by default) */
.open_menu {
    display: none; /* show only if JS toggle is used */
    position: absolute;
    top: 0;
    right: 0;
}

#menu .submenu,
#menu .submenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu .submenu a {
    padding-left: 10px; /* uniform left padding */
    padding-right: 10px;
    margin: 0;
    display: block;
    text-decoration: none;
}



.front_title{
        margin-top: 15px;
        margin-bottom: 15px;
}

header.small #top{
        background: #484b4f;
}

.adminbar-loaded header {
        top: 0
}

#top {
        /*height: 98px;*/
        background: #484b4f;
        padding: 10px 0;
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-gap:1rem;
        align-items: center;
}



.adminbar-loaded header{
        top:40px;
}

.home #top {
        background: none;
}

#top img {
        width: 100px
}

#top #logo {
        margin: 8px 20px
}

#top #logo .inl {
        vertical-align: bottom;
        margin-right: 15px
}

/*#links { margin-top: 22px }*/

#menu-toggler,
#top li {
        margin-left: 10px
}


/*
#menu {
    display: none;
    width: 235px;
    height: 94%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 400;
    padding: 3%;
    text-align: right;
    font-size: 1.2em;
}*/
/*
#menu ul { margin-top: 30px }

#menu li { margin-bottom: 15px }*/



#close {
        border-radius: 50%;
        background: #fff;
        overflow: hidden;
        font-size: 20px;
        padding: 3px 12px;
}

#caption {
        padding: 100px 0;
        max-width: 1000px;
        padding-left: -15px;
        padding-right: -15px;
        position: absolute;
        top:0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 5;
}
/*
.home #caption{
    top:unset;
    bottom: 0;
    left: unset;
    right: 0;
    padding: 50px 0px;
    text-align: right;
    padding-right:25px;

}*/

.home #caption{
        max-width: unset;
        &.cell{
                align-items: flex-end;
        }
}

/*.form_buttons{margin-right:155px;}*/

.logo {
        margin: 0
}

.yhteystiedot h2 {
        margin-bottom: 20px
}

/* Content */

.container {
        max-width: 1200px
}
.info .container {
        max-width: 800px
}

section:nth-child(odd){
        background: #f0f0f0
}
section:nth-child(even){
        background: #fff
}

.nappi {
        border-radius: 20px
}

#caption p {
        margin: 0;
        font-size: 1.4em;
}

footer {
        background: #484b4f;
        vertical-align: middle;
}


.some_icon{
        margin: 5px 5px;
}


footer a,
footer {
        color: #37393a
}

footer .container{
        z-index: 3;
}

#ball {
        position: absolute;
        top: 35%;
        right: 20%;
        width: 200px;
}

#caption #ball img {
        width: 100%;
        max-width: 100%;
}

#ball a,
#ball img {
        display: block
}

*,
:after,
:before {
        box-sizing: border-box
}

.col-3,
.big {
        font-size: 1.6rem
}

form input,
form select,
textarea {
        width: 100%
}

#caption img {
        max-width: 400px;
        width: 100%;
        margin-bottom: 1.5rem;
}

.mb-3 {
        margin-bottom: 1rem
}

.tab-content {
        display: none
}

.tab-content.current {
        display: block
}

footer h3,
.yhteystiedot #caption .nappi {
        color: #ca0544
}

footer p a {
        color: #fff
}

#maker {
        margin-top: 3rem
}

.yhteystiedot #caption .nappi {
        background: #fff;
        padding: 6px 40px;
        font-size: 1rem;
        margin-bottom: 15px;
}

.yhteystiedot h2 {
        margin-bottom: 5px
}
/*
.yhteystiedot #content a {
        color: #000
}*/

.team .container {
        max-width: 1200px
}

.forms-col{
        margin-top:20px;
}


.buttons{
}

.mt-2{
        margin-top:1rem;
}

.team img{
        border-radius: 50%;
      

}

.question {
        border-top: 1px solid #e4054c;
        border-bottom: 1px solid #e4054c;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;
        width: 100%;
        display: inline-block;
        padding: 1.5rem 1.5rem;
        position: relative;
}


.question::after {
        content: "+";
        position: absolute;
        display: grid;
        height: 100%;
        align-items: center;
        right: 3px;
        top:0px;
        font-size: 28px;
}


.question.open::after {
        content: "-";
}

.hidden_info{
        display: none;
}

.hidden_info.show{
        display: block;
        padding: 1.5rem 1.5rem;
        margin-top:1rem;
}

.story_info{
        padding: 20px 20px;
}

.story h2{
        font-weight: 400;
}

.story_sum{
        margin-top:15px;
        color:#000;
}

.story:hover .story_sum{
        color:#e5064f;
}

.border_grey{
        border:1px solid #eee;
}

#menu-toggler{
        display: none;
}

.some,.privacy{
        margin-top:15px;
}

.some .fa-brands{
        color:#fff;
        margin: 5px 5px;
        font-size: 35px;
}

.FormBuilderViewport{
        max-width: 100% !important;
}

.grid-two{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:1rem;
}

@media screen and (min-width:1000px){
        .story_page{
                display: grid;
                grid-template-columns: 1fr 400px;
                grid-gap:2rem;
        }

}

@media screen and (max-width:1000px){
        .story_page{
                display: grid;
        }

        .story_page .photos{
                display: grid;
                grid-column-start: 1;
                grid-row-start:1;
        }

}


.story_photo{
        margin-bottom: 15px;
}







@media screen and (min-width:1000px){
        footer .col-6:first-child {
                border-right: 1px solid #fff;
                padding-right: 39px;
        }
        footer .col-6:last-child {
                padding-left: 40px
        }
}

@media screen and (min-width:450px){
        #forms {
                width: 100%;
                column-count: 3;
                column-gap: 10px;
                text-align: center;
        }
        .row {
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-right: -15px;
                margin-left: -15px
        }

        .col-3,
        .col-4,
        .col-6,
        .col-8,
        .col-9 {
                position: relative;
                width: 100%;
                min-height: 1px;
                padding-right: 15px;
                padding-left: 15px;
                -webkit-box-flex: 0
        }

        .col-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
        }

        .col-8 {
                -ms-flex: 0 0 66.6666%;
                flex: 0 0 66.6666%;
                max-width: 66.6666%
        }

        .col-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
        }

        .col-4 {
                -ms-flex: 0 0 33.3333%;
                flex: 0 0 33.3333%;
                max-width: 33.3333%
        }

        .col-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%;
                padding-top: 6px
        }
}

.mr-2{
        margin-right: 1rem;
}


.tab-link {
        width: 100%;
        background: #fff
}

.btn,
input[type="text"],
input[type="email"],
.tab-link,
select,
textarea {
        border-radius: 20px;
        padding: 8px 20px;
}

form input,
form textarea {
        background: #e6e6e6;
}

.tab-link {
        cursor: pointer
}

#hero .col-6,
.tab-link.current,
select,
.submit {
        color: #fff
}

.tab-link {
        background: #aca8a7
}

.tab-link.current,
form select,
.submit {
        background: #fe0151
}

form input::placeholder,
form textarea::placeholder {
        opacity: 1;
        color: #000
}

form select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
}

.submit {
        width: 140px;
}

.cell {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: 100%;
}

#caption h2.title {
        font-size: 2rem;
        margin-bottom: 2rem;
        text-transform: none;
        font-size: 3rem;
}

.team h3 {
        margin: 10px 0 5px
}

@media screen and (max-width: 1100px){
        .four {
                width: 48%
        }
        .four:nth-child(odd){
                margin-right: 4%
        }
        .four:nth-child(even){
                margin-right: 0
        }
        #ball {
                right: 5%
        }
        #hero .col-6.item {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
        }
        #hero .col-6.item:last-child {
                margin-top: 3rem
        }
}

@media screen and (max-width: 1200px) {

    .home #hero, #hero {
        margin-top: 135px;
    }

    #top {
        text-align: center;
        height: auto;
        position: relative;
        grid-template-columns: unset;
    }

    .home #top {
        background-color: #484b4f;
    }

    #top #logo {
        display: inline-block;
        float: none;
        width: 100px;
    }

    .four:nth-child(1n) {
        width: 100%;
        margin: 0 auto 15px;
    }

    #ball {
        top: 8%;
    }

    #top li,
    #top ul,
    #menu-toggler {
        display: block;
        width: 100%;
        margin: 0;
    }

    #top #logo .inl {
        float: none;
        display: block;
    }

    #top img {
        width: auto;
        max-width: 100px;
        display: block;
    }

    /* MENU TOGGLER BUTTON */
    #menu-toggler {
        position: absolute;
        top: 31px;
        right: 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin: 0;
        background-size: auto;
        background-position: right center;
        padding: 0;
        z-index: 85;
        border: 1px solid #fff;
        cursor: pointer;
        display: block;
    }

    /* SVG inside toggler */
    #menu-toggler svg {
        fill: #fff;
        margin: 0 auto;
        padding: 10px;
        display: block;
    }

    #menu-toggler svg.close {
        display: none;
    }

    /* Toggler open state */
    #menu-toggler.open svg.open {
        display: none;
    }

    #menu-toggler.open svg.close {
        display: block;
    }

    #menu-toggler.open svg.close line {
        stroke-width: 10;
        stroke: #fff;
    }

    /* MENU container */
    #menu {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 0;
        padding-top: 200px;
        background-color: #e5064f;
        z-index: 80;
        overflow: hidden; /* IMPORTANT: hides submenu overflow */
        display: block;
    }

    /* Show menu with slide-in animation */
    #menu.show {
        animation: slide 1s forwards;
    }

    /* Hide menu with slide-out animation */
    #menu.close {
        animation: slide-out 1s forwards;
    }

    /* Submenu toggle button */
    .open_menu {
        position: absolute;
        top: 0;
        right: 15px;
        font-size: 1.4rem;
        height: 42px;
        width: 42px;
        z-index: 60;
        border: 0;
        background: transparent;
        cursor: pointer;
        color: black;
        display: block;
    }

    .open_menu::after {
        content: "+";
    }

    .open_menu.open::after {
        content: "-";
    }

    /* Animations */
    @keyframes slide {
        from { width: 0; }
        to { width: 55vw; }
    }

    @keyframes slide-out {
        from { width: 55vw; }
        to { width: 0; }
    }

    /* Menu list styles */
    #menu ul {
        margin: 0;
        padding-left: 0;
        list-style: none;
    }

    #menu li {
        display: block;
        width: 100%;
        margin: 0;
        position: relative; /* for submenu absolute positioning */
    }

    #menu a {
        padding: 10px 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        text-align: left;
        color: white;
        text-decoration: none;
        display: block;
        user-select: none;
    }

    /* Disable hover submenu opening on mobile */
    /* #menu .nav-item:hover .submenu {
        display: none !important;
    } */

#menu .submenu {
  display: none;
  position: relative; /* or absolute if dropdown style */
  width: 100%;        /* or fixed width if you want */
  background-color: #e5064f; /* visible bg */
  z-index: 50;        /* make sure it's above siblings */
  overflow: hidden;   /* hide anything outside */
  transition: max-height 0.3s ease;
  max-height: 0;      /* collapse when hidden */
}

#menu .submenu.show {
  display: block;
  max-height: 1000px; /* large enough to show full submenu */
}

    /* Submenu links */
    #menu .submenu a {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        padding: 10px 35px;
        color: white;
        text-decoration: none;
        display: block;
        font-weight: normal;
    }

    /* Hide arrow icons on main links */
    #menu .nav-link i {
        display: none;
    }

    #top .nappi {
        border-radius: 20px;
        display: block;
        width: 100%;
        margin: 0 auto 6px;
    }

    h1 {
        font-size: 3em;
    }

    footer img {
        display: block;
        margin: 0 auto;
    }

    #close {
        display: none;
    }

    #links {
        margin-top: 7px;
        position: absolute;
        right: 55px;
    }

    #ball {
        position: relative;
        top: inherit;
        right: inherit;
        margin: 20px auto 0;
    }

    #hero .col-3,
    #hero .col-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .team .container .inl {
        width: 100%;
        display: block;
        margin: 0 auto 20px;
    }

    #menu-toggler:hover {
        background-color: #e5064f;
    }

    .form_buttons {
        margin-right: 0;
    }

    .icon-arrow {
        display: none;
    }
}



@media screen and (max-width: 1000px){
        #caption p{
                font-size: 1em;

        }

        #caption{
                padding: 50px 0px;
        }

        .absolute_img_hero img {
                max-width: 300px;
                max-height: 300px;
                object-fit: cover;
        }

        .grid-two{
                grid-template-columns: minmax(0, 1fr);
        }

        #hero .nappi{
                margin-bottom: 5px;
        }

}
@media screen and (max-width:740px){

        .home #hero,#hero{
                margin-top:160px;
        }
}



@media screen and (max-width:650px){
        .absolute_img_footer img {
                max-width:250px;
        }
}

@media screen and (max-width:640px){

        .home #hero,#hero{
                margin-top:184px;
        }
}

@media screen and (max-width:450px){
        .tab-link {
                margin-bottom: 5px
        }


        #caption h1{
                font-size: 2em;
        }

        footer .tr,footer .tl{
                text-align: center;
        }

        .absolute_img_hero img {
                max-width: 150px;
                max-height: 150px;
                object-fit: cover;
        }
}

@media screen and (max-width:400px){
        .upper-header{
                font-size: 12px;
        }

        .home #hero, #hero {
                margin-top: 168px;
        }

        #top .nappi{
                padding: 5px 5px;
                font-size: 14px;
        }
}

@media screen and (max-width:350px){
        #links{
                top:30px;
        }

        #menu-toggler{
                top:32px;
        }
}


.g-recaptcha {
        display: none
}