#subnavi,
#tuotelistaus{
    display: none;
}
#tuotevalinta_wrapper{
    width:100%;
    clear: both;
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 50px;
}
#selostus{
    text-align: center;
    max-width: 800px;
    margin:0px auto;
    line-height: 23px;
}
#selostus .leipiskuva{
    width:100%;
    max-width: 1500px;
    margin:10px auto;
    display: block;
}
#selostus a{
    color: #0059a1;
}
#selostus p{
    margin-top:10px;
    line-height: 23px;
}
#selostus h3{
    margin:20px;
}
.selostushider{
    max-height:3000px;
    background-color:white;
    transition: max-height 1s;
    overflow: hidden;
}
.selostushider.hidden{
    max-height:0px;
}
.readless,
.readmore{
    display: block;
    margin:20px auto;
    color: #0059a1;
    border: 0;
    outline: 0;
    cursor:pointer;
}
.readless:hover,
.readmore:hover{
    text-decoration: underline;
}
#alapagi,
#listatuotteet.valintaopas,
#valinnat_container{
    max-width: 1520px;
    margin:0px auto;
}
#valinnat_container .osio{
    text-align: center;
    /*
    height:118px;
    min-height:118px;
    overflow: hidden;
    transition: height 0.5s;
    */
    margin-bottom: 30px;
    padding-bottom: 50px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                    not supported by any browser */
}
#valinnat_container .osio#sangynvalinta_osio_kovuus{
    padding-bottom:20px;
}
#valinnat_container .osio.open{
    height:auto;
}

#valinnat_container .osio.locked .valinta_header{
    color:#cacaca;
}
#valinnat_container .osio.locked{
    filter: blur(5px);
    pointer-events:none;
}

#valinnat_container .osio .valintalaatikot{
    /* padding-bottom: 50px; */
    padding-top: 10px;
}
#sangynvalinta_osio_tyyppi .valintalaatikot{
    max-width: 1000px;
    margin:20px auto;
}
.selitelaatikko{
    width:250px;
    display: inline-block;
    height:auto;
    margin-right: 0px;
    margin-top:20px;
    vertical-align: top;
}
.selitelaatikko .tausta{
    /* background-color:#EAEDF2; */
    padding: 10px 0px 10px 10px;
    text-align: left;
    line-height: 22px;
    margin-top:10px;
    vertical-align: top;
}

#sangynvalinta_osio_tyyppi .selitelaatikko{
    clear:right;
    position:relative;
    /* background-color: #EAEDF2; */
}
#sangynvalinta_osio_tyyppi .selitelaatikko .vertical-aligner{
    display:table;
    height:100%;
}
.smallerdevicesclear .valinta{
    clear:both;
    height:30px;
}
.smallerdevicesclear{
    clear:both;
    height:30px;
    /* float: left; */
}
#sangynvalinta_osio_tyyppi .clear{
    height:30px;
}
#valinnat_container .valinta_header{
    /* background-color:#EAEDF2; */
    border-top: 1px solid #dbdbdb;
    margin: 20px auto 5px;
    height: 80px;
    background-size: 20px auto;
    line-height: 80px;
    width:100%;
    padding-top: 20px;
    max-width: 1530px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    background-repeat:no-repeat;
    background-position: 20px center;
}

#valinnat_container .valinta{
    display: inline-block;
    width:220px;
    height: 260px;
    text-align: center;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    margin-bottom:20px;
    margin: 20px 5px;
}
#valinnat_container .valinta.on{
    outline: 5px solid #40a000;
}
#valinnat_container .valinta.unavailable span{
    color: #cacaca;
}

#sangynvalinta_osio_leveys .valinta{
    height: 160px;
}
#sangynvalinta_osio_tyyppi .valinta{
    height: 170px;
    vertical-align: top;
    margin-bottom:0px;
}
.vinkkidiv{
    clear: both;
    height:auto;
    display:block;
    /* opacity:.2; */
    font-size: 24px;
    margin-top:20px;
    text-decoration: none;
}
a.vinkkidiv{
    display:block;
    width:100%;
    text-decoration: none !important;
}
a.vinkkidiv i{
    color: #0059A1;
}
.ohjeikkuna {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    font-size: 14px;
    line-height: 23px;
    max-width: 500px;
    margin: 20px auto;
    text-align: center;
}
.ohjeikkuna i.info{
    font-size: 60px;
    color: #0059A1;
}
.ohjeikkuna h3{
    margin-top:10px;
}
.vinkkidiv:hover{
    cursor: pointer;
}
#valinnat_container .osio#sangynvalinta_osio_leveys .valintalaatikot,
#valinnat_container .osio#sangynvalinta_osio_kovuus .valintalaatikot,
#valinnat_container .osio#sangynvalinta_osio_tyyppi .valintalaatikot{
    /* padding-bottom: 30px; */
}
#valinnat_container .osio#sangynvalinta_osio_kovuus .valintalaatikot{
    padding-bottom: 40px;
}
#sangynvalinta_osio_kovuus .valinta{
    height: 160px;
}

