/*! normalize.css v3.0.0 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
.col-12{width:100%}.col-11{width:91.666666666667%}.col-10{width:82.333333333333%}.col-9{width:75%}.col-8{width:66.666666%}.col-7{width:58.3333333%}.col-6{width:50%}.col-5{width:41.6666666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.6666666666667%}.col-1{width:8.3333333%}@media only screen and (max-width:860px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:100%}}

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3b7c11"); 
@font-face {font-family: 'Campton-Bold';src: url('webFonts/Campton-Bold/font.woff2') format('woff2'), url('webFonts/Campton-Bold/font.woff') format('woff');}@font-face {font-family: 'Campton-Black';src: url('webFonts/Campton-Black/font.woff2') format('woff2'), url('webFonts/Campton-Black/font.woff') format('woff');}@font-face {font-family: 'Campton-LightItalic';src: url('webFonts/Campton-LightItalic/font.woff2') format('woff2'), url('webFonts/Campton-LightItalic/font.woff') format('woff');}@font-face {font-family: 'Campton-BoldItalic';src: url('webFonts/Campton-BoldItalic/font.woff2') format('woff2'), url('webFonts/Campton-BoldItalic/font.woff') format('woff');}@font-face {font-family: 'Campton-Light';src: url('webFonts/Campton-Light/font.woff2') format('woff2'), url('webFonts/Campton-Light/font.woff') format('woff');}@font-face {font-family: 'Campton-Book';src: url('webFonts/Campton-Book/font.woff2') format('woff2'), url('webFonts/Campton-Book/font.woff') format('woff');}@font-face {font-family: 'Campton-BookItalic';src: url('webFonts/Campton-BookItalic/font.woff2') format('woff2'), url('webFonts/Campton-BookItalic/font.woff') format('woff');}@font-face {font-family: 'YWFTComposite-Bold';src: url('webFonts/YWFTComposite-Bold/font.woff2') format('woff2'), url('webFonts/YWFTComposite-Bold/font.woff') format('woff');}

@font-face {font-family: 'konttoripisteicons';src: url('icons/konttoripisteicons.eot?73639266');src: url('icons/konttoripisteicons.eot?73639266#iefix') format('embedded-opentype'), url('icons/konttoripisteicons.woff2?73639266') format('woff2'), url('icons/konttoripisteicons.woff?73639266') format('woff'), url('icons/konttoripisteicons.ttf?73639266') format('truetype'), url('icons/konttoripisteicons.svg?73639266#konttoripisteicons') format('svg');font-weight: normal;font-style: normal;}[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "konttoripisteicons";font-style: normal;font-weight: normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-tietoturvakartoitus:before {content: '\e800';}.icon-kysymysmerkki:before {content: '\e803';}.icon-plus-1:before {content: '\e808';}.icon-minus:before {content: '\e80a';}.icon-arrow-right:before {content: '\e82b';}.icon-arrow-up:before {content: '\e82c';}.icon-check:before {content: '\e82d';}.icon-dokumenttikamerat:before {content: '\e82e';}.icon-esitystekniikka:before {content: '\e82f';}.icon-etusivu:before {content: '\e830';}.icon-facebook:before {content: '\e831';}.icon-hae:before {content: '\e832';}.icon-hiiret:before {content: '\e833';}.icon-ict-palvelut:before {content: '\e834';}.icon-ilmoitustaulut:before {content: '\e835';}.icon-infonaytot:before {content: '\e836';}.icon-instagram:before {content: '\e837';}.icon-it-tuki-ja-huolto:before {content: '\e838';}.icon-jalkatuet:before {content: '\e839';}.icon-kassajarjestelmat:before {content: '\e83a';}.icon-kopiointi-ja-tulostus:before {content: '\e83b';}.icon-laminointikoneet:before {content: '\e83c';}.icon-linkedin:before {content: '\e83d';}.icon-naytot:before {content: '\e83f';}.icon-neuvottelupoydat:before {content: '\e840';}.icon-palvelimet:before {content: '\e841';}.icon-palvelutiskit:before {content: '\e842';}.icon-paperisilppurit:before {content: '\e843';}.icon-pilvipalvelu:before {content: '\e844';}.icon-projektorit:before {content: '\e846';}.icon-sahkopoydat:before {content: '\e847';}.icon-satulatuolit:before {content: '\e848';}.icon-sermit:before {content: '\e849';}.icon-soita:before {content: '\e84a';}.icon-sulje:before {content: '\e84b';}.icon-tarratulostimet:before {content: '\e84c';}.icon-tasapainolaudat:before {content: '\e84d';}.icon-tietokoneet:before {content: '\e84e';}.icon-toimistotuolit:before {content: '\e84f';}.icon-tuki-ja-huolto:before {content: '\e850';}.icon-tussitaulut:before {content: '\e851';}.icon-twitter:before {content: '\e852';}.icon-tyopistetarvikkeet:before {content: '\e853';}.icon-tyopoydat:before {content: '\e854';}.icon-tyotuolit:before {content: '\e855';}.icon-valaisimet:before {content: '\e856';}.icon-valkokankaat:before {content: '\e858';}.icon-videoneuvottelulaitteet:before {content: '\e859';}.icon-whatsapp:before {content: '\e85a';}.icon-yhteystiedot:before {content: '\e85b';}.icon-alytaulut:before {content: '\e85c';}.icon-arrow-down:before {content: '\e85d';}.icon-arrow-left:before {content: '\e85e';}.icon-valikko:before {content: '\e85f';}

*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

.cl{ clear:both; }
.col{ padding-left:30px!important; padding-right:30px!important; } /* GUTTER */
.col .col{ padding-left:0px!important; padding-right:0px!important; } /* GUTTER */

.saraketaulukko.items2 .col:nth-of-type(2n+1){ padding-left:0px!important; padding-right:30px!important; clear:both; } /* GUTTER */
.saraketaulukko.items2 .col:nth-of-type(2n){ padding-left:30px!important; padding-right:0px!important; } /* GUTTER */

.saraketaulukko.items3 .col:nth-of-type(3n+1){ padding-left:0px!important; padding-right:40px!important; } /* GUTTER */
.saraketaulukko.items3 .col:nth-of-type(3n+2){ padding-left:20px!important; padding-right:20px!important; } /* GUTTER */
.saraketaulukko.items3 .col:nth-of-type(3n){ padding-left:40px!important; padding-right:0px!important; } /* GUTTER */

.saraketaulukko.items4{ margin:0 -30px; }
.saraketaulukko.items4 .col{ padding:30px!important; }

.saraketaulukko.items6 .col{ padding-left:15px!important; padding-right:15px!important; } /* GUTTER */

.gutter-left{ padding-left:30px!important; }
.gutter-right{ padding-right:30px!important; }


/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/
    html,body{
        margin:0;
        padding:0;
        border:none;
        height:100%;
        width:100%;
    }
    
    body {
        padding:0px;
        margin:0;
        overflow-x:hidden;
    }

    #container{
        margin:0 auto;
        width:100%;
        max-width:2500px;
        position:relative;
        height:100%;
    }

    div,td,span,p,ul,li,input,textarea,select,a{
        font-family:'Campton-Book';
        font-style: normal;
        font-size: 22px;
        color: #3D3D3F;
    }

    div.content{
        width:1500px;
        max-width:100%;
        margin:0 auto;
    }

    div.content-half{
        width:750px;
        max-width:100%;
    }

    .txt{ line-height:38px; }
	.light, .light a{ font-size:20px; line-height:150%; }
    .small{ font-size:18px; line-height:30px; }
    .small a{ font-size:18px; }
    .pvm{ 
        color:#919194;
        font-size:16px;
        line-height:16px;
    }
    
    .ingressi{ 
        font-family:'Campton-Book';
        font-size:28px;
        line-height:44px;
    }
    
    .ingressi .fx{ font-family: 'Campton-Bold'; }
    
    .ingressi *{
        font-size:28px;
    }