#valinnat_container .valinta img{
    width:180px;
    padding: 15px 20px;
}
#valinnat_container .valinta span{
    position: absolute;
    bottom: 15px;
    left:0;
    width:100%;
    text-align: center;
    font-weight: 600;
}
#valinnat_container .valinta.on img{
    /* background-color:#B5D1DF; */
}
#valinnat_container .infolaatikko{
    padding:10px 15px;
    background-color:#EAEDF2;
    margin:20px auto;
    display: block;
    line-height: 25px;
    max-width: 985px;
    text-align: left;

}
#sangynvalinta_osio_kovuus .spacer{
    height:30px;
}
#haetulokset{
    position: fixed;
    bottom:0;
    width:100%;
    background-color: white;
    left:0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
#haetulokset.noscroll{
    position:static;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}

#floatter{
    width:300px;
    height:84px;
    margin-left:0px;
    left:0%;
    background-color:white;
    position:fixed;
    top:60%;
    text-align: center;
    overflow:hidden;
    padding:0px;
    border:4px solid #DBDBDB;
    z-index: 8;
    transform: translateY(0px) scale(1) rotate(0deg);
    transition: transform 0.6s, width 0.5s, height 0.5s, margin-left 0.5s;
}
#floatter #query{
    display: none;
}
#floatter #vilkaisu{
    width:100%;
    height:74px;
    line-height:74px;
    margin-top:0px;
    transition:margin-top 0.4s;
    background-color:white;
    cursor:pointer;
}
#floatter #vilkaisu .silma{
    float:right;
    /*height:52px;*/
    margin-top:11px;
    margin-right:12px;

}
#floatter #vilkaisu .loytyilukumaara{
    float:left;
    padding-left:15px;
    font-size:18px;
}
#floatter.hidden{
    transform: translateX(-720px) scale(1.8) rotate(40deg);
}
#floatter #vilkaisu .silma{
    display: inline-block;
    position: relative;
    width: 55px;
    height: 55px;
    vertical-align: top;

    text-align: center;
    font-size: 36px;
    background-color: #0059a1;
    color: #fff;
    border-radius: 50%;
}
#floatter #vilkaisu .silma i{
    position: absolute;
    top: -10px;
    left: 3px;
}
#floatter.partiallyvisible{
    height:84px;
    margin-left:-220px;
    overflow: hidden;
}
#floatter.partiallyvisible.loading{
    margin-left:0px;
    width:400px;
}
#floatter.loading:hover{
    margin-left:0px !important;
    width:400px !important;
}
#floatter.fullyopen.loading #vilkaisu,
#floatter.partiallyvisible.loading #vilkaisu{
    margin-top:100px;
}
#floatter.partiallyvisible:hover{
    width:320px;
    margin-left:0px;
}
#floatter.fullyopen{
    height:170px;
    margin-left:20px;
    width:400px !important;
    background-color:white;
}
#floatter.fullyopen:hover{
    margin-left:20px;
}
#floatter.fullyopen #vilkaisu{
    margin-top:-74px;
    background-color:white;
}

#floatter #infodivi{
    text-align:left;
    width:392px;
    padding:15px;
}
#floatter #infodivi .loytyilukumaara{
    padding:5px;
    font-size:17px;
}
#floatter #infodivi span{
    padding:5px;
    line-height:20px;
    display:block;
}

#floatter #infodivi .ruksi-iconi{
    position:absolute;
    top:10px;
    right:10px;
    transform: translateX(100px);
    transition: transform 0.4s;
    cursor:pointer;
}
#floatter.fullyopen #infodivi .ruksi-iconi{
    transform: translateX(0px);
    transition-delay: 0.4s;
}

#floatter button{
    padding:10px 20px;
    outline:0px;
    border:0px;
    margin:10px 5px;
    background-color: #EAEDF2;
    width: 170px;
    cursor:pointer;
    float:left;
    text-transform: uppercase;
    text-align: center;
}
#floatter.loading{
    height:100px;
    cursor:wait;
    width:400px;
    margin-left:20px;
}
#floatter.fullyopen #spinnerimgcontainer,
#spinnerimgcontainer{
    margin-top:-84px;
    height:84px;
    transition: margin-top 0.4s;
}
#floatter.loading #spinnerimgcontainer{
    margin-top:0px;
}