/* NAV */

    nav{
        width:100%;
        position:fixed;
        z-index:299;
        height:210px;
        top:0;
        left:0;
        background:rgba(255,255,255);
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }  
    
    nav div.pikkunavi{
        float:right;
        padding-top:30px;
        padding-bottom:40px; 
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }
    
    nav div.pikkunavi a.link{
        font-family: 'Campton-Book';
        color:#3D3D3F;
        font-size:18px;
        margin-right:40px;  
        text-transform: lowercase;
        letter-spacing:0.5px;
        display:inline-block;
        margin-top:11px;
    }
    
    nav div.pikkunavi a:hover, nav div.pikkunavi a.valittu{
        color:#792BD5;
    }

    nav div.logo{
        position:absolute;
        top:42px;
        left:80px;
        width:310px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }

    nav div.logo img{
        display:inline-block;
        vertical-align:middle;    
    }

    nav div.linkitys{ 
        position:relative; 
        right:auto; 
        left:auto;
    }

    nav div.paalinkitys ul{
        list-style:none;
        margin:0;
        padding:0;
        text-align:right;
    }
    
    nav div.paalinkitys ul li{
        text-align:right;
        display:inline-block!important;
        margin: 0;
        padding:0 25px;
        position:relative;
        vertical-align:top!important;
        line-height:normal;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s;
        transition:0.25s;
    }
    
    nav div.paalinkitys ul li:first-of-type{ padding-left:0; }
    nav div.paalinkitys ul li:last-of-type{ padding-right:0; }
    
    nav div.paalinkitys ul li.none{ display:none!important; }

    nav div.paalinkitys ul li a{
        font-family: 'Campton-Bold';
        font-size:22px;
        text-transform: uppercase;
        color:#3D3D3F;
        letter-spacing:0.5px;
    }
    
    nav div.paalinkitys ul li a span.icon{ 
        color:#fff;
        font-size:24px;
        line-height:40px;
        height:40px;
    }

    nav div.paalinkitys ul li a span.icon-hae{ font-size:20px;}
    
    nav div.paalinkitys ul li:first-of-type a{ padding-left:0; }
        
    nav div.paalinkitys ul li a:hover, nav div.paalinkitys ul li a.valittu, nav div.paalinkitys ul li a:hover span.icon{
        color:#792BD5!important;
    }
    
    nav.scrolled{
        height:130px;
        border-bottom:1px solid rgb(204,204,204);
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s        
    }

    nav.scrolled div.logo{
        width:220px;
        top:20px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }

    nav.scrolled div.pikkunavi{
        padding-top:10px;
        padding-bottom:20px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }
    
    nav.scrolled div.pikkunavi a.button{
        line-height:40px;
        font-size:16px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }
    
    nav.scrolled div.pikkunavi a.link { 
        margin-right:25px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }
    
    nav.scrolled div.paalinkitys ul li{ padding:0 15px; }
    nav.scrolled div.paalinkitys ul li:last-of-type{ padding-right:0px; }


    /* YLÄTILA */
    
    div.relative_container{ min-height:100%; }
    
    div.ylatila{ 
        margin-top:170px;
        height:630px;
    }
    
    div.ylatila.auto{
        height:auto;
    }
    
    div.ylatila .alilinkkeja, div.ylatila .flex{ height:100%; }

    #etusivu div.ylatila .flex, #esitystekniikka div.ylatila .flex{
        flex-direction: row-reverse;
    }
    
    div.ylatila .hero, div.ylatila .hero *{
        font-family:'Campton-Bold';
        font-size:54px;
        line-height:74px; 
    }
    
    div.ylatila .hero span{ line-height:60px; display:inline-block; }
    
    div.ylatila .hero span.bg{
        position:relative;
    }
    
    div.ylatila .hero span.text{
        position:relative;
        z-index:2;
    }
    
    div.ylatila .hero span.fx{
        position:absolute;
        height:100%;
        width:0;
        left:0;
        top:0;
        width:0;
        z-index:1;
        -webkit-transition: .75s; -moz-transition: .75s; -o-transition: .75s; -ms-transition: .75s; transition: .75s
    }
    
    div.ylatila .hero span.fx.esilla{
        width:100%;
        -webkit-transition: .75s; -moz-transition: .75s; -o-transition: .75s; -ms-transition: .75s; transition: .75s
    }


    div.ylatila img.alternative{ display:none; }
    

    /* SLIDE */
    
    div.slide{ 
        height: 850px;
        max-height:100%; 
        display:flex; 
        align-items: center;
        background-position:center center;
    }


    /* BOXI */
    
    .boxi div.item{
        border:1px solid #484848;
        padding:20px;
        float:left;
        position:relative;
    }
    
    .boxi div.item:nth-of-type(1), .boxi div.item:nth-of-type(2), .boxi div.item:nth-of-type(3){ border-bottom:none; }
    
    .boxi div.item:nth-of-type(3n+1), .boxi div.item:nth-of-type(3n+2){ border-right:none; }
    
    .boxi.items3 div, .boxi.items6 div, .boxi.items7 div.item, .boxi.items8 div.item{ width:33.33333333%!important; }
    
    .boxi.items3 div:nth-of-type(3n+1), .boxi.items6 div:nth-of-type(3n+1), .boxi.items7 div.item:nth-of-type(3n+1), .boxi.items8 div.item:nth-of-type(3n+1){ clear:both; }
    
    .boxi div.item a{ 
        display:block;
        position:relative;
        z-index:2;
    }
    
    .boxi.items7 div.item:nth-of-type(7){
        border-right:1px solid #484848;
        border-top:none;
    }
    
    .boxi.items7 div.item:nth-of-type(8){
        border-right:1px solid #484848;
    }
    
    
    .boxi div.item .bg{
        position:absolute;
        left:20px;
        width:90px;
        height:90px;
        background:#FCFF87;
        border-radius:50px;
        z-index:1;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }

    .boxi div.item:hover .bg{ 
        display:block;
        width:calc(100% - 40px);
        -webkit-width:calc(100% - 40px);
        -moz-width:calc(100% - 40px);
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }
    
    .boxi div.item div.ikoni, .boxi div.item h4{ vertical-align:middle; display:inline-block; }
    
    .boxi div.item div.ikoni{ 
        background:#FCFF87;
        height:90px;
        line-height:90px;
        border-radius: 50%;
        width:90px;
        text-align:center;
    }

    .boxi div.item .icon{ 
        font-size:60px;
    }
    
    .boxi div.item h4{
        width:calc(100% - 90px);
        -moz-width:calc(100% - 90px);
        -webkit-width:calc(100% - 90px);
        padding-left:30px;
    }
     

    /* SIVUMODUULIT */

    .sivumoduuli{
        position:relative;
        z-index:2;
    }

    .sivumoduuli.valikuva, .sivumoduuli.valikuva_etusivu{ 
        height: 1000px;
        max-height:100%; 
        background-position:center center;
    }
    
    .sivumoduuli.valikuva div{
        width:100%;
    }
    
    .sivumoduuli.valikuva h3{
        padding:90px;
        background:#FCFF87;
        float:right;
        width:58.333333333333%;
    }

    .sivumoduuli.valikuva_etusivu div.content{
        background:white;
        padding:40px 0 60px 0;
        width:1500px;
    }
    
    .sivumoduuli.kuva_ja_teksti img{ display:block; }

    .sivumoduuli.white *{
        color:white;
    }
    
    .sivumoduuli.white input{
        color: #3D3D3F;
    }
    
    .sivumoduuli.lisateksti span.icon{
        font-size:30px;
    }
    
    .sivumoduuli.kuva_ja_teksti{
        border-right: 20px solid #FCFF87;
    }
    
    .saraketaulukko.small div{ font-size:18px; }
    .saraketaulukko.boxes .col{ 
        background:white;
        -webkit-box-shadow:5px 5px 5px rgba(204,204,204,0.3); 
        box-shadow:5px 5px 5px rgba(204,204,204,0.3);
        padding:0 20px 60px 20px!important;
        min-height:220px;
    }
    
    .saraketaulukko.boxes.first .col{
        -webkit-box-shadow:none; 
        box-shadow:none;
        display:none;
    }
    
    .saraketaulukko.boxes.first .col:first-of-type{
        -webkit-box-shadow:5px 5px 5px rgba(204,204,204,0.3); 
        box-shadow:5px 5px 5px rgba(204,204,204,0.3);
        display:block;
    }
    
    .saraketaulukko.boxes.nolast .col:last-of-type{
        -webkit-box-shadow:none; 
        box-shadow:none;
        display:none;
    }
    
    .saraketaulukko.boxes.items4, .saraketaulukko.boxes.items5, .saraketaulukko.boxes.items6, .saraketaulukko.boxes.items7, .saraketaulukko.boxes.items8{
        margin:0 -15px;
    }
    
    .saraketaulukko.boxes.items4 .col, .saraketaulukko.boxes.items5 .col, .saraketaulukko.boxes.items6 .col, .saraketaulukko.boxes.items7 .col, .saraketaulukko.boxes.items8 .col{
        width:calc(25% - 30px);
        -webkit-width:calc(25% - 30px);
        margin:0 15px 60px 15px;
    }
    
    .saraketaulukko.boxes.items2{
        margin:0 -30px;
    }

    .saraketaulukko.boxes.items2 .col{
        width:calc(50% - 60px);
        -webkit-width:calc(50% - 60px);
        margin:0 30px 60px 30px;
        padding-right:10px!important;
    }

    .saraketaulukko.boxes span.icon-check{
        font-size:24px;
        display:inline-block;
        border: 8px solid #FCFF87;
        margin-bottom:30px;
    }
    
    .saraketaulukko.boxes.items4 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items5 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items6 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items7 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items8 .col:nth-of-type(4n+1){
        clear:both;
    }
    
    .saraketaulukko.items5.numerot .col-4{
        width:50%!important;
        margin-bottom:60px;
    }
    
    .saraketaulukko.items5.numerot .col-4:nth-of-type(3n+1){ clear:none; }
    .saraketaulukko.items5.numerot .col-4:nth-of-type(2n+1){ clear:both; padding-left:0!important; }
    .saraketaulukko.items5.numerot .col-4:nth-of-type(2n){ padding-right:0!important; }
    
    .saraketaulukko.items5.numerot .col-4:last-of-type{ margin-bottom:0!important; }

    /* NOSTOT */
    
    ul.nostot li.nosto{ box-shadow:2px 2px 10px rgb(153,153,153); background:white; margin-bottom:60px; position:relative; }
    ul.nostot li.nosto img{ display:block; width:100%; }
    ul.nostot li.nosto a.button{ margin-top:20px; -webkit-transition:0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition:0.25s; }
    ul.nostot li.nosto div.tekstit{ padding:40px 60px; }
    
    ul.nostot li.nosto div.layer{ 
        background:rgba(61,61,63,0.1);
        opacity:0;
        z-index:0;
        position:absolute;
        width:100%;
        height:100%;
        cursor:pointer;
        -webkit-transition:0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition:0.25s; 
    }

    ul.nostot li.nosto:hover div.layer{ 
        background:rgba(61,61,63,0.1);
        opacity:1;
        z-index:2;
        -webkit-transition:0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition:0.25s;
    }
    
    ul.nostot li.nosto:hover a.button{
        background:rgb(230,230,230);
        color:#792BD5;
        -webkit-transition:0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition:0.25s;
    }
    
    ul.nostot li.nosto:hover a.button span{
        color:#792BD5;
        -webkit-transition:0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition:0.25s;
    }

    
    /* ITEM 1 */
    
    ul.nostot li.nosto.item1{ 
        display:flex; 
        align-items:flex-end; 
        flex-direction: row-reverse;
    }
    
    ul.nostot li.nosto.item1 div.kuva{ 
        width:66.6666%
    }

    ul.nostot li.nosto.item1 div.tekstit{ 
        width:33.33333%;
        padding:60px; 
    }
    
    ul.nostot li.nosto.item1 a.button{ margin-top:100px; }
    
    /* ITEM 2,3 */
    
    ul.nostot li.nosto.item2{ float:left; }
    ul.nostot li.nosto.item3{ float:right; }
    ul.nostot li.nosto.item2, ul.nostot li.nosto.item3{ 
        width:calc(50% - 30px);
        -moz-width:calc(50% - 30px);
        -webkit-width:calc(50% - 30px);
    }
    
    /* ITEM 4,5,6 */
    
    ul.nostot li.nosto.item4, ul.nostot li.nosto.item5, ul.nostot li.nosto.item6{ 
        float:left;
        width:calc(33.3333% - 40px);
        -moz-width:calc(33.3333% - 40px);
        -webkit-width:calc(33.3333% - 40px);
        margin-bottom:0;
    }
    
    ul.nostot li.nosto.item4, ul.nostot li.nosto.item5{ margin-right:60px; }
    ul.nostot li.nosto.item4{ clear:both; }
    

    /* VAHVUUDET */
    
    div.vahvuudet{ margin:0 -60px; }
    
    div.vahvuudet div.item{
        width:33.33333%;
        float:left;
        padding:0 60px;
    }
         

    /* REFERENSSIT */
    
    .sivumoduuli#referenssit div.item{
        flex-direction: row-reverse;    
    }
    
    /* UUTISET */
    
    .sivumoduuli#uutiset div.items.big, .sivumoduuli#uutiset div.items.small{
        width:50%;
        float:left;    
    }

    .sivumoduuli#uutiset div.items.big{ padding-right:60px; }
    .sivumoduuli#uutiset div.items.small{ padding-left:60px; }


    /* TUOTEMERKIT */
    
    .sivumoduuli#tuotemerkit .tuotemerkit{ margin:0 -50px; }
    
    .sivumoduuli#tuotemerkit img{
        margin:20px 50px;
    }
    
    
    /* TOIMIPISTEET */
    
    .toimipisteet .item:nth-of-type(3n+1){ padding-right:20px; clear:both; }
    .toimipisteet .item:nth-of-type(3n+2){ padding-left:10px; padding-right:10px; }
    .toimipisteet .item:nth-of-type(3n){ padding-left:20px; }
    
    .toimipisteet .item:nth-of-type(1), .toimipisteet .item:nth-of-type(2), .toimipisteet .item:nth-of-type(3){ margin-bottom:60px; }


    /* YLEISIÄ */

    .sisalto, .sidebar{
        padding-left: 30px;
        padding-right:30px;
    }
    
    .cl_ie{ clear:both; }

    div.map-canvas{
        width:100%;
        height:725px;
    }
    
    div.map-canvas div{
        overflow: visible!important;
    }
    
    div.map-canvas .map-details{ font-size:16px!important; line-height:130%!important; }
    
    div.map-canvas div.gm-style-iw button{
        position:absolute!important;
        top:-15px!important;
        right:-15px!important;
        height:30px;
        width:30px;
        background:white!important;
        opacity:1!important;
    }

    div.map-canvas button, div.map-canvas button span {
        color:black!important;
        border-radius:0;
    }