#spinnerimgcontainer img{
    margin-top:13px;
}
#floatter #gotoresults{
    background-color:#0059a1;
    color:white;
    text-transform: uppercase;
}
#floatter.nollatulosta:hover,
#floatter.nollatulosta{
    width:400px;
    height:150px;
    margin-left:20px;
}
#floatter.nollatulosta.loading{
    width:300px;
    height:100px;
}
#floatter.nollatulosta #vilkaisu{
    margin-top:-120px;
    line-height:normal;
    height:120px;
    visibility:hidden;
}
#floatter.nollatulosta #infodivi span{
    display:none;
}
#floatter.nollatulosta #infodivi button{
    margin:20px auto;
    display:block;
}
#floatter.nollatulosta #infodivi #gotoresults{
    display:none;
}
#query{
    padding:10px;
    font-size: 12px;
}
#rajausform input{
    display: none;
}
#hintaslideri_container{
    margin-top:40px;
    background-color:#EAEDF2;
}
.product_navigation div.block_3 label.hinta_out {
    width:59px;
}
.listatuote.inactive{
    opacity: 0.3;
    pointer-events: none;
}
.product_navi_block label{
    -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
 -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently
                            not supported by any browser */
}
.product_navi_block.block_1{
    width:510px;
}
.product_navi_block.block_2{
    /* width:400px; */
    display: none;
}
.product_navi_block.block_4{
    width:110px;
}
.product_navi_block.block_3{
    width:calc(100% - 120px);
    min-width: 400px;
    /* clear:left; */
    max-width: 500px;
}
.product_navi_block.block_3 > div{
    width:100%;
    padding-left:10px !important;
}
.product_navigation div.block_3 > div > div {
    width:calc(100% - 170px);
    min-width: 200px;
}
#sorttausjapagi_container{
    padding:10px 20px;
}
.toinenpatjacontainer{
    display: none;
}
.toinenpatjacontainer h3{
    margin-top:25px;
}
.toinenpatjacontainer.visible{
    display: block;
}
.toinenpatjavalinnat{
    padding-bottom:30px;
}
.listatuotteet{
    opacity:1;
    transition:opacity 1.5s;
}
.listatuotteet.transparent{
    opacity:0;
}
#valinnat_container .valinta-wrapperi{
    text-align: center;
}
#valinnat_container .valinta-wrapperi .valinta{
    display: block;
    margin:0px auto;
}
#fullsortform{
    display:none;
}
#mobisortform{
    padding:15px;
    display: block;
    text-align: left;
}
.styled_checkbox{
    margin-bottom:15px;
}
#mobisortform .valinnat.mob.slidericontainer > div{
    margin:0px 5px;
}
#mobisortform #btn_constraint{
    width:100%;
    margin:25px auto 0px;
    padding:10px 0px;
    height: 35px;
    text-transform: uppercase;
    background: #0059a1;
    color: #fff;
    border:none;
    cursor:pointer;
}



#main_buttons_container > button{
    margin: 0px auto 15px;
    display: block;
    cursor: pointer;
}
#main_buttons_container > button#show_results_button{
    background-color: #40a000;
    color: white;
    padding: 25px 40px;
    width: 100%;
    max-width: 500px;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
}
#main_buttons_container > button#show_results_button:hover{
    filter:  brightness(1.05);
}
#main_buttons_container > button#empty_selections{
    background-color: #dbdfe5;
    padding: 15px 40px;
    width: 100%;
    max-width: 500px;
    font-size: 15px;
    /* text-transform: uppercase; */
    border: 0;
}

@media screen and (min-width: 600px){
    .valinta-wrapperi{
        width:48%;
        float:none;
        display: inline-block;
    }

    #valinnat_container .valinta_header{
        font-size: 25px;
    }
    #rajausform_painikkeet button{
        margin-top:0px;
    }
    #valinnat_container .valinta{
        margin-bottom:10px;
    }
    .selitelaatikko{
        height:132px;
    }
    .selitelaatikko .tausta{
        display: table-cell;
        vertical-align: middle;
    }
    #sangynvalinta_osio_tyyppi .valintalaatikot {
        max-width: 700px;
    }
}
@media screen and (min-width:760px){
    #fullsortform{
        display:block;
    }
    #mobisortform{
        display: none;
    }
    .ohjeikkuna {
        padding:35px;
    }
}
@media screen and (min-width:1060px){
    .smallerdevicesclear{
        clear:none;
        height:0px;
        display: none;
    }
    
    #valinnat_container .valinta_header{
        font-size: 32px;
    }
    #valinnat_container .valinta-wrapperi .valinta{
        display: inline-block;
    }
    #sangynvalinta_osio_tyyppi .clear{
        height: 40px;
    }
    .selitelaatikko{
        margin-right:20px;
        margin-top:0px;
    }
    #valinnat_container .osio .valintalaatikot{
        padding-top: 0px;
    }
    #valinnat_container .valinta{
        margin-bottom:0px;
    }

    #valinnat_container #sangynvalinta_osio_tyyppi.open{
        height: 840px;
    }
    #valinnat_container #sangynvalinta_osio_kovuus.open{
        /* height:370px; */
    }
    #valinnat_container #sangynvalinta_osio_kovuus.open.kaksipatjaa{
        /* height:650px; */
    }
    #sangynvalinta_osio_tyyppi .valintalaatikot {
        max-width: 1000px;
    }
    .valinta-wrapperi{
        float:none;
        width:auto;
        display: inline-block;
    }
}