/* SOME */

    div.some a{
        display:inline-block;
        height:70px;
        line-height:70px;
        border-radius:30px;
        margin-right:50px;
        text-align:center;
    }
    
    div.some a:last-of-type{ margin-right:0px; }
    
    div.some a:hover{
        box-shadow: 0px 0px 4px rgb(153,153,153);
    }

    div.some a.share-fb{ background-color:#1778F2; }
    div.some a.share-twitter{ background-color:#1DA1F2; }
    div.some a.share-whatsapp{ background-color:#4FCE5D; }
    div.some a.share-linkedin{ background-color:#0077B5; }
    
    div.some a span.icon{ color:white; font-size:50px; float:left; line-height:70px; margin-right:10px; margin-left:10px; }
    div.some a span.text{ color:white; font-family:'Campton-Bold'; text-transform: uppercase; float:left; line-height:70px; margin-right:40px;}

    div.some a.share-twitter span.icon{ margin-left:4px; }


/* RIVITAULUKKO */

    div.rivitaulukko{
/*        
        width:800px;
        max-width:100%;
*/
    }

    div.rivitaulukko h3{
        color:white;
        background:#D5D9DC;
        padding:30px;
    }

    table.rivitaulukko{
        width:100%;
    }

    table.rivitaulukko td{
        padding:30px;
        vertical-align:top;
        line-height:135%;
        text-align:left;
        min-width:200px;
    }

    table.rivitaulukko tr:nth-of-type(2n){
        background:#EEF4F9;
    }

    table.rivitaulukko tr td:nth-of-type(2n+1){
        padding-left:30px;
    }

    table.rivitaulukko tr td:nth-of-type(2n){
        padding-left:30px;
    }
    
    table.rivitaulukko span.icon{ color:#808080; padding-top:5px; display:inline-block; }
    

/* FOOTER */

    footer{ 
        position:relative;
        z-index:33;
    }
    
    footer .bg-white img{ vertical-align:middle; }
    
    footer ul{
        list-style:none;
        margin:0;
        padding:0;
        width:100%!important;
    }
    
    footer ul li{
        margin:0;
        line-height:130%;
    }
    
    footer p, footer a{
        margin:0;
    }
    
    footer p, footer ul li span, footer ul li a.puh-link, footer span.puh-txt{
        font-size:22px;
        text-align:left;
        color:#3C3C3C;
    }
    
    footer strong{ line-height:52px!important; display:block; }
    
    footer a.small{
        text-transform: none;
        color:#792BD5;
    }
    
    footer div.linkit-alas ul{
        margin:0;
        padding:0;
        position:relative;
        text-align:left;
    }
    
    footer div.linkit-alas ul li{
        margin:0;
        padding:0;
    }
    
    footer div.linkit-alas ul li:first-of-type{ padding-left:0; }
    footer div.linkit-alas ul li:last-of-type{ padding-right:0; }
    
    footer div.linkit-alas ul li a{
        font-style: normal;
        font-size:22px;
        position:relative;
        color:#792BD5;
        text-decoration: underline;
        line-height:44px;
    }
    
    footer div.linkit-alas ul li a.small{
        font-size:16px;
    }
    
    footer div.linkit-alas ul li a:hover, footer a:hover span, footer a:hover{
        color:#D5D9DC!important;
    }
        
    footer a.design{
        font-size:12px;
        position:absolute;
        bottom:10px;
        left:20px;
    }

    footer a.design:hover{
        color:#D5D9DC!important;
    }


    /* FLEX */

	.flex{ display:flex; }
	.flex.bottom{ align-items: flex-end; }
	.flex.middle{ align-items: center; }
    .flex.row{ flex-direction:row; }
	.flex.row-reverse{ flex-direction:row-reverse; }
	

    /* H1, H2... */

    h1,h2,h3,h4,h5, .h1,.h2,.h3,.h4,.h5, h3 a{
        font-family:"Campton-Bold";
        font-weight:normal;
        line-height:130%;
        margin:0;
        color:#3D3D3F;
        text-transform: none;
    }
    
    h1, .h1, .h1 span{
        font-size:66px;
        line-height:80px;
        margin-bottom:30px;
    }

    h2, .h2, h2 a, .h2 a, h2 .fx, .h2 .fx, .sivumoduuli .h2 .fx{
        font-size:40px;
        line-height:56px;
    }
    
    .sivumoduuli.listaus h2, .sivumoduuli.rekrylomake h2{
        font-family: 'YWFTComposite-Bold';
        font-size:30px;
        line-height:40px;
        text-transform: uppercase;
        border-bottom:1px solid #3D3D3F;
        padding-bottom:5px;
    }
    
    h3, .h3, h3 a, .h3 a, .h3 span{
        font-size:30px;
        line-height:42px;
    }
    
    h4, .h4, h4 a{
        font-size:22px;
		text-transform: uppercase;
    }

    h5, .h5, h5 a{
        font-size:24px;
    }
    
    #map-canvas h4{ line-height:100%; margin-bottom:10px; }    
    #map-canvas #map-details{ font-size:10px!important;  }
    
    
/*******************************/
/* A-ELEMENTIT ALKAA           */
/*******************************/

    a{ 
	  	text-decoration:none; 
	}
    
    a:hover{
        color:#002B5D;
    }

	a.kieli{
	  	font-size:11px;
		color:white;
	}

	a.kieli_valittu, a.kieli:hover{
	  	font-size:11px;
		color:white;
        text-decoration:underline;
	}
    
    a.pieni_linkki:hover{
	  	text-decoration:underline;
	}
    
    a.linkki-tekstissa, a.linkki-tekstissa span.icon { 
        color:#792BD5;
    }
    
    span.linkki-tekstissa{ color:#792BD5; cursor:pointer; }

    a.linkki-tekstissa:hover, span.linkki-tekstissa:hover{ 
        text-decoration:underline;
    }
	
	a.linkki-tekstissa span.icon{ font-size:24px; }
	.small a.linkki-tekstissa span.icon{ font-size:18px; }
    
    a.linkki-tekstissa:hover{
        text-decoration: underline;
	}

    button.laheta, a.button{
        font-family:'Campton-Book';
        font-size:20px;
        color:#fff;
        text-transform: lowercase;
        position:relative!important;
        display:inline-block;
        line-height:48px;
        padding:0px 40px;
        border-radius:30px;
        text-align:center;
        border:none;
        background:linear-gradient(-45deg, #792BD5, #792BD5 50%, #985CDF 51%);
        vertical-align:middle!important;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }
    
    button.laheta span, a.button span{
        color:white;
        font-family:'Campton-Book';
        font-size:20px;
    }
    
    a.button.ghost{
        background:white;
        color:#792BD5;
        border:1px solid #792BD5;
        line-height:46px;
    }
    a.button.ghost span{
        color:#792BD5;
    }

    button.laheta:hover, a.button:hover, button.laheta:hover span, a.button:hover span{
        background:rgb(230,230,230);
        color:#792BD5;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }

    a.tekstilinkki{
        position:relative;
        color:#1185C7;
        font-size:18px;
		line-height:normal;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }
    
    a.tekstilinkki:after{
		line-height:normal;
        content:">";
        font-size:18px;
		margin-left:10px;
		margin-top:1px;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }
	
    a.tekstilinkki:hover{
        color:#3C3C3C;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }

   
        
/* IMG */
    
    img{ border:0px; max-width:100%; }
    img.right{
        margin-left:auto;
        margin-right:0;
        display: block;
    }

    .map-canvas img{ max-width: none; }
    .center img{ display:inline-block; margin:0 auto; }
    
    
/* KUVATEKSTI */    
    
    .kuvateksti{
        font-family:"Campton-BookItalic";
        font-size:16px;
        margin-top:10px;
        line-height:175%;
         
    }
    
    .kuvateksti a{
        font-family:"Campton-BookItalic";
        font-size:16px;
    }


/* PUH */

    a.puh-link{ display:inline; }
    span.puh-txt{ display:none; }

    
/* SPAN */

	.bold, b, strong{ font-family:'Campton-Bold'; font-weight:normal; }
	span.underline{ text-decoration:underline; }
    .italic, .italic a{ font-family:"Campton-BookItalic"; }
    .kuva-tekstissa .italic{ font-size:16px; }
    

/* UL, OL */
    ul{ margin:0; padding:0; list-style:none; }
    ul.lista{ margin: 0; padding:0; list-style:none; }
    ul.lista li{ line-height:150%; padding:5px 0; margin:0; width:100%; clear:both;}
    ul.lista li:before{
        content:'+';
        margin-right:0;
        float:left;
        width:20px;
    }
    
    ul.lista li span{
        float:left;
        width:calc(100% - 20px);
        -webkit-width:calc(100% - 20px);
        -moz-width:calc(100% - 20px);
    }
    
    .intro ul.lista li, .intro ol li{ padding-bottom:30px; }
    .intro ul.lista li:last-of-type, .intro ol li:last-of-type{ padding-bottom:0; }


    /* ALILINKIT */

    .alilinkkeja .sivumoduuli .content, .alilinkkeja .col-big{
        padding-left:80px!important;
        padding-right:80px!important;
        width:100%;
    }
    
    .sivumoduuli .alilinkkeja{
        padding-left:80px!important;
        padding-right:80px!important;
    }

    div.alilinkit{
        position:fixed;
        top: 280px;
        z-index:10;
        padding:0;
        width:300px;
        left:80px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s        
    }
    
    div.alilinkit.scrolled{
        top:220px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s        
    }
    
    div.alilinkkeja{
        width: calc(100% - 380px);
        -webkit-width: calc(100% - 380px);
        -moz-width: calc(100% - 380px);
    }
    
    div.alilinkit a.sulje{
        width:45px;
        height:45px;
        line-height:45px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        background:#792BD5;
        position:absolute;
        top:-45px;
        left:0px;
        text-align:center;
    }
    
    div.alilinkit a.sulje span.icon{
        color:white;
    }
    
    div.alilinkit a.sulje:hover{
        background:rgb(230,230,230);
    }

    div.alilinkit a.sulje:hover span.icon{
        color:#792BD5;
    }
    
    div.alilinkit p a:hover{
        color:#792BD5;
    }
    
    div.alilinkit p{
        margin:0;
        line-height:60px;
        border:2px solid #484848;
        border-bottom:none;
        padding:0 20px;
        font-size:20px;
        background:white;
    }
    
    div.alilinkit ul{ 
        padding:0; 
        margin: 0; 
        border:2px solid #484848;
        border-bottom:none;
        background:white;
    }
    
    div.alilinkit ul li{
        position:relative;
        line-height:50px;
        padding:0 5px 0 15px;
        border-bottom:2px solid #484848;
    }

    div.alilinkit ul li .bg{
        background:#FCFF87;
        border-radius:50px;
        position:absolute;
        z-index:0;
        top:7px;
        left:14px;
        width:40px;
        height:40px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }

    div.alilinkit ul li:hover .bg, div.alilinkit ul li.valittu .bg{ 
        width:calc(100% - 30px);
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }
    
    div.alilinkit ul li a{
        position:relative;
        z-index:2;
        display:block;
    }
    
    div.alilinkit ul li div.ikoni, div.alilinkit ul li span.text{ vertical-align:middle; display:inline-block; }
    div.alilinkit ul li span.text{ font-size:15px; }
    div.alilinkit ul li div.ikoni{ text-align:center; margin-right:20px; }
    div.alilinkit ul li .icon{ font-size:28px; }
    
    
    div.alilinkit #submenu{ padding-bottom:3px!important; }
    div.alilinkit #submenu span.text { font-size:20px; font-family: 'Campton-Bold'; line-height:37px; vertical-align: top; display:inline-block;  }
    div.alilinkit #submenu span.icon{ font-size:32px; line-height:40px; vertical-align: top; display:inline-block; }

    div.alilinkit #submenu:hover span{ color:#792BD5; }

    /* YLÖS */
        
    #ylos{
        display:none;
        position:fixed;
        z-index:34;
        bottom:30px;
        right:30px;
        min-width:70px;
        min-height:70px;
    }
    
    #ylos span.icon{
        font-size:50px;
        color:#792BD5;
    }
    
    #ylos:hover span.icon{
        color:rgb(230,230,230);
    }
    

    /* BREADCRUMB */

    div.breadcrumb{ 

    }

    div.breadcrumb ul{
        margin:0;
        padding:0;
        list-style:none;
    }
    
    div.breadcrumb ul li{
        display:inline-block;
        font-size:10px;
        line-height:15px!important;
    }

    div.breadcrumb ul li span.break{
        line-height:15px;
        vertical-align:1px;
        font-size:13px;
        padding:0 6px 0 8px;
    }

    div.breadcrumb ul li a{
        font-size:18px;
        text-transform: lowercase;
    }
    
    div.breadcrumb ul li a span{
        font-size:18px;
    }


    div.breadcrumb ul li a:hover span, div.breadcrumb ul li:last-of-type a span{
        color:#792BD5;
    }

        
/* LOMAKE */


    div.lomake-otsikko{
        padding-bottom:2px;
        font-size:18px;
		text-transform: uppercase;
    }

    div.lomake-otsikko.opacity0{ 
        -webkit-opacity:0;
        -moz-opacity: 0;                 
        -o-opacity: 0;   
        -ms-opacity: 0; 
        opacity:0;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;
    }

    input::placeholder{
        color:#3C3C3C;
        opacity: 1;
        font-size:18px;
    }
    
    .focus::placeholder{ opacity:0; }
    
    div.lomake-kentta{
        padding-bottom:25px;
    }
    
    div.tekstikentat{
        margin-left:-15px;
        margin-right:-15px;    
    }
    
    div.tekstikentta{
        padding-left:15px;
        padding-right:15px;
    }

    input[type="email"], input[type="text"], select{
        line-height:50px;
        padding:0 15px;
        width:100%;
        font-size:18px;
        border:1px solid rgb(151,151,151);
    }        
    
    div.checkbox span.text{ 
        cursor:pointer;
    }
    
    #uutiskirjelomake input[type="email"], #uutiskirjelomake input[type="text"]{
        width:500px;
        max-width: 100%;
    }
    
    textarea{
        padding:10px 15px;
        width:100%;
        font-size:20px;
        line-height:150%;
		height:172px;
        border:1px solid rgb(151,151,151);
    }
    
    input[type="radio"],input[type="checkbox"]{ margin-right:2px; margin-top:0px; vertical-align:2px; }
    
    select{ 
        padding:0 10px;
        height:52px; 
        background:white;
        outline:none;
    }

    /* CUSTOM SELECT */
    
    div.select{ 
        font-size:18px;
        border:1px solid rgb(151,151,151);
        line-height:50px;
        padding:0 15px;
        padding:0;
        position:relative;
        cursor:pointer; 
        height:52px; 
        background:white;
        outline:none;
    }
    
    div.select span.kuvake{
        position:absolute;
        right:0;
        width:50px;
        border-left:1px solid rgb(151,151,151);
        text-align:center;
        background:white;
    }
    
    div.select:hover span.kuvake{
        background:#F6F6F6;    
    }

    div.select span.text{
        font-size:18px;
        padding: 0 10px;
    }

    div.select div.options{
        display:none;
        position:absolute;
        top:52px;
        width:100%;
        border:1px solid rgb(151,151,151);
        background:white;
    }
    
    div.select div.options div.option{
        font-size:18px;
        padding: 0 10px;
        line-height:200%;
    }
    
    div.select div.options div.option:hover{
        background:#F6F6F6;
    }
    
    
    /* CUSTOM DRAG AND DROP + INPUT FILE */

    .drop-zone {
        width: 400px;
        max-width: 100%;
        height:100px;
        padding: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        color: #B8B8B8;
        border:1px dashed rgb(151,151,151);
        -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s
    }
    
    .drop-zone span{ 
        font-size:14px;
        line-height:24px;
        text-transform: uppercase;
        color: #B8B8B8;
    }

    .drop-zone:hover { 
        background:#F5F5F5; 
        -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s
    }

    .drop-zone--over {
        border-style: solid;
    }
    .drop-zone__input {
        display: none;
    }
    .drop-zone__thumb {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        overflow: hidden;
        background-color: #cccccc;
        background-size: cover;
        position: relative;
    }
    .drop-zone__thumb::after {
        content: attr(data-label);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 0;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.75);
        font-size: 14px;
        text-align: center;
    }
    

    /* VAHVUUDET */
    
    div.vahvuudet{

    }

    div.vahvuudet ul{
        margin:0 -30px;
    }

    div.vahvuudet ul li{
        float:left;
        width:33.333333333%;
    }
    
    div.vahvuudet ul li span.icon{
        line-height:40px;
        font-size:40px;
    }
    
    div.vahvuudet ul li h3{
        line-height:150%;    
    }


/* HENKILÖT */    
    
    ul.henkilot{ margin:0 -30px!important; }
    
    ul.henkilot li{ 
        width:33.3333%;
        float:left;
        padding:0 30px 140px 30px;
    }
    
    ul.henkilot li:nth-of-type(3n+1){ clear:both; }
    

    .saraketaulukko.kaavio .col h4{
        max-width: calc(100% - 50px);
    }

    
    /* BORDER RADIUS */

    .ball{ border-radius:50%;}

    .border-radius{ border-radius: 80px; }
    .border-radius-small{ border-radius: 40px; }

    .br-bl{ border-bottom-left-radius: 80px; }
    .br-br{ border-bottom-right-radius: 80px; }
    .br-tl{ border-top-left-radius: 80px; }
    .br-tr{ border-top-right-radius: 80px; }
    
    .br-bl-small{ border-bottom-left-radius: 40px; }
    .br-br-small{ border-bottom-right-radius: 40px; }
    .br-tl-small{ border-top-left-radius: 40px; }
    .br-tr-small{ border-top-right-radius: 40px; }
    


    /* IFRAME */
   
    iframe{ height:800px; }



	/* EVÄSTE INFO */

    .cookie-info {
        position: fixed;
        width: 100%;
        height: 80px;
        padding:15px;
        bottom: 0;
        left: 0;
        z-index: 3000;
        background: rgba(240, 240, 240, .95);
        border-top: 1px solid #e6e6e6;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        transition: .5s
    }
    
    .cookie-info p {
        padding: 0 10px 0 0;
        margin: 0;
        font-size: 14px;
        line-height:21px;
        float:left;
        width:calc(100% - 210px);
        -moz-width:calc(100% - 210px);
        -webkit-width:calc(100% - 210px);
    }
    
    .cookie-info.hidden {
        bottom:-130px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        transition: .5s
    }
    
    .cookie-info p a {
        font-size: 14px;
    }
    
    .cookie-info .napit{ 
        width:210px;
        float:right; 
    }
    
    .cookie-info a.button{
        font-size:12px;
        padding: 2px 0;
        width: 100px!important;
        min-width:100px!important;
        height:40px;
        line-height:40px;
        border-radius:20px;
    }
    
    .cookie-info a.button.bg-grey{
        background:rgb(153,153,153);
    }


    /* YLEISET */

    #etusivu .sivumoduuli.uutiskirje{ margin-top:0!important; }

    .lainaus{
        font-family:"Campton-Bold";
        font-size:48px;
        line-height:72px;
        position:relative;
		color:#3D3D3F;
        padding:100px;
        border-left:15px solid #FCFF87;
        margin:80px 0;
    }
    
    div.border_yellow{
        border:8px solid #FCFF87;
        display: inline-block;
        font-size:29px;
        font-family: 'Campton-Bold';
        text-align:center;
        height:85px;
        line-height:69px!important;
        width:85px;        
    }
    
    .puh-link{ white-space: nowrap; }
    
    div.ok_teksti{ color:green; padding-bottom:30px; }
    div.virhe_teksti{ color:red; padding-bottom:30px; }

    .side-paddings{ padding-left: 160px; padding-right: 160px; }

    .osio{
        padding-top:210px;
        padding-bottom:210px;
    }

    .osio-yla{ padding-top:210px; }
    .osio-ala{ padding-bottom:210px; }

    .osio-pieni{
        padding-top:140px;
        padding-bottom:140px;
    }

    .osio-yla-pieni, .osio-pieni-yla{ padding-top:140px; }
    .osio-ala-pieni, .osio-pieni-ala{ padding-bottom:140px; }

    .osio-pieni-ala-mb{
        margin-bottom:140px;
    }

    .clickable{ cursor: pointer; }
    .float-left{ float:left; }
    .float-right{ float: right; }

    .pl-col{ padding-left:125px; }
    .pr-col{ padding-right:125px; }

    .p30{ padding:30px!important; }
    .p60{ padding:60px!important; }
    .pl0{ padding-left:0px!important; }
    .pl5{ padding-left:5px!important; }
    .pl10{ padding-left:10px!important; }
    .pl15{ padding-left:15px!important; }
    .pl20{ padding-left:20px!important; }
    .pl30{ padding-left:30px!important; }
    .pl40{ padding-left:40px!important; }
    .pl60{ padding-left:60px!important; }
    .pl70{ padding-left:70px!important; }
    .pl75{ padding-left:75px!important; }
    .pl100{ padding-left:100px!important; }
    .pr0{ padding-right:0px!important; }
    .pr5{ padding-right:5px!important; }
    .pr10{ padding-right:10px!important; }
    .pr15{ padding-right:15px!important; }
    .pr20{ padding-right:20px!important; }
    .pr30{ padding-right:30px!important; }
    .pr40{ padding-right:40px!important; }
    .pr60{ padding-right:60px!important; }
    .pr70{ padding-right:70px!important; }
    .pr75{ padding-right:75px!important; }
    .pr100{ padding-right:100px!important; }
    .pr130{ padding-right:130px!important; }
    .pt20{ padding-top:20px; }
    .pt14{ padding-top:14px; }
    .border-top-thin{ border-top:3px solid #1E78BC; }
    
    .border-top{ border-top:1px solid #808080; }
    .border-right{ border-right:1px solid #808080; }
    .border-left{ border-left:1px solid #808080; }
    .border-bottom{ border-bottom:1px solid #808080; }
    
    .border-light-left{ border-left:1px solid rgb(230,230,230); }
    .border-light-bottom{ border-bottom:1px solid rgb(230,230,230); }
    
    .border-left-white{ border-left:5px solid #fff; }
    
    .left-content{ padding:0 30px; }
    .right-content{ padding:0 30px; }
    .pt115{ padding-top:115px; }
    table.pb5 td, .pb5{ padding-bottom:5px!important; }
    .pb10{ padding-bottom:10px!important; }
    .pb20{ padding-bottom:20px!important; }
    .pb30{ padding-bottom:30px!important; }
    .pb40{ padding-bottom:40px!important; }
    .pb50{ padding-bottom:50px!important; }
    .pb60{ padding-bottom:60px!important; }
    .pb80{ padding-bottom:80px!important; }
    .pb90{ padding-bottom:90px!important; }
    .pb100{ padding-bottom:100px!important; }
    .pt10{ padding-top:10px!important; }
    .pt20{ padding-top:20px!important; }
    .pt30{ padding-top:30px!important; }
    .pt40{ padding-top:40px!important; }
    .pt50{ padding-top:50px!important; }
    .pt60{ padding-top:60px!important; }
    .pt80{ padding-top:80px!important; }
    .pt90{ padding-top:90px!important; }
    .pt100{ padding-top:100px!important; }
    .pt260{ padding-top:260px; }
    .pt340{ padding-top:400px; }
    .footer-content{ padding:0 60px; }
    .center{ text-align:center; }
    .left{ text-align:left; }
    .right{ text-align:right; }
    .pointer{ cursor: pointer; }
    .justify{ text-align:justify; }
    .m0{ margin:0!important; }
    .mt0{ margin-top:0!important; }
    .mt5{ margin-top:5px!important; }
    .mt10{ margin-top:10px!important; }
    .mt20{ margin-top:20px!important; }
    .mt30{ margin-top:30px!important; }
    .mt40{ margin-top:40px!important; }
    .mt50{ margin-top:50px!important; }
    .mt60{ margin-top:60px!important; }
    .mt80{ margin-top:80px!important; }
    .mt100{ margin-top:100px!important; }
    .mt140{ margin-top:140px!important; }
    .mt200{ margin-top:200px!important; }
    .mt-60{ margin-top:-60px!important; }
    .mb0{ margin-bottom:0!important; }
    .mb5{ margin-bottom:5px!important; }
    .mb10{ margin-bottom:10px!important; }
    .mb15{ margin-bottom:15px!important; }
    .mb20{ margin-bottom:20px!important; }
    .mb30{ margin-bottom:30px!important; }
    .mb40{ margin-bottom:40px!important; }
    .mb50{ margin-bottom:50px!important; }
    .mb60{ margin-bottom:60px!important; }
    .mb80{ margin-bottom:80px!important; }
    .mb100{ margin-bottom:100px!important; }
    .mb140{ margin-bottom:140px!important; }
    .mb-60{ margin-bottom:-60px!important; }
    .ml10{ margin-left:10px!important; }
    .ml20{ margin-left:20px!important; }
    .ml30{ margin-left:30px!important; }
    .ml60{ margin-left:60px!important; }
    .ml80{ margin-left:80px!important; }
    .mr10{ margin-right:10px!important; }
    .mr20{ margin-right:20px!important; }
    .mr30{ margin-right:30px!important; }
    .mr60{ margin-right:60px!important; }
    .mr80{ margin-right:80px!important; }

    .m-auto{ margin-left:auto!important; margin-right:auto!important; }
    
    .orange{ color:#ed8051!important; }
    .green{ color:#9CD156!important; }
    .lightgrey{ color:rgb(190,190,190); }
    .white{ color:white!important; }
    .red{ color: #F0315D ; }
    .yellow{ color:#fcb034; }
    .blue{ color:#6CB5FE; }
    .grey{ color:#808080!important; }
    .magenta{ color: #d50365!important; }
    
    .fx{ background: #FCFF87!important; }

    hr{ border:0; margin:0; }
    hr.cl{ height:0; border:0; }
    hr.yellow{ border-bottom:8px solid #fcb034; width:60px; margin-top:30px; text-align:left;  }
    hr.white{ border-bottom:1px solid white; }
    hr.grey{ border-bottom:1px solid #3D3D3F; }
    hr.dark{ border-bottom:1px solid #4A4A49; }
    hr.red{ border-bottom:3px solid #F0315D; width:120px; margin-top:40px; }
    
    hr.blue{ border-bottom:2px solid #153d88; width:10px; margin:0 10px 0 5px; display:inline-block; vertical-align:4px; }


    .bg-green{ background-color:#9CD156!important; }   
    .bg-blue{ background:#6CB5FE!important; }
    .bg-grey{ background:#F1F1F5!important; }
    .bg-black{ background:#000!important; }
    .bg-white{ background:#fff!important; }
    .bg-yellow{ background:#FCFF87!important; }

    .table{ display:table; }
    .table-row{ display:table-row; }
    .table-cell{ display: table-cell; vertical-align:top; }
    .cl{ clear:both; }
    
    .relative{ position: relative; }
    .uc{ text-transform: uppercase; }
    .lc{ text-transform: lowercase; }
    .nouc{ text-transform: none; }
    .w100{ width:100px; }
    .w200{ width:200px; }
    .none{ display:none; }
    
    .inline-block{ display:inline-block; }
    .block{ display:block; }

    .show1340, .show1200, .show1024, .show1023, .show640, .show540{ display:none!important; }
    .hide860{ display:block!important; }
    .show860{ display:none!important; }

    .hide460{ display:block!important; }
    .show460{ display:none!important; }

    .show_mobile_banner{ display:none!important; }
    .hide_mobile_banner{ display:block!important; }

    .show_mobile{ display:none!important; }
    .hide_mobile{ display:block!important; }



/* MOBILE MENU */

    nav div.menu-otsikko{
        display:none;
        text-align:left;
        font-size:21px;
        text-transform: uppercase;
        padding:18px 0 0 15px;
        color:#59595B;
    }    

    div.menu-verho{
        display:none;
        top:0;
        width:100%;
        height:100%;
        position:fixed;
        z-index:998877;
        background:rgba(0,0,0,0.8);
    }

    nav div.sulje{ 
        display:none;
        position:absolute;
        right:15px;
        top:15px;
    }
    
    nav div.sulje span.teksti{ display:none; }
    
    nav div.sulje a{ 
        margin:0!important;
        padding:0!important;
        display:block;
    }
    
    nav div.sulje span.icon{
        font-size:30px; 
        right:0;
        float:right;
        margin:0!important;
        padding:0!important;
        color:#153d88;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;
    }
    
    nav div.sulje a:hover span, nav div.sulje a:hover{
        color:#73c8ea;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;
    }
    

    /* MOBIILINOSTOT */

    .show_mobile{ display:none; }    

    ul.mobile-menu{
        position:fixed;
        margin:0;
        padding:0;
        bottom:0;
        left:0;
        z-index:100000;
        width:100%;
        text-align:center;
        list-style:none;
        border-top:1px solid white;
        background:white;
    }
    
    ul.mobile-menu li{
        float:left;
        text-align:center;
        padding:6px 0;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;
    }
    
    ul.mobile-menu.items6 li{ width:16.66666666667%; }
    ul.mobile-menu.items5 li{ width:20%; }
    ul.mobile-menu.items4 li{ width:25%; }
    ul.mobile-menu.items3 li{ width:33.3333333%; }

    ul.mobile-menu li:last-of-type{ border-right:none; }
    
    ul.mobile-menu li a{
        color:#2F2F30;
        display:block;
        font-size:12px;
        text-transform: lowercase;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }
    
    ul.mobile-menu li a span{
        display:block;
        font-size:28px;
        margin-bottom:4px;
        color:#2F2F30;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }
    
    ul.mobile-menu li a:hover, ul.mobile-menu li a:hover span{
        color:#792BD5;
        -webkit-transition:0.25s;
        -moz-transition: 0.25s;                 
        -o-transition: 0.25s;   
        -ms-transition: 0.25s; 
        transition:0.25s;
    }


    /* MOBIILIVALIKKO */

    div.mobiilivalikko{ position:fixed!important; top:0px; z-index:999999!important; height:100%; overflow: auto; margin:0!important; padding:0!important; right:-320px; width:320px!important; background: white; }
    div.mobiilivalikko ul.mainlinks.mobile{ padding:0; margin-top:0px!important; margin-bottom:0px; float:left; border-top:none; width:100%!important; }
    div.mobiilivalikko ul.mainlinks.mobile li{ width:100%!important; display:list-item!important; padding:0!important; float:left; text-align:left!important; margin:0!important; }
    div.mobiilivalikko ul li span.icon{ display:block!important; font-size:18px!important; }
    div.mobiilivalikko div.sulje{ display:block!important; color:#792BD5; text-align:right; padding:20px 10px 20px 0; }
    div.mobiilivalikko div.sulje span.icon{ color:#792BD5; font-size:28px; }

    div.mobiilivalikko div.sulje a:hover, div.mobiilivalikko div.sulje a:hover span.icon{ color:#3D3D3F; }
    
    div.mobiilivalikko div.otsikko{ position:absolute; top:25px; left:20px;  }
    
    div.mobiilivalikko ul.mainlinks.mobile li.paalinkki{ 
        margin:0!important;
        float:left;
        width:100%;
    }

    div.mobiilivalikko ul.mainlinks.mobile li a.paalinkki{
        padding:0 20px;
        display:block;
        color:#3D3D3F;
        font-family:'Campton-Bold';
        font-size:16px;
        text-transform: none;
        padding:0 0 0 25px;
        line-height:50px;
        display:block;
        float:left;
        width:100%;
        text-transform: uppercase;
    }
    
    div.mobiilivalikko ul.mainlinks.mobile li.alilinkkeja a.paalinkki{
        width:250px;
        width:calc(100% - 60px)!important;
        -webkit-width:calc(100% - 60px)!important;
        -moz-width:calc(100% - 60px)!important;
        -ms-width:calc(100% - 60px)!important;
        -o-width:calc(100% - 60px)!important;    
    }
    
    div.mobiilivalikko ul.mainlinks.mobile li.alilinkkeja span.icon{
        width:50px;
        float:right;
        text-align:center;
        vertical-align:middle;
        line-height:50px;
        cursor:pointer;
        color:#3D3D3F;
    }
    
    div.mobiilivalikko ul.mainlinks.mobile li.paalinkki span.icon:hover, div.mobiilivalikko ul.mainlinks.mobile li.paalinkki span.icon.valittu{
        color:#792BD5;
    }
    
    div.mobiilivalikko ul.mainlinks.mobile li.paalinkki a:hover, div.mobiilivalikko ul.mainlinks.mobile li.paalinkki a.valittu, div.mobiilivalikko ul.mainlinks.mobile li.paalinkki.valittu span.icon{
        color:#792BD5;
    }
    
    div.mobiilivalikko ul.sublinks{ 
        float:left; 
        min-width:100%;
        padding-bottom:10px; 
    }

    div.mobiilivalikko ul.sublinks li a{ 
        text-transform: none;
        line-height:40px; 
        font-size:16px; 
        padding:0 0 0 40px;
        display:inline-block;
        width:100%;
    }
    
    div.mobiilivalikko ul.sublinks.taso1 li a{ 
        font-size:13px; 
        padding:0 0 0 40px!important;
        display:block;
        width:100%;
    }
    div.mobiilivalikko ul.sublinks.taso0{ border-bottom:none; }
    div.mobiilivalikko ul.sublinks.taso0 li{ border:none!important; width:100%; }
    
    div.mobiilivalikko ul.sublinks.taso0, div.mobiilivalikko ul.sublinks.taso1 { display:none; }
    div.mobiilivalikko ul.mainlinks.mobile li.paalinkki ul.sublinks.taso0 li span.icon, div.mobiilivalikko ul.mainlinks.mobile li.paalinkki ul.sublinks.taso1 li span.icon, div.mobiilivalikko ul.sublinks.taso2 li span.icon{ line-height:50px!important; height:50px!important; }
    
    div.mobiilivalikko ul.mainlinks.mobile li.paalinkki.valittu ul.sublinks.taso0 { display:block; }

    div.mobiilivalikko ul.sublinks li span.icon:hover, div.mobiilivalikko ul.sublinks li span.icon.valittu{
        color:#792BD5;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;        
    }
    
    div.mobiilivalikko ul.sublinks.taso0 li a:hover, nav ul.sublinks.taso0 li a.valittu{
        color:#792BD5;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;
    }

    div.mobiilivalikko ul.sublinks.taso1 li a:hover, div.mobiilivalikko ul.sublinks.taso1 li a.valittu, div.mobiilivalikko ul.sublinks.taso1 li span.icon:hover, div.mobiilivalikko ul.sublinks.taso1 li span.icon.valittu{
        color:#792BD5;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;
    }
    
    div.mobiilivalikko ul.sublinks.taso2 li a:hover, div.mobiilivalikko ul.sublinks.taso2 li a.valittu, div.mobiilivalikko ul.sublinks.taso2 li span.icon:hover, div.mobiilivalikko ul.sublinks.taso2 li span.icon.valittu{
        color:#792BD5;
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;                 
        -o-transition: 0.5s;   
        -ms-transition: 0.5s; 
        transition:0.5s;
    }


/* MEDIA QUERYT */

@media only screen and (max-width: 1800px) {
    nav div.logo{ left:50px; }
    nav div.linkkialue{ margin-right:50px!important; }
    nav div.paalinkitys ul li{ padding:0 15px; }
    nav div.paalinkitys ul li:last-of-type{ padding-right:0!important; }    
    nav div.paalinkitys ul li a{ font-size:21px; }

    .boxi.items6 div.item, .boxi.items7 div.item{ width:50%!important; }
    .boxi div.item:nth-of-type(4){ border-bottom: none!important; }
    .boxi div.item:nth-of-type(3n+1), .boxi div.item:nth-of-type(3n+2){ border-right:1px solid #484848!important; }
    
    .boxi div.item:nth-of-type(2n+1){ border-right:none!important; }    

    .boxi.items6 div:nth-of-type(3n+1), .boxi.items7 div:nth-of-type(3n+1){ clear:none!important; }
    .boxi.items6 div:nth-of-type(2n+1), .boxi.items7 div:nth-of-type(2n+1){ clear:both!important; }
    
    .boxi div.item:last-of-type{ border-right:1px solid #484848!important; }
}


@media only screen and (max-width: 1700px) {
    div.ylatila .alilinkkeja .hero, div.ylatila .alilinkkeja .hero *, .alilinkkeja h1, .alilinkkeja .h1{
        font-size:40px;
        line-height:60px; 
    }

    div.ylatila .alilinkkeja .hero span{ line-height:50px; }
    
    .alilinkkeja h2, .alilinkkeja .h2{ 
        font-size:30px;
        line-height:42px; 
    }
    
    .alilinkkeja h3, .alilinkkeja .h3{ 
        font-size:22px; 
        line-height:28px;
    }
    
    .alilinkkeja h4, .alilinkkeja h4{
        font-size:18px;
        line-height:24px;
    }

    .alilinkkeja, .alilinkkeja div,.alilinkkeja td,.alilinkkeja span,.alilinkkeja p,.alilinkkeja ul,.alilinkkeja li,.alilinkkeja input,.alilinkkeja textarea,.alilinkkeja select,.alilinkkeja a{ font-size: 18px; }
    .alilinkkeja .small, .alilinkkeja .light{ font-size: 16px; line-height:24px; }
    .alilinkkeja .saraketaulukko.small div { font-size: 16px; line-height:24px; }   
    .txt .alilinkkeja, .alilinkkeja .txt, .txt .alilinkkeja div{ line-height:30px; }
    .sivumoduuli.txt .alilinkkeja div { line-height:30px; }
    .alilinkkeja div.lomake-otsikko{ font-size:18px; }

    .alilinkkeja .ingressi{ 
        font-family:'Campton-Book';
        font-size:24px;
        line-height:38px;
    }

    .alilinkkeja .ingressi *{ 
        font-size:24px;
        line-height:30px;
    }

    div.border_yellow{
        border:8px solid #FCFF87;
        display: inline-block;
        font-size:29px;
        font-family: 'Campton-Bold';
        text-align:center;
        height:85px;
        line-height:69px!important;
        width:85px;        
    }
}

@media only screen and (max-width: 1600px) {
    div.ylatila{ margin-top:120px; }
    nav{ height:160px; }
    nav.scrolled{ height:120px; }
    nav.scrolled div.pikkunavi{ padding-top:15px; }
    nav div.pikkunavi{ padding-bottom:25px; padding-top:25px; }
    nav div.paalinkitys ul li, nav.scrolled div.paalinkitys ul li{ padding:0 10px; }
    nav div.logo, nav.scrolled div.logo{ top:20px; }
    nav div.pikkunavi a.link, nav.scrolled div.pikkunavi a.link{ font-size:16px; margin-top:15px; margin-right:25px; }
    nav div.paalinkitys ul li a, nav.scrolled div.paalinkitys ul li a{ font-size:20px; }
}

@media only screen and (max-width: 1500px) {
    .saraketaulukko.boxes.items4 .col, .saraketaulukko.boxes.items5 .col, .saraketaulukko.boxes.items6 .col, .saraketaulukko.boxes.items7 .col, .saraketaulukko.boxes.items8 .col{
        width: calc(33.333% - 30px);
        -webkit-width: calc(33.3333% - 30px);
    }

    .saraketaulukko.boxes.items4 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items5 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items6 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items7 .col:nth-of-type(4n+1), .saraketaulukko.boxes.items8 .col:nth-of-type(4n+1){
        clear:none;
    }

    .saraketaulukko.boxes.items4 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items5 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items6 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items7 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items8 .col:nth-of-type(3n+1){
        clear:both;
    }
    
    .saraketaulukko.boxes.items4.mb60{ margin-bottom:0!important; }
    
    .saraketaulukko.boxes.items4 .col{ margin-bottom:60px; }
    
    .saraketaulukko.boxes.items4 .col:nth-of-type(3n+1){
        clear:both;
    }
    
    .saraketaulukko.boxes.items4 .col:nth-of-type(4n+1){ clear:none!important; }    


    div.ylatila{ margin-top:100px; }
    nav{ height:140px; }
    nav div.logo, nav.scrolled div.logo{ width:250px; left:30px; top: 28px; }
    nav div.linkkialue, nav.scrolled div.linkkialue{ margin-right:30px!important; }
    nav div.pikkunavi, nav.scrolled div.pikkunavi{ padding-bottom:20px; padding-top:20px; }
    footer div.col-6.palvelut{ width:25%; }
    footer div.col-6.toimipisteet{ width:75%; }

    /* VAHVUUDET */
    
    div.vahvuudet{ margin:0 -30px; }
    
    div.vahvuudet h2{ padding:0 30px; }
    div.vahvuudet div.item{
        width:33.33333%;
        float:left;
        padding:0 60px;
    }

    .sivumoduuli.valikuva_etusivu div.content{
        background:white;
        padding:40px 80px 60px 80px!important;
        width:auto;
        margin:0 160px;
    }
    
    .sivumoduuli.valikuva_etusivu div.content div{ width:100%!important; padding:0!important; }
         
    .sivumoduuli.valikuva, .sivumoduuli.valikuva_etusivu{ 
        height: 620px;
        max-height:100%; 
        background-position:center center;
    }
}

@media only screen and (max-width: 1400px) {
    .boxi div.item{ padding:10px; }
    .boxi div.item .icon{ font-size:36px; }
    .boxi div.item .bg{ width:50px; height:50px; left:5px;  }
    
    .boxi div.item:hover .bg{ width: calc(100% - 10px); -moz-width: calc(100% - 10px); -webkit-width: calc(100% - 10px); }
    
    .boxi div.item div.ikoni{ width:50px; height:50px; line-height:50px;}

    .boxi div.item h4 {
        font-size:19px;
      width: calc(100% - 60px);
      -moz-width: calc(100% - 60px);
      -webkit-width: calc(100% - 60px);
      padding-left: 10px;
    }

    div.ylatila{ margin-top:80px; }
    nav{ height:120px; }

    nav div.pikkunavi a.button, nav.scrolled div.pikkunavi a.button{ line-height:40px; font-size:16px; padding:0 25px; }
    nav div.pikkunavi a.link, nav.scrolled div.pikkunavi a.link{ font-size:16px; margin-top:10px; margin-right:20px; }
    nav div.paalinkitys ul li a, nav.scrolled div.paalinkitys ul li a{ font-size:18px; }
    nav div.pikkunavi, nav.scrolled div.pikkunavi{ padding-bottom:15px; padding-top:20px; }
    nav div.logo, nav.scrolled div.logo{ top:15px; }
    
    ul.nostot li.nosto.item1 a.button{ margin-top:20px!important; }
    ul.nostot li.nosto{ margin-bottom:30px;}
    ul.nostot li.nosto div.tekstit, ul.nostot li.nosto.item1 div.tekstit{ padding:30px; }

    ul.nostot li.nosto.item2, ul.nostot li.nosto.item3{ 
        width:calc(50% - 15px);
        -moz-width:calc(50% - 15px);
        -webkit-width:calc(50% - 15px);
    }
    
    /* ITEM 4,5,6 */
    
    ul.nostot li.nosto.item4, ul.nostot li.nosto.item5, ul.nostot li.nosto.item6{ 
        float:left;
        width:calc(33.3333% - 20px);
        -moz-width:calc(33.3333% - 20px);
        -webkit-width:calc(33.3333% - 20px);
        margin-bottom:0;
    }
    
    ul.nostot li.nosto.item4, ul.nostot li.nosto.item5{ margin-right:30px; }
    
    div.alilinkkeja div.ingressi.col-10{ width:100%!important; }

    .sivumoduuli .alilinkkeja, .alilinkkeja .col-big{
        padding-left:60px!important;
        padding-right:60px!important;
    }
    
    .sivumoduuli .alilinkkeja ul.henkilot li{ width:50%; padding: 0 15px 60px 15px }
    .sivumoduuli .alilinkkeja ul.henkilot li:nth-of-type(3n+1){ clear:none; }
    .sivumoduuli .alilinkkeja ul.henkilot li:nth-of-type(2n+1){ clear:both; }

    ul.henkilot{ margin:0 -15px!important; }

    ul.henkilot li{ 
        width:33.3333%;
        float:left;
        padding:0 15px 140px 15px;
    }
    
    ul.henkilot li:nth-of-type(3n+1){ clear:both; }
    
    .sivumoduuli#henkilot h2{ margin-bottom:30px!important; } 

    
    div.ylatila .alilinkkeja .hero, div.ylatila .alilinkkeja .hero *,  .alilinkkeja h1,  .alilinkkeja .h1{
        font-size:32px;
        line-height:46px; 
    }
    
    div.ylatila .alilinkkeja  .hero span{ line-height:38px; }
    
    .alilinkkeja h2, .alilinkkeja .h2{ 
        font-size:26px;
        line-height:34px; 
    }
    
     .alilinkkeja h3, .alilinkkeja .h3{ 
        font-size:21px; 
        line-height:28px;
    }
    
    .alilinkkeja h4, .alilinkkeja .h4{
        font-size:18px;
        line-height:20px;
    }

    .alilinkkeja, .alilinkkeja div,.alilinkkeja td,.alilinkkeja span,.alilinkkeja p,.alilinkkeja ul,.alilinkkeja li,.alilinkkeja input,.alilinkkeja textarea,.alilinkkeja select,.alilinkkeja a,.alilinkkeja .small{ font-size: 16px; }
    .txt .alilinkkeja, .alilinkkeja .txt, .txt .alilinkkeja div{ line-height:26px; } 
    .alilinkkeja div.lomake-otsikko{ font-size:18px; }

    .lainaus{
        font-family:"Campton-Bold";
        font-size:36px;
        line-height:150%;
        position:relative;
		color:#3D3D3F;
        padding:60px 0 60px 60px;
        border-left:15px solid #FCFF87;
        margin:80px 0;
    }
    
    .alilinkkeja .ingressi{ 
        font-size:21px;
        line-height:34px;
    }

    .alilinkkeja .ingressi *{ 
        font-size:21px;
        line-height:24px;
    }

    footer div.linkit-alas ul li a {
        font-size:18px;
        line-height:200%;    
    }
    
    footer .palvelut h4{ margin-bottom:6px!important; }

    div.alilinkit{
        top:200px; 
    }


    div.border_yellow{
        border:6px solid #FCFF87;
        display: inline-block;
        font-size:21px;
        font-family: 'Campton-Bold';
        text-align:center;
        height:60px;
        line-height:48px!important;
        width:60px;        
    }
}

@media only screen and (max-width: 1300px) {
    nav div.logo, nav.scrolled div.logo{ width:220px; left:30px; top: 26px; }
    nav div.paalinkitys ul li a, nav.scrolled div.paalinkitys ul li a{ font-size:17px; }

    div.ylatila .hero, div.ylatila .hero *, h1, .h1{
        font-size:40px;
        line-height:60px; 
    }

    div.ylatila .hero span{ line-height:50px; }
    
    h2, .h2{ 
        font-size:30px;
        line-height:42px; 
    }
    
    h3, .h3{ 
        font-size:22px; 
        line-height:28px;
    }
    
    h4, .h4{
        font-size:18px;
        line-height:24px;
    }

    h5, .h5, h5 a{
        font-size:20px;
    }

    div,td,span,p,ul,li,input,textarea,select,a{ font-size: 18px; }
    .small, .light{ font-size: 16px; line-height:24px; }

    .saraketaulukko.small div { font-size: 16px; line-height:24px; }
    
    .txt{ line-height:30px;}
    div.lomake-otsikko{ font-size:16px; }

    div.tekstikentat {
        margin-left: -10px;
        margin-right: -10px;
    }
    div.tekstikentta {
        padding-left: 10px;
        padding-right: 10px;
    }

    div.slide{ height: 450px; }

    .sivumoduuli .alilinkkeja div.referenssit div.flex{ display:block; }
    .sivumoduuli .alilinkkeja div.referenssit div.col-6{ padding-left:0!important; padding-right:0!important; width:100%!important; }
    .sivumoduuli .alilinkkeja div.referenssit h3{ margin-top:20px!important; }
    .sivumoduuli .alilinkkeja div.referenssit .small{ margin-bottom:0!important; }
}

@media only screen and (max-width: 1200px) {
    .show1200{ display:block!important; }
    .hide1200{ display:none!important; }

    .hide_mobile{ display:none!important; }
    .show_mobile{ display:block!important; }

    div.tekstikentat.items4 .col-3{
        width:50%!important;    
    }

    .saraketaulukko.items5.numerot .col-4{
        width:50%!important;
        margin-bottom:60px;
    }
    
    .saraketaulukko.items5.numerot .col-4:nth-of-type(3n+1){ clear:none; }
    .saraketaulukko.items5.numerot .col-4:nth-of-type(2n+1){ clear:both; padding-left:0!important; padding-right:30px!important; }
    .saraketaulukko.items5.numerot .col-4:nth-of-type(2n){ padding-right:0!important; padding-left:30px!important; }


    .saraketaulukko.boxes.items4 .col, .saraketaulukko.boxes.items5 .col, .saraketaulukko.boxes.items6 .col, .saraketaulukko.boxes.items7 .col, .saraketaulukko.boxes.items8 .col{
        width: calc(50% - 30px);
        -webkit-width: calc(50% - 30px);
    }

    .saraketaulukko.boxes.items4 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items5 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items6 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items7 .col:nth-of-type(3n+1), .saraketaulukko.boxes.items8 .col:nth-of-type(3n+1){
        clear:none;
    }

    .saraketaulukko.boxes.items4 .col:nth-of-type(2n+1), .saraketaulukko.boxes.items5 .col:nth-of-type(2n+1), .saraketaulukko.boxes.items6 .col:nth-of-type(2n+1), .saraketaulukko.boxes.items7 .col:nth-of-type(2n+1), .saraketaulukko.boxes.items8 .col:nth-of-type(2n+1){
        clear:both;
    }

    .sivumoduuli.uutiskirje{ padding-left:0!important; padding-right:0!important; }
    
    .saraketaulukko.kaavio .col{
        text-align:center;
    }
    
    .saraketaulukko.kaavio h4{ max-width: 100%!important; }
    
    .saraketaulukko.kaavio span.icon{
        display:none!important;
        margin-right:0!important;
        float:none!important;
        display:inline-block;
        vertical-align:-2px;
        font-size:24px;
    }

    .sivumoduuli .alilinkkeja, .alilinkkeja .col-big{
        padding-left:30px!important;
        padding-right:30px!important;
    }
    
    div.alilinkit{
        top:170px; 
        left:30px;
    }

    div.ylatila{ margin-top:60px; height:auto; padding:150px 0; }
    div.ylatila .col-6{ width:75%; }

    div.alilinkkeja{
        width: calc(100% - 360px);
        -webkit-width: calc(100% - 360px);
        -moz-width: calc(100% - 360px);
    }
    
    footer div.col-6.toimipisteet{ width:100%; }
    
    nav, nav.scrolled { height:100px; }


    nav div.logo, nav.scrolled div.logo{ width:220px; left:20px; top: 10px; border:none; }
    
    nav a.button.show_mobile{ line-height:40px; font-size:16px; padding:0 25px; position:absolute!important; top:40px; right:20px; }
    nav a.button.show_mobile span{ color:white; font-size:16px; }

    .col{ padding-left:80px!important; padding-right:80px!important; }

    .saraketaulukko.items3 .col:nth-of-type(3n+1){ padding-left:0px!important; padding-right:20px!important; } /* GUTTER */
    .saraketaulukko.items3 .col:nth-of-type(3n+2){ padding-left:10px!important; padding-right:10px!important; } /* GUTTER */
    .saraketaulukko.items3 .col:nth-of-type(3n){ padding-left:20px!important; padding-right:0px!important; } /* GUTTER */
    
    .saraketaulukko.items2 .col:nth-of-type(2n+1){ padding-left:0px!important; padding-right:15px!important; } /* GUTTER */
    .saraketaulukko.items2 .col:nth-of-type(2n){ padding-left:15px!important; padding-right:0px!important; } /* GUTTER */

    .mt140{ margin-top:100px!important; } 
    .mb140{ margin-bottom:100px!important; }

    .osio{
        padding-top:100px;
        padding-bottom:100px;
    }

    .osio-yla{ padding-top:100px; }
    .osio-ala{ padding-bottom:100px; }

    .osio-pieni{
        padding-top:70px;
        padding-bottom:70px;
    }
    
    .osio-pieni-ala-mb{ margin-bottom:70px!important; }


    .osio-pieni-yla, .osio-yla-pieni{ padding-top:70px; }
    .osio-pieni-ala, .osio-ala-pieni{ padding-bottom:70px; }

    #ylos{ bottom:80px; right:0; }
    
    footer .bg-white{ padding-bottom:140px!important; }

    div.vahvuudet{ margin:0;  }
    
    div.vahvuudet h2{ padding:0; }
    div.vahvuudet div.item{ padding:0; }
    div.vahvuudet div.item:nth-of-type(3n+1){ padding-right:40px; }
    div.vahvuudet div.item:nth-of-type(3n+2){ padding-left:20px; padding-right:20px; }
    div.vahvuudet div.item:nth-of-type(3n){ padding-left:40px; }
    
    .sivumoduuli#uutiset div.items.big { padding-right: 30px; }
    .sivumoduuli#uutiset div.items.small { padding-left: 30px; }
    
    .ingressi{ 
        font-family:'Campton-Book';
        font-size:24px;
        line-height:38px;
    }

    .ingressi *{ 
        font-size:24px;
        line-height:30px;
    }
    
    .boxi div.item h4 { font-size:16px; }

    .sivumoduuli.valikuva h3 { padding:50px 60px; }
    
    .sivumoduuli.tuotelistaus span.ball{
        width:150px;
        height:150px;
    }

    .sivumoduuli.lisateksti .alilinkkeja .col-5, .sivumoduuli.lisateksti .alilinkkeja .col-7{ width:100%; padding-left:0!important; padding-right:0!important; }
    .sivumoduuli.lisateksti .alilinkkeja .col-5{ margin-bottom:20px; }

}    

@media only screen and (max-width: 1024px) {
    .show1024{ display:block!important; }
    .hide1024{ display:none!important; }
}

@media only screen and (max-width: 1023px) {
    .show1023{ display:block!important; }
    .hide1023{ display:none!important; }

    .saraketaulukko.kaavio .col{
        text-align:center;
        padding-left:15px!important;
        padding-right:15px!important;
    }
    
    .saraketaulukko.kaavio span.icon{
        margin-right:0!important;
        float:none!important;
        display:inline-block;
        vertical-align:-2px;
        font-size:20px;
    }

    .sivumoduuli.valikuva h3 { 
        padding:50px 60px;
        width:75%; 
    }
    
    .sivumoduuli .alilinkkeja, .alilinkkeja .col-big{
        width:100%!important;    
        padding-left:60px!important; padding-right:60px!important;
    }
    
    .sivumoduuli.kuva_ja_teksti{ border-right-width:10px; }
    
    .col{ padding-left:60px!important; padding-right:60px!important; }
    .ml80.mr80{ margin-right:60px!important; margin-left:60px!important; }
    
    a.button, button.laheta, a.button.ghost{ line-height:38px; font-size:16px; padding:0 25px; }
    button.laheta span, a.button span, a.button.ghost span{ 
        font-size:16px;
        display:inline-block;
        line-height:42px;
        padding-top:2px;
    }
    
    div.ylatila .hero, div.ylatila .hero *, h1, .h1{
        font-size:32px;
        line-height:46px; 
    }
    
    div.ylatila .hero span{ line-height:38px; }
    
    h2, .h2{ 
        font-size:26px;
        line-height:34px; 
    }
    
    h3, .h3{ 
        font-size:21px; 
        line-height:28px;
    }
    
    h4, .h4{
        font-size:18px;
        line-height:20px;
    }

    h5, .h5{
        font-size:18px;
    }

    div,td,span,p,ul,li,input,textarea,select,a,.small{ font-size: 16px; }
    .txt{ line-height:26px;}
    div.lomake-otsikko{ font-size:16px; }

    .small{ font-size:14px; line-height:21px; }
    .small a{ font-size:14px; }

    .lainaus{ font-size:36px; }
    
    .ingressi{ 
        font-size:21px;
        line-height:34px;
    }

    .ingressi *{ 
        font-size:21px;
        line-height:24px;
    }

    .uutiset h3.mb30{ margin-bottom:10px!important; }

    .sivumoduuli.valikuva_etusivu div.content{
        background:white;
        padding:30px 60px 40px 60px!important;
        width:auto;
        margin:0 60px;
    }
    
    div.slide{ height: 400px; }
    
    footer .bg-white .col-6{
        width:auto;
    }
    footer .bg-white .col-6:first-of-type{ margin-right:30px; margin-bottom:30px; }
    footer .bg-white .col-6:last-of-type img{ margin-left:30px; margin-right:0!important;  }

    ul.nostot li.nosto.item1, ul.nostot li.nosto.item2, ul.nostot li.nosto.item3, ul.nostot li.nosto.item4, ul.nostot li.nosto.item5, ul.nostot li.nosto.item6{ 
        width:100%;
        clear:none; 
        display:block; 
        float:left;
        margin:0;
    }
    
    ul.nostot li.nosto.item1 div.kuva, ul.nostot li.nosto.item1 div.tekstit{ width:100%; }

    div.some a{
        display:inline-block;
        height:70px;
        line-height:70px;
        border-radius:30px;
        margin-right:30px;
        text-align:center;
    }

    div.alilinkkeja div.ylatila .flex{
        display:block;
        padding:30px 0;
    }
    
    div.ylatila .flex div{ width:100%; padding-left:0!important; padding-right:0!important; padding-bottom:30px; }

    .boxi div.item{ padding:5px 5px; }
    .boxi div.item .icon{ font-size:36px; line-height:56px; }
    .boxi div.item .bg{ width:50px; height:50px; left:6px;  }
    
    .boxi div.item:hover .bg{ width: calc(100% - 10px); -moz-width: calc(100% - 10px); -webkit-width: calc(100% - 10px); }
    
    .boxi div.item div.ikoni{ width:50px; height:50px; line-height:50px;}

    .boxi div.item h4 {
      width: calc(100% - 60px);
      -moz-width: calc(100% - 60px);
      -webkit-width: calc(100% - 60px);
      padding-left: 10px;
    }

    div.alilinkit{ 
        position:absolute;
        display:block;
        top:0;
        left:0;
        padding:0px;
        margin:20px;
        border:2px solid #484848;
        width:calc(100% - 40px);
        -webkit-width:calc(100% - 40px);
        -moz-width:calc(100% - 40px);
        float:none!important;
     }
     
     div.alilinkit ul, div.alilinkit .sulje{ display:none; }
     div.alilinkit ul, div.alilinkit ul li{ min-width:100%; border:none; }
     
     div.alilinkit #submenu{ padding:10px; }
     
     div.alilinkit ul{ 
     }

    div.alilinkit ul li{
        padding:0 0 0 14px;
        border-top:2px solid #484848;
    }

    div.alilinkit ul li .bg{
        background:#FCFF87;
        border-radius:50px;
        position:absolute;
        z-index:0;
        top:6px;
        left:14px;
        width:40px;
        height:40px;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        -ms-transition: .25s;
        transition: .25s
    }
    
    div.alilinkit ul li:hover .bg{ 
        width:calc(100% - 26px);
    }

    div.alilinkit ul li div.ikoni{ margin-right:10px; line-height:50px; height:50px; }
    
    div.alilinkit ul li div.ikoni span.icon{ line-height:57px; display:inline-block; }

    div.ylatila.muut .alilinkkeja{ width:100%; float:none!important; }
    div.ylatila.muut .flex{ width:100%!important; display:block!important; }
    div.ylatila.muut .col-6{ width:100%; padding:0!important; }
    div.ylatila.muut .content{ padding:30px 0!important; }

    div.ylatila.auto .hero{ padding-left:60px; padding-right:60px; }

    div.ylatila.muut{ 
        padding:60px 0;
        margin-top:100px;
        height:auto;
    }
    
    div.ylatila.muut div.content{ padding-top:0!important; padding-bottom:0!important; }
    
    div.ylatila div.breadcrumb{ padding-bottom:0!important; }
    div.ylatila video, div.ylatila img.alternative{ height:400px; }

    nav div.logo{ left:60px; }

    div.alilinkkeja#main{
        float:none!important; 
        width:100%!important;
    }
}

@media only screen and (max-width: 860px) {
    .hide860{ display:none!important; }
    .show860{ display:block!important; }

    

    .lainaus{
        font-family:"Campton-Bold";
        font-size:28px;
        line-height:150%;
        position:relative;
		color:#3D3D3F;
        padding:30px 0 30px 30px;
        border-left:15px solid #FCFF87;
        margin:40px 0;
    }

    .sivumoduuli#uutiset .items.big{ width:100%!important; padding-right:0!important; }
    .sivumoduuli#uutiset .items.small{ display:none; }

    .saraketaulukko.kaavio .col-4{
        width:50%!important;
        margin-bottom:30px;
        padding:0!important;
    }
    
    .saraketaulukko.kaavio.items3 .col:nth-of-type(3n+2), .saraketaulukko.kaavio.items3 .col:nth-of-type(3n+1), .saraketaulukko.kaavio.items3 .col:nth-of-type(3n){
        padding-left:0!important;
        padding-right:0!important;
    }


    .saraketaulukko.items5.numerot .col-4{
        width:100%!important;
        margin-bottom:30px;
    }
    
    .saraketaulukko.items5.numerot .col-4:nth-of-type(3n+1){ clear:none; }
    .saraketaulukko.items5.numerot .col-4:nth-of-type(2n+1){ clear:both; padding-left:0!important; padding-right:0!important; }
    .saraketaulukko.items5.numerot .col-4:nth-of-type(2n){ padding-right:0!important; padding-left:0!important; }
    
    .saraketaulukko.items5.numerot .col-4 h3{ margin-top:10px!important; }

    .sivumoduuli.lisateksti .col-5, .sivumoduuli.lisateksti .col-7{ padding-left:0!important; padding-right:0!important; }
    .sivumoduuli.lisateksti .col-5{ margin-bottom:20px; }

    div.toimipisteet .col-4{ width:50%!important; }
    
    div.toimipisteet .item:nth-of-type(2n+1){ clear:both; padding-right:15px!important; padding-left:0!important; }
    div.toimipisteet .item:nth-of-type(2n){ clear:none; padding-left:15px!important; padding-right:0!important; }
    div.toimipisteet .item:nth-of-type(3n+1){ clear:none; }
   
    ul.henkilot li{ width:50%; padding: 0 15px 60px 15px }
    ul.henkilot li:nth-of-type(3n+1){ clear:none; }
    ul.henkilot li:nth-of-type(2n+1){ clear:both; }

    ul.henkilot{ margin:0 -15px!important; }

    .sivumoduuli.tuotelistaus span.ball{ margin-bottom:30px; }
    .sivumoduuli.tuotelistaus hr.grey{ margin:10px 0!important; }
    .sivumoduuli.tuotelistaus .pl30{ padding-left:0!important; }
    .sivumoduuli.tuotelistaus .pr30{ padding-right:0!important; }

    .saraketaulukko.kaavio .col{
        width:50%!important;
        text-align:center;
        padding-left:15px!important;
        padding-right:15px!important;
    }
    
    .saraketaulukko.kaavio span.icon{
        margin-right:0!important;
        float:none!important;
        display:inline-block;
        vertical-align:-2px;
        font-size:20px;
    }
    
    .saraketaulukko.flex{ display:block; }
    
    .sivumoduuli.lisateksti.kartta img{ max-height:400px; margin:0 auto; display:block; text-align:center; }
    
    .sivumoduuli.lisateksti.kaavio h2{ margin-bottom:0!important; }

    .saraketaulukko.items2 .col:first-of-type{ margin-bottom:60px; }

    .boxi.items6 div.item{ width:50%; }

    .boxi div.item:nth-of-type(4){ border-bottom:none; }
    .boxi div.item:nth-of-type(3n+1), .boxi div.item:nth-of-type(3n+2){ border-right:1px solid #484848; }
    .boxi div.item:nth-of-type(2n+1){ border-right:none; }

    
    .boxi div.item .icon{ font-size:36px; }
    .boxi div.item .bg{ width:50px; height:50px; left:5px;  }
    
    .boxi div.item:hover .bg{ width: calc(100% - 10px); -moz-width: calc(100% - 10px); -webkit-width: calc(100% - 10px); }
    .boxi div.item div.ikoni{ width:50px; height:50px; line-height:50px;}

    .boxi div.item h4 {
      width: calc(100% - 60px);
      -moz-width: calc(100% - 60px);
      -webkit-width: calc(100% - 60px);
      padding-left: 10px;
    }

    .saraketaulukko.boxes.items4 .col{
        width:calc(50% - 30px);
        -webkit-width:calc(50% - 30px);
        margin:0 15px 60px 15px;
    }
    
    .saraketaulukko.boxes.items4 .col:nth-of-type(3n+1){ clear:none; }
    .saraketaulukko.boxes.items4 .col:nth-of-type(2n+1){ clear:both; }

    div.some a span.icon{ color:white; font-size:50px; float:none; line-height:70px; margin-right:10px; margin-left:10px; }
    div.some a span.text{ display:none; }
    div.some a.share-twitter span.icon{ margin-left:10px; }

    div.breadcrumb{ padding-top:20px!important; }
    
    #uutinen .pvm{ margin-bottom:30px!important; }

    .sivumoduuli#uutiset .button.ghost{ margin-top:10px!important; }
    .sivumoduuli#uutiset .pvm{ font-size:12px!important; }

    .sivumoduuli#tuotemerkit img { margin: 20px 20px; }

    div.vahvuudet div.item:nth-of-type(3n+1){ padding-right:20px; }
    div.vahvuudet div.item:nth-of-type(3n+2){ padding-left:10px; padding-right:10px; }
    div.vahvuudet div.item:nth-of-type(3n){ padding-left:20px; }
    
    .saraketaulukko.items2 .col:nth-of-type(2n){ padding-left:0!important; padding-right:0!important; }
    .saraketaulukko.items2 .col:nth-of-type(2n+1){ padding-left:0!important; padding-right:0!important; }

    .sivumoduuli.kuva_ja_teksti .saraketaulukko.items2 .col:nth-of-type(2n){ padding-left:15px!important; padding-right:0!important; }
    .sivumoduuli.kuva_ja_teksti .saraketaulukko.items2 .col:nth-of-type(2n+1){ padding-left:0!important; padding-right:15px!important; }


    footer div.col-6.toimipisteet .item.col-4{ width:33.3333%; }

    .sivumoduuli div.referenssit div.flex{ display:block; }
    .sivumoduuli div.referenssit div.col-6{ padding-left:0!important; padding-right:0!important; }
    .sivumoduuli div.referenssit .pvm{ margin-top:20px!important; margin-bottom:20px!important;  }
    .sivumoduuli div.referenssit .small{ margin-bottom:0!important; }
    .sivumoduuli div.uutiset img{ margin-bottom:20px!important; margin-bottom:20px!important;  }
    .sivumoduuli div.uutiset .txt{ margin-bottom:30px!important;  }
    
    .sivumoduuli#tuotemerkit .tuotemerkit{ margin:0!important; }
    .sivumoduuli#tuotemerkit img{ width:120px; margin:15px; }
    
    .julkaisut .col-6{
        padding-left:0!important; 
        padding-right:0!important;
    }
    
    .julkaisut .col-6:first-of-type{ margin-bottom:30px; }
    .julkaisut .pb100{ padding-bottom:40px!important; }
    .julkaisut .mb100{ margin-bottom:40px!important; }
    
    #ajankohtaista div.content.main.osio-pieni{ padding-top:0px!important; }

    .cookie-info {
        position: fixed;
        width: 100%;
        height: auto;
        padding:15px;
        bottom: 0;
        left: 0;
        z-index: 3000;
        background: rgba(240, 240, 240, .95);
        border-top: 1px solid #e6e6e6;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        transition: .5s
    }
    
    .cookie-info p {
        padding: 0 10px 10px 0;
        margin: 0;
        font-size: 14px;
        line-height:21px;
        float:left;
        width:100%;
        -moz-width:100%;
        -webkit-width:100%;
    }
    
    .cookie-info.hidden {
        bottom:-130px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        transition: .5s
    }
    
    .cookie-info p a {
        font-size: 14px;
    }
    
    .cookie-info .napit{ 
        width:210px;
        float:left; 
    }
    
    .cookie-info a.button{
        font-size:12px;
        padding: 2px 0;
        width: 100px!important;
        min-width:100px!important;
        height:40px;
        line-height:40px;
        border-radius:20px;
    }
    
    .cookie-info a.button.bg-grey{
        background:rgb(153,153,153);
    }

    .ml80.mr80 {
      margin-right: 0px !important;
      margin-left: 0px !important;
    }

    .mt140{ margin-top:60px!important; } 
    .mb140{ margin-bottom:60px!important; }

    .osio{
        padding-top:60px;
        padding-bottom:60px;
    }

    .osio-yla{ padding-top:60px; }
    .osio-ala{ padding-bottom:60px; }

    .osio-pieni{
        padding-top:60px;
        padding-bottom:60px;
    }

    .osio-pieni-ala-mb{ margin-bottom:60px!important; }

    .osio-pieni-yla, .osio-yla-pieni{ padding-top:60px; }
    .osio-pieni-ala, .osio-ala-pieni{ padding-bottom:60px; }
    
    #etusivu .content.main .saraketaulukko .col:first-of-type{ margin-bottom:30px; }

    div.breadcrumb ul li a, div.breadcrumb ul li a span{ font-size:14px; }

    div.ylatila {
      margin-top: 60px;
      height: auto;
      padding: 50px 0;
    }
    
    div.ylatila div.content.flex{ padding-bottom:0!important; }
    
    .esittelykuva .small.italic{
        padding-left:60px;
        padding-right:60px;
    }

    ul.nostot li.nosto{ box-shadow: none; }
    
    .slick-slider{ padding-bottom:40px; }
    
    .slick-dots li{ margin:0 4px!important; width:25px; }
    .slick-dots li button{
        width:25px;
        height:10px;
        padding:0;
        margin: 0;
        background:white;
        border:1px solid #707070;
        border-radius:3px;
    }
    .slick-dots li.slick-active button, .slick-dots li:hover button{ background:rgb(51,51,51); }

    .slick-dots li button:before{ content: ''; }
    
/*
        ul.nostot li.nosto.item1, ul.nostot li.nosto.item2, ul.nostot li.nosto.item3, ul.nostot li.nosto.item4, ul.nostot li.nosto.item1, ul.nostot li.nosto.item1{ display:block!important; }

    ul.nostot li.nosto{ clear:none!important; float:left!important; width:400px!important; }
    ul.nostot div.layer{ display:none; }
    ul.nostot li.nosto, ul.nostot li.nosto div.kuva, ul.nostot li.nosto div.kuva img{ width:400px;}
    ul.nostot li.nosto:nth-of-type(2n+1), ul.nostot li.nosto:nth-of-type(2n){ margin:0!important; }
*/

    #etusivu .sivumoduuli#tuotemerkit img{ margin:0; }

}

@media only screen and (max-width: 768px) {
    #etusivu div.ylatila .flex, #esitystekniikka div.ylatila .flex{
        display:block;
        padding:30px 0;
    }
    
    #etusivu div.ylatila .flex div, #esitystekniikka div.ylatila .flex div{ width:100%; padding-left:0!important; padding-right:0!important; padding-bottom:30px; }

}

@media only screen and (max-width: 640px) {
    .hide640{ display:none!important; }
    .show640{ display:block!important; }

    .saraketaulukko.boxes, .saraketaulukko.boxes.items4, .saraketaulukko.boxes.items5, .saraketaulukko.boxes.items6, .saraketaulukko.boxes.items7, .saraketaulukko.boxes.items8{
        margin:0!important; 
    }

    .saraketaulukko.boxes .col, .saraketaulukko.boxes.items2 .col, .saraketaulukko.boxes.items4 .col, .saraketaulukko.boxes.items5 .col, .saraketaulukko.boxes.items6 .col, .saraketaulukko.boxes.items7 .col, .saraketaulukko.boxes.items8 .col{
        width: 320px;
        -webkit-width: 320px;
        max-width:100%;
        margin: 20px 0!important;
        min-height:0!important;
        padding-left:0!important;
        padding-bottom:25px!important;
        line-height:150%; 
    }

    .saraketaulukko.boxes .col span.icon-check{ margin-bottom:15px!important; line-height:35px; }
    
    .sivumoduuli.tuotelistaus{ padding-top:0px!important; }

    .sivumoduuli.valikuva h3 { 
        padding:40px 40px;
        width:100%; 
    }
    
    .sivumoduuli.valikuva{ 
        height:400px;
        align-items:flex-end; 
    }

    .sivumoduuli.kuva_ja_teksti .saraketaulukko.items2.flex{ display:block; }
    .sivumoduuli.kuva_ja_teksti .saraketaulukko.items2 .col:nth-of-type(2n){ padding-left:0px!important; padding-right:0!important; width:100%; }
    .sivumoduuli.kuva_ja_teksti .saraketaulukko.items2 .col:nth-of-type(2n+1){ padding-left:0!important; padding-right:0px!important; width:100%; margin-bottom:30px; }

    .boxi div.item, .boxi.items6 div.item, .boxi.items7 div.item{ 
        width:100%!important; 
        border-right:1px solid #484848!important;
        border-bottom:none!important;
    }
    
    .boxi div.item:last-of-type{
        border-top:1px solid #484848!important;
        border-bottom:1px solid #484848!important;
    }
    
    div.some .h2{ margin-bottom:30px!important; }

    div.some a{
        display:inline-block;
        height:50px;
        line-height:50px;
        width:50px;
        border-radius:50%;
        margin-right:20px;
        text-align:center;
    }
    div.some a span.icon{ color:white; font-size:30px; float:none; line-height:50px; margin:0; }
    div.some a.share-twitter span.icon{ margin-left:0px; }

    div.slide{ height:300px; }

    div.ylatila .hero, div.ylatila .hero *, h1, .h1{
        font-size:26px;
        line-height:34px; 
    }

    div.ylatila .hero span{ line-height:28px; }

    .h1{ margin-bottom:0!important; }
    
    h2, .h2{ 
        font-size:20px;
        line-height:26px; 
    }
    
    h3, .h3{ 
        font-size:18px; 
        line-height:22px;
    }
    
    h4, .h4{
        font-size:16px;
        line-height:20px;
    }
    
    h5, .h5, h5 a{
        font-size:16px;
    }
    
    .sivumoduuli.listaus h2, .sivumoduuli.rekrylomake h2, .sivumoduuli.listaus .alilinkkeja h2{ font-size:24px; }

    div,td,span,p,ul,li,input,textarea,select,a,.small{ font-size: 15px; }
    .txt{ line-height:26px;}
    div.lomake-otsikko{ font-size:15px; }
    
    .small{ font-size:12px; line-height:18px; }
    .small a{ font-size:12px; }
    

    .saraketaulukko.small div {
      font-size: 15px;
      line-height: 21px;
    }

    
    .ingressi{ 
        font-size:16px;
        line-height:27px;
    }
    
    .ingressi *{
        font-size:16px; 
        line-height:20px;
    }


    div.ylatila .alilinkkeja .hero, div.ylatila .alilinkkeja .hero *, .alilinkkeja h1, .alilinkkeja .h1{
        font-size:26px;
        line-height:34px; 
    }

    div.ylatila .alilinkkeja .hero span{ line-height:28px; }

    .alilinkkeja .h1{ margin-bottom:0!important; }
    
    .alilinkkeja h2, .alilinkkeja .h2{ 
        font-size:20px;
        line-height:26px; 
    }
    
    .alilinkkeja h3, .alilinkkeja .h3{ 
        font-size:18px; 
        line-height:22px;
    }
    
    .alilinkkeja h4, .alilinkkeja .h4{
        font-size:16px;
        line-height:20px;
    }
    
    .alilinkkeja, .alilinkkeja div,.alilinkkeja td,.alilinkkeja span,.alilinkkeja p,.alilinkkeja ul,.alilinkkeja li,.alilinkkeja input,.alilinkkeja textarea,.alilinkkeja select,.alilinkkeja a{ font-size: 15px; }

    .txt .alilinkkeja, .alilinkkeja .txt, .txt .alilinkkeja div{ line-height:24px; }
    .alilinkkeja div.lomake-otsikko{ font-size:18px; }

    .alilinkkeja .ingressi, .alilinkkeja .ingressi *{ 
        font-size:16px;
        line-height:27px;
    }
    
    .alilinkkeja .ingressi span.fx{
        font-size:16px; 
        line-height:20px;
    }

    footer div.col-6.toimipisteet .item.col-4{ width:50%; }
    footer div.col-6.toimipisteet .item:nth-of-type(3n+1){ clear:none; }
    footer div.col-6.toimipisteet .item:nth-of-type(2n+1){ clear:both; padding-right:15px!important; padding-left:0!important; }
    footer div.col-6.toimipisteet .item:nth-of-type(2n){ padding-left:15px!important; padding-right:0!important; }

    .sivumoduuli.valikuva_etusivu div.content{
        background:white;
        padding:30px 60px 40px 60px!important;
        width:auto;
        margin:-30px 0 0 0;
    }

    div.vahvuudet h2{ margin-bottom:0px!important; }
    div.vahvuudet div.item{ width:100%; padding-top:30px; }
    div.vahvuudet div.item:first-of-type{ padding-top:0; }
    div.vahvuudet div.item h3{ margin-top:10px!important; }
    div.vahvuudet div.item:nth-of-type(3n+1){ padding-right:0px; }
    div.vahvuudet div.item:nth-of-type(3n+2){ padding-left:0px; padding-right:0px; }
    div.vahvuudet div.item:nth-of-type(3n){ padding-left:0px; }
    
    .sivumoduuli.uutiskirje{ background-position:center right!important; }
    .sivumoduuli.uutiskirje .flex{ display:block; }
    .sivumoduuli.uutiskirje .float-left.mr30{ float:none!important; margin-right:0!important; }
    .sivumoduuli.uutiskirje div.tekstikentat{ margin:0!important; }
    .sivumoduuli.uutiskirje div.tekstikentta{ padding:0!important; }
    #uutiskirjelomake input[type="email"], #uutiskirjelomake input[type="text"]{ 
        width:100%!important; margin-bottom:10px!important; 
        line-height:40px;
        padding:0 15px;
        width:100%;
        border:none!important;
        font-size:14px;
        border-radius:30px;
    }
    
    form { max-width:100%; }

    #uutiskirjelomake input::placeholder{
        font-size:14px;
    }
    
    #uutiskirjelomake div.lomake-kentta{
        padding-bottom:19px;
    }

    input[type="email"], input[type="text"], textarea{
        line-height:40px;
        padding:0 10px;
        font-size:16px;
    }        

    div.tekstikentat.items4 .col-3{
        width:100%!important;    
    }

    div.select span.text, div.select div.options div.option{
        font-size:16px;
    }
    
    input[type="checkbox"]{ margin-bottom:10px; }
    
    .sivumoduuli.uutiskirje{ margin-bottom:0!important; }
    .sivumoduuli.valikuva_etusivu{ background:none!important; height:auto; }

    .saraketaulukko.boxes.items2, .saraketaulukko.boxes.items4{ margin:0; }

    .saraketaulukko.boxes.items2 .col, .saraketaulukko.boxes.items4 .col{
        min-height:150px; 
    }

    div.border_yellow{
        border:6px solid #FCFF87;
        display: inline-block;
        font-size:21px;
        font-family: 'Campton-Bold';
        text-align:center;
        height:60px;
        line-height:48px!important;
        width:60px;        
    }
}

@media only screen and (max-width: 540px) {
    .hide540{ display:none!important; }
    .show540{ display:block!important; }

    .lainaus{
        font-family:"Campton-Bold";
        font-size:24px;
        line-height:150%;
        padding:20px 0 20px 20px;
        border-left:10px solid #FCFF87;
        margin:30px 0;
    }

    .esittelykuva .small.italic{
        padding-left:25px;
        padding-right:25px;
    }

    .sivumoduuli.valikuva h3 { 
        padding:25px;
        width:100%; 
        line-height:150%;
    }

    h3, .h3, .alilinkkeja h3, .alilinkkeja .h3{ line-height:150%; }

    .col{ padding-left:25px!important; padding-right:25px!important; }


    .sivumoduuli .alilinkkeja, .alilinkkeja .col-big{
        padding-left:25px!important;
        padding-right:25px!important;
        width:100%;
    }

    div.alilinkkeja{
        width:100%!important;
    }
    
    nav div.logo, nav.scrolled div.logo{ left:25px; }

    .sivumoduuli.valikuva_etusivu div.content{
        background:white;
        padding:30px 25px 40px 25px!important;
        width:auto;
        margin:-60px 0 0 0;
    }
    .sivumoduuli#tuotemerkit img{ width:100px; margin:15px; }
    
    div.ylatila video, div.ylatila img.alternative{ height:300px!important; }

    div.ylatila.auto .hero{ padding-left:25px; }

    footer .bg-white .col-6{ text-align:center; width:100%!important; padding-right:0!important; }
    footer .bg-white .col-6:first-of-type{ margin-right:0px; }
    footer .bg-white .col-6:last-of-type{ padding-left:25px!important; padding-right:25px!important; }
    footer .bg-white .col-6 img{ display:inline-block; margin-bottom:30px; }
    footer .bg-white{ padding-bottom:100px!important; }
    
    .sivumoduuli#tuotemerkit h2{ margin-bottom:20px!important; }
    .sivumoduuli#tuotemerkit br:first-of-type{ display:none!important; }

    ul.henkilot li{ width:100%; padding: 0 15px 60px 15px }
    ul.henkilot li:nth-of-type(3n+1){ clear:none; }
    ul.henkilot li:nth-of-type(2n+1){ clear:none; }

    ul.henkilot{ margin:0 -15px!important; }
}

@media only screen and (max-width: 460px){
    .hide460{ display:none!important; }
    .show460{ display:block!important; }

    .saraketaulukko.kaavio .col-4{
        width:100%!important;
    }

    div.border_yellow{
        border:6px solid #FCFF87;
        display: inline-block;
        font-size:18px;
        font-family: 'Campton-Bold';
        text-align:center;
        height:44px;
        line-height:36px!important;
        width:44px;        
    }

    .saraketaulukko.boxes .col span.icon-check {
      font-size: 18px;
      display: inline-block;
      border: 6px solid #FCFF87;
      line-height: 30px;
      width:42px;
      text-align:center;
    }
        
    div.ylatila .button{ margin-top:30px!important; }
    
    footer .bg-white .col-6:last-of-type img{ margin-left:2%!important; margin-right:2%!important; width:28%; }

    .sivumoduuli.lisateksti.kartta img{ max-height:320px; }
    
    nav a.button.show_mobile{ padding:0; width:40px; height:40px; }
    nav a.button.show_mobile span.icon{ font-size:20px; line-height:40px; padding-top:0;}

    ul.mobile-menu li a{ font-size:10px;  }    

    .sivumoduuli#tuotemerkit div.tuotemerkit{ margin-left:-15px!important; margin-right:-15px!important; }
    .sivumoduuli#tuotemerkit img{ width:90px; margin:10px; }

    div.ylatila .hero, div.ylatila .hero *, h1, .h1{
        font-size:22px;
        line-height:32px; 
    }

    div.ylatila .hero span{ line-height:24px; }

    div.ylatila .alilinkkeja .hero, div.ylatila .alilinkkeja .hero *, .alilinkkeja h1, .alilinkkeja .h1{
        font-size:22px;
        line-height:32px; 
    }

    div.ylatila .alilinkkeja .hero span{ line-height:24px; }
    
    div.breadcrumb ul li{ line-height:15px!important; }

    div.breadcrumb ul li span.break{
        line-height:15px;
        font-size:8px;
        padding:0 2px 0 3px;
    }

    div.breadcrumb ul li a, div.breadcrumb ul li a span{ font-size:10px; }

    .saraketaulukko.boxes.items2, .saraketaulukko.boxes.items4{ margin:0; }

    .saraketaulukko.boxes.items2 .col, .saraketaulukko.boxes.items4 .col{
        width:100%;
        -webkit-width:100%;
        margin:0 0 60px 0;
        min-height:100px; 
    }

    .saraketaulukko.boxes .col{
        min-height:100px; 
    }

    .sivumoduuli .alilinkkeja ul.henkilot li{ width:100%; padding: 0 15px 60px 15px }
    .sivumoduuli .alilinkkeja ul.henkilot li:nth-of-type(3n+1){ clear:none; }
    .sivumoduuli .alilinkkeja ul.henkilot li:nth-of-type(2n+1){ clear:none; }

    .sivumoduuli.tuotelistaus span.ball{ width:100px; height:100px; }
    
    div.lomake-otsikko{ font-size:12px; line-height:135%; padding-bottom:8px; }

    div.select span.text, div.select div.options div.option{
        font-size:14px;
    }    

    input[type="email"], input[type="text"], textarea{
        font-size:14px;
    }     
}

@media only screen and (max-width: 360px){
    div.ylatila video, div.ylatila img.alternative{ height:250px!important; }

    .lainaus{
        font-size:21px;
    }
}


@media only screen and (max-width: 900px) and (orientation: portrait){
    .show_mobile_banner{ display:block!important; }
    .hide_mobile_banner{ display:none!important; }
/*
    div.slide.bg.show_mobile_banner{ 
        height:100%!important;
        height:calc(100% - 158px)!important;
        -moz-height:calc(100% - 158px)!important;
        -webkit-height:calc(100% - 158px)!important;
        -o-height:calc(100% - 158px)!important;
        -ms-height:calc(100% - 158px)!important;
    }
*/    
}