body {
    background: whitesmoke;
    color: #3C3C3C;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}
@media (min-width: 1370px) {
    .container {
        width: 1340px;
    }
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    border-top: 1px solid #eee;
}

/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    background-color: transparent;
}
.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    //border-left: 1px solid rgb(0, 97, 185);
    //border-right: 1px solid rgb(0, 97, 185);
}
.nav-justified > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;
    text-align: center;
    color: white;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus,
.nav-justified > li > a:hover {
    //background: rgb(255, 46, 202);
    background: rgb(35, 190, 215);
}

.nav-justified > li.menu-logo > a:hover {
    border-bottom:0;
    padding-bottom:0;
}
.nav-justified > li:first-child {
}
.nav-justified > li:last-child {
    border-bottom: 0;
}

@media (min-width: 768px) {
    .nav-justified {
    }
    .nav-justified > li  {
    }
    .nav-justified > li:first-child  {
    }
    .nav-justified > li:last-child  {

    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
}

#header-image {
    background: url('../images/header.png') center center repeat-x;
    background-size: cover;
    height: 400px;
}
li.menu-logo > a {
    padding: 0;
}
.menu-logo .logo {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px;
}
.masthead {
}
h1 {
    margin-top:30px;
    font-size: 45px;
    text-align: center;
}
#header {
    background:white;

}
#menu {
    //background: #1FC0D9;
    background:#008BFF;
    border-bottom: 1px solid rgb(0, 97, 185);
}
.logo {
    margin: 15px 20px 15px 0;
}
.map-wrapper {
    position: relative;
}
.map-ready {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 10px solid rgba(35, 190, 215, 0.52);
    border-top: 10px solid rgba(35, 190, 215, 0.52);
}
#map-ready-button {
    padding: 10px 30px;
    color: rgb(255, 255, 255);
    background: orange;
    width: 300px;
    text-align: center;
    margin: 256px auto 296px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.65);
    font-size: 20px;
}
#map-ready-button:hover {
    background: rgb(255, 198, 92);
    cursor:pointer;
}
.mk-filter-form-background {  
    background: rgba(31, 192, 217, 0.9);
}
.mk-filter-form-wrapper {
    position: absolute;
    width: 100%;
    top: 550px;
    padding-bottom:30px;
    pointer-events:none;
}
.mk-filter-form-disabler-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.63);
}
.mk-filter-form-disabler {
    position: absolute;
    top: 550px;
    width: 100%;
    background: rgb(39, 173, 194);
}
.mk-filter-form-disabler .mk-filter {
    padding: 16px 15px 15px 15px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    background: rgb(65, 187, 205);
}
.aktivoi-nappi {
    background: rgb(255, 172, 0);
    padding: 10px;
    margin: 20px 0;
    color: white;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    box-shadow: 0 0 5px rgb(90, 90, 90);
    cursor: pointer;
}
.aktivoi-nappi:hover {
    background: rgb(255, 191, 0);
}
legend {
    color: white;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: -3px 0 7px 0;
    font-size: 15px;
}
.mk-filter input, .mk-filter select, .filter input, .filter select {
    display: block;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    height: 38px;
    padding: 0 8px;
    margin: 0;
    border-radius: 0;
    border: 2px solid white!important;
    outline: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: all;
}
.mk-filter input[type="checkbox"], .filter input[type="checkbox"] {
    height: 22px;
    width: auto;
    float: left;
    margin: 0 8px;
}
.mk-filter-akkilahdot, .mk-filter-lennot {
    float: left;
    width: 50%;
    font-weight: 300;
}
.hintataso-label {
    color: white;
    float: left;
    font-weight: 300;
    margin-right: 5px;
    font-size: 11px;
    line-height: 2;
}
.hintataso {
    color: white;
    font-weight: 300;
}
.checkbox-text {
    float: left;
    color: white;
}
.mk-filter {
    //width:25%;
    //float: left;
    padding: 15px 15px 12px 15px;
}
.no-padding .mk-filter {
    padding: 0 15px 10px 15px;
}
.mk-filter-wrapper .mk-filter:first-child {
    padding-left: 0;
}
.mk-filter-tahdet {
    padding-right:0;
}
.mk-filter.twocell input, .filter.twocell input {
    width: 45%;
    float:left;
}

select.simple {
    color: white;
    background: none;
    border: 0!important;
    float: left;
    width: auto;
    padding: 0;
    margin-top: -3px;
    height: 25px;
    cursor: pointer;
}
select.simple option {
    background: rgb(0, 139, 255);
    color: white;
}

#matkataulu-wrapper {
    width: 100%;
    float: left;
    display:block;
}
#matkataulu-noresults {
    display: block;
    float: left;
    width: 100%;
    padding: 10px 20px;
    margin: 10px 0;
    //border: solid 1px rgb(53, 129, 147);
    background: rgb(18, 148, 187);
    color: white;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#matkataulu th.selected .col-label {
    text-decoration: underline;
}
#matkataulu th .col-label {
    float: left;
    color: #FFFFFF;
    position: relative;
    padding-right: 15px;
}
#matkataulu th .sortarrow {
    width: 7px;
    height: 6px;
    float: left;
    margin-top: 9px;
    margin-left: 4px;
    position: absolute;
    right: 3px;
}
#matkataulu th .sortarrow.desc {
    background:url('/public/images/sort-desc.png');
}
#matkataulu th .sortarrow.asc {
    background:url('/public/images/sort-asc.png');
}
#matkataulu th {
    padding: 12px 5px;
    font-size: 14px;
    white-space: nowrap;
}
#matkataulu th a:hover {
    text-decoration: underline;
}

table.akkilahtolista{border-collapse:collapse;border-spacing:0;width:100%;border:none;padding-top:30px;}
.akkilahtolista tr.even, .akkilahtolista tr.odd{background-color: #fff;
                                                padding: 0.1em 0.6em;}
.akkilahtolista tr.odd{background: #F4FCFF;}
.akkilahtolista th, .akkilahtolista td{padding:5px 10px 5px 10px;}
.akkilahtolista th{font-weight:normal;font-size:12px;text-align:left;}
.akkilahtolista th a{text-decoration: none;
                     color: white;
                     padding-right: 15px;
                     position: relative;}
.akkilahtolista td{height:40px;}
.akkilahtolista thead {background: rgb(0, 139, 255);;border-bottom: 15px solid white;}
.akkilahtolista td.selected {
    font-weight: bold;
}
.akkilahtolista a {
    color: #F76D00;
}
.page-link a, .page-link span {
    float: left;
    padding: 5px;
    margin: 20px 1px 0px 0;
    min-width: 31px;
    text-align: center;
    background: rgb(44, 193, 219);
    color: white;
}
.page-link a {
    background: white;
    color: #337ab7;
}

/*
 * AKKILAHTO-OSIO
*/

.tahdet {
    background-image: url('/public/images/rating.png');
    height: 15px;
    width: 75px;
    float: left;
}
.tahdet-0 {background:0}
.tahdet-1 {background-position:0px -15px;}
.tahdet-15 {background-position:0px -30px;}
.tahdet-2 {background-position:0px -45px;}
.tahdet-25 {background-position:0px -60px;}
.tahdet-3 {background-position:0px -75px;}
.tahdet-35 {background-position:0px -90px;}
.tahdet-4 {background-position:0px -105px;}
.tahdet-45 {background-position:0px -120px;}
.tahdet-5 {background-position:0px -135px;}

.allinclusive {
    background-image: url('/public/images/tier.png');
    height: 15px;
    width: 75px;
    float: left;
}

.allinclusive-0 {background:0}
.allinclusive-1 {background-position:0px -15px;}

.paakohde {
    clear: both;
    font-size: 125%;
}

.rivinvaihto {
    float:left;
    margin-right: 3px;
    font-size: 90%;
}

.maa {
    text-transform: uppercase;
    font-size: 80%;
    line-height: 1.1;
    margin-top:4px;
}

.akkilahtolista a {
    text-decoration: none;
}
.akkilahtolista a:hover {
    text-decoration: underline;
}

.akkilahtolista div.hinta {
    font-size: 120%;
    color: #1BAA2C;
    margin-right: 4px;
    font-weight: 600;
    white-space: nowrap;
}

.akkilahtolista .kesto {
    font-size: 80%;
    line-height: 1.0;
}

.akkilahtolinkki{background:#FF9900;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc600', endColorstr='#ff8400');background:-webkit-gradient(linear, left top, left bottom, from(#ffc600), to(#ff8400));background:-moz-linear-gradient(top, #ffc600, #ff8400);color: #FFFFFF;
                 font-weight: bold;
                 padding: 0;
                 text-align: center;
                 width: 100%;
                 float: left;
                 padding-top: 1px;
                 border: 1px solid rgb(255, 175, 0);
                 border-radius: 4px;}
.akkilahtolinkki a{color: #FFFFFF;
                   text-decoration: none;
                   text-align: center;
                   width: 100%;
                   float: left;
                   padding: 1px 20px;
                   font-weight: 300;
                   font-size: 17px;text-shadow: 1px 1px rgb(228, 120, 0);}
.akkilahtolinkki a:hover{color:#fff;}
.akkilahtolinkki:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd739', endColorstr='#ff9e35');background:-webkit-gradient(linear, left top, left bottom, from(#ffd739), to(#ff9e35));background:-moz-linear-gradient(top, #ffd739, #ff9e35);}

.akkilahtolista td.selected {
    font-weight: bold;
}

.akkilahtolista div.paivamaara, .akkilahtolista div.lahtopaikka {
    font-size: 85%;
    line-height: 1.5;
}
th.tilaa {
    color:white;
}
td.hotelli {
    min-width: 150px;
    position: relative;
}
div.puhelut, div.tekstiviestit {
    font-size: 85%;
    line-height: 1.5;
    float: left;
    clear: both;
    font-weight: 400
}
div.liittyma {
    font-size: 20px;
    font-weight: 300;
}
div.datanopeus {
    font-size: 80%;
    font-weight:400;
}
div.datamaara {
    font-size: 85%;
    font-weight:300;
}
.dataspeed.kbit {
    font-size:110%;
}
.dataspeed.mbit {
    font-size:130%;
    line-height: 1;
}
.tarjous {
    text-transform: uppercase;
    font-size: 9px;
    background: rgb(27, 170, 44);
    padding: 1px 3px;
    color: white;
    margin-right: 3px;
    border-radius: 2px;
}
.avausmaksu {
    font-size: 12px;
    color: rgb(255, 136, 0);
}
.decimals {
    font-size:80%;
}
.eurounit {
    font-size: 80%;
}
a.operaattori {
    background-image: url('/public/images/operaattorikuvat.png');
    height: 65px;
    width: 85px;
    float: left;
}
a.operaattori.saunalahti {}
a.operaattori.sonera {background-position:0px -65px;}
a.operaattori.tele-finland {background-position:0px -130px;}
a.operaattori.dna {background-position:0px -195px;}
a.operaattori.moi-mobiili {background-position:0px -260px;}

.operaattori-teksti {
    display: none;
}
.datanopeus .fa-lg {
    vertical-align: -4%;
    margin-right: 2px;
}

.infobutton {  
    position: absolute;
    top: 4px;
    right: 20px;
}
.infobutton.toinenhuomio {  
    right: 39px;
}
.infobutton .fa-square {
    color: rgb(255, 133, 0);
}
.infobutton.green .fa-square {
    color: rgb(27, 170, 44);
}
.infobutton .fa-exclamation-circle {
    color: white;
}
.akkilahtolista td {
    padding: 5px;
    position: relative;
}
.akkilahtolista td.operaattori {
    padding: 5px 10px;
}
.akkilahtolista th {
    padding: 5px;
}
.akkilahtolista th.operaattori {
    padding-left: 10px;
}
.akkilahtolista tbody tr:hover {
    background-color: #E7F9FF;
}
.filter-wrapper.akkilahdot {
    width:100%;
}
legend {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 300;
}
.mk-filter-kuukausi legend {
    font-weight: 400;
    font-size: 13px;
    margin-top: -6px;
}
.twocell input:last-child {
    margin-left: 10%;
}

.operaattori-mini {
    display:none;
    float:right;
    width: 23px;
    height: 23px;
    background-image: url('/public/images/akkilahtoyritykset-mini.png');
}
.operaattori-mini.apollomatkat {}
.operaattori-mini.lomamatkat {background-position:0px -23px;}
.operaattori-mini.sts-alppimatkat {background-position:0px -46px;}

.saalinkki {
    float: right;
    margin-top: 5px;
}
.saalinkki a {
    background: #FF9900;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc600', endColorstr='#ff8400');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc600), to(#ff8400));
    background: -moz-linear-gradient(top, #ffc600, #ff8400);
    border: none;
    color: #FFFFFF;
    text-align: center;
    padding: 4px 20px;
    color: #fff;
    text-decoration: none;
    text-shadow: #B86D03 1px 1px 0.05em;
}

.errorbox {
    border: 1px solid rgb(235, 137, 48);
    background: rgb(231, 151, 31);
    color: #fff;
    padding: 11px 30px;
    margin: 0 -15px -15px -15px;
}
.akkilahtolista a th {
    cursor: pointer;
}
th.tahdet {
    background: none;
}
.content-box {
    background: white;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
    float:left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
h2.content-box-header {
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 300;
    margin-top: 0;
    float: left;
    width:100%;
}
h2.header-lg {
    font-size: 25px;
}
.col-xs-6.featured-kohde-wrapper:nth-child(odd) .featured-kohde {
    margin-right: 7px;
}
.col-xs-6.featured-kohde-wrapper:nth-child(even) .featured-kohde {
    margin-left: 8px;
}
.featured-kohde-wrapper {
    margin-bottom: 15px;
}
#featured-kohteet .content-box {
    padding-top:0;
    padding-bottom:0;
}
.no-padding {
    padding:0;
}
.margin-bottom {
    margin-bottom:30px;
}

.mk-filter-kohteet .chosen-container-multi .chosen-choices li.search-choice {
    margin: 6px 0 6px 7px!important;
    padding: 10px 29px 10px 16px!important;
    background: rgb(44, 193, 219)!important;
    border: 1px solid rgb(255, 46, 202)!important;
    color: white!important;
    box-shadow: none!important;
    font-weight: 400!important;
    font-size: 14px;
    border-radius: 0!important;
}
.mk-filter-kohteet .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 11px!important;
    right: 8px!important;
}
.mk-filter-kohteet .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 45px!important;
    padding-left: 15px!important;
}
.mk-filter-kohteet .chosen-container-multi .chosen-choices {
    border: 1px solid white!important;
    background-image: none!important; 
}
.mk-filter-kohteet .chosen-container-active .chosen-choices {
    border: 1px solid #2BC0DB!important;
}
.mk-filter-kohteet .chosen-container .chosen-results li.highlighted {
    background: #1DAFC7!important;
}
.tr-bg {
    position: absolute;
    height: 44px;
    top: 0px;
    width: 15px;
    background: rgb(0, 139, 255);;
}
.tr-bg-left {
    left: 0;
}
.tr-bg-right{
    right: 0;
}
.no-padding-top {
    padding-top:0;
}
.no-padding-bottom {
    padding-bottom:0;
}
.featured-image {
    width: 100%;
}
.featured-image-wrapper {
    margin: 0 -15px;
    overflow: hidden;
    position:relative;
    height: 200px;
}
.featured-header {
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.83);
    bottom: 20px;
    font-size: 1.125em;
    left: 30px;
    position: absolute;
    max-width: 90%;
}
.featured-header h3 {
    margin: 6px 13px 8px 4px;
    float: left;
}
.featured-hinta-wrapper {
    float: left;
    padding: 20px 10px 20px 20px;
    border-left: 1px solid rgb(232, 232, 232);
}
.featured-hinta {
    float: left;
    font-size: 24px;
    color: rgb(255, 46, 202);
    font-weight: 600;
    clear: both;
}
.featured-alkaen {
    float: left;
    font-size: 11px;
    font-weight: 300;
    margin-top: 12px;
    margin-left: 5px;
}
.featured-count {
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    float: left;
    clear: left;
}
.featured-content {
}
.featured .content-box {
    //opacity: 0.8;
}
.featured .content-box:hover {
    //opacity: 1;
}
.featured-button {
    padding: 10px 15px;
    color: white;
}
.featured-button a {
    padding: 10px 15px;
    color: white;
    float: left;
}
.featured-lisaa-kohde {
    background: rgb(255, 46, 202); 
    cursor:pointer;
}
.featured-lue-lisaa {
    padding: 0;
    background: rgb(0, 139, 255);
    padding: 0;
    float: left;
    width: 100%;
    font-size: 14px;
}
.featured-linkit {
    margin: 0 -15px -15px -15px;
}
.akkilahto-content {
    text-align: center;
}
.content-box.filters {
    background: rgb(0, 122, 224);
    padding: 0 0 16px 0;
    margin-bottom: -5px;
}
.content-box.filters legend {
    margin-top: 10px;
}
.filter .chosen-container-multi .chosen-choices li.search-choice {
    margin: 6px 0 6px 7px!important;
    padding: 10px 29px 10px 16px!important;
    background: rgb(44, 193, 219)!important;
    border: 1px solid rgb(255, 46, 202)!important;
    color: white!important;
    box-shadow: none!important;
    font-weight: 400!important;
    font-size: 14px;
    border-radius: 0!important;
}
.filter .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 11px!important;
    right: 8px!important;
}
.filter .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 45px!important;
    padding-left: 15px!important;
}
.filter .chosen-container-multi .chosen-choices {
    border: 1px solid white!important;
    background-image: none!important; 
}
.filter .chosen-container .chosen-results li.highlighted {
    background: #1DAFC7!important;
}
.filter-lahtopaikka .chosen-container-multi .chosen-choices li.search-choice {
    padding: 3px 23px 5px 12px!important;
}
.filter-lahtopaikka .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height:34px!important;
}
.filter-lahtopaikka .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px!important;
    right: 4px!important;
}
.filter-operaattori .chosen-container-multi .chosen-choices li.search-choice {
    padding: 3px 23px 5px 12px!important;
}
.filter-operaattori .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height:34px!important;
}
.filter-operaattori .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px!important;
    right: 4px!important;
}
.filter-kohde {
    padding: 0px 15px 15px 15px;
    margin: 0px -15px 0 -15px;
    background: rgb(44, 193, 219);
}
.content-box.filters .filter-kohde legend {
    padding-top: 10px;
    margin-top: 0;
}
.filter-submit {
    margin-top: 15px;
}
input.submit-button {
    background: rgb(20, 148, 255);
    border: 1px solid #008BFF!important;
    color: white;
    font-size: 16px;
    box-shadow: 0 2px 1px #7EC4FF;
}
input.submit-button:hover {
    background: rgb(53, 163, 255);
}
h2.kohde-content, .kohde-content h2 {
    text-transform: uppercase;
    font-weight: 300;
}
.slider-thumbnails {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: -15px;
}
.featured-image-thumbnail {
    background-size: cover;
    width: 96px;
    height: 69px;
    margin-right: 15px;
    float: left;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.featured-image-thumbnail:last-child {
    margin-right: 0px;
}
.landingpage-header {
    background-size: cover;
    color: white;
    border-bottom: 1px solid white;
    margin: 0 0 25px 0;
}
.landingpage-header .header-text-bg {
    padding: 15px 0 5px 0;
    text-shadow: 0px 1px 5px black;
}
.landingpage-header h1 {
    margin-top: 0;
    font-weight: 600;
    font-size: 65px;
}
.akkilahto-content {
    font-weight: 600;
    font-size: 22px;
    width: 1000px;
    margin: auto;
}
#show-more {
    //display: none;
}
#show-more-button {
    position: absolute;
    bottom: -18px;
    right: 0px;
    background: rgb(0, 139, 255);
    padding: 7px 15px;
    color: white;
    font-size: 11px;
}
#show-more-button:hover {
    background: rgb(255, 46, 202);
    cursor:pointer;
}

.advanced-slider {
    float: left;
}
.glossy-square-gray .slide-wrapper {
    border: none!important;
}
.glossy-square-gray .thumbnail {
    border: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    background-size: cover;
}
.glossy-square-gray .thumbnail-scroller.horizontal {
    padding:0!important;
    margin-bottom:30px!important;
    margin-top:15px!important;
    width: 100%!important;
    //margin-left: -9px!important;
    //margin-right: -9px!important;
}
.glossy-square-gray .thumbnail-scroller .thumbnail.select {
    box-shadow: 0 0 5px grey!important;
}
.visible-container.grab, .visible-container.grabbing {
    min-height:82px!important;
    width:100%!important;
}
.visible-container.grab {
    margin-right:-10px!important;
}
.glossy-square-gray .thumbnail-scroller .thumbnail-wrapper {
    margin: 0px!important;
    padding: 0px!important;
    margin-right:15px!important;
}
/* MAPICONS */

#map-canvas {
    width: 100%;
}

.weatherimage-wrapper {
    line-height: 1;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin:0 -100px;
    position: relative;
    z-index: 1;
}
.weatherimage-wrapper:hover {
    z-index:10;
}
.weatherimage {
    background: white;
    padding: 1px 5px 1px 1px;
    border: 1px solid rgb(112, 112, 112);
    border-radius: 4px;
    float: left;
    position: relative;
    text-align: left;
    min-width: 115px;
}
.weathertype {
    background: url(http://www.huippumatkailu.fi/test/imageparts/l-weather-field.png);
    width: 34px;
    height: 32px;
    float: left;
    padding: 0px 3px 0 0;
    margin-top: 1px;
    position: absolute;
}
.weathertype.sun {
    background-position: -8px -6px;
}
.weathertype.rain {
    background-position: -93px -50px;
}
.weathertype.cloud {
    background-position: -6px -50px;
}
.weathertype.sunrain {
    background-position: -93px -6px;
}
.weathertype.suncloud {
    background-position: -51px -6px;
}
.weathertype.sunraincloud {
    background-position: -93px -6px;
}
.weathertype.raincloud {
    background-position: -92px -50px;
}

.weatherimage-info {
    float: left;
    margin-top: 2px;
    margin-left: 37px;
    margin-bottom: 1px;
}
.map-wrapper {
    position: relative;
}

.zoom-enhance {
    position: absolute;
    left: 16px;
    width: 2px;
    border: 4px solid rgb(57, 175, 255);
    background: white;
    box-sizing: initial;
}
#zoom-closer {
    top: -208px;
    height: 183px;
    border-bottom: none;
    box-shadow: 0px 2px 2px rgb(87, 87, 87);
}
#zoom-farther {
    top: -90px;
    height: 60px;
    border-color: rgb(112, 224, 57);
    border-top: none;
}
.zoom-enhance-text {
    position: absolute;
    left: 25px;
    box-shadow: 0px 0px 2px rgb(87, 87, 87);
    padding: 3px 4px 3px 5px;
    line-height: 9px;
    color: white;
    font-size: 10px;
}
#zoom-closer-text {
    top: -107px;
    background: rgb(57, 175, 255);
}
#zoom-farther-text {
    top: -89px;
    background: rgb(112, 224, 57);
}
#zoom-closer-text-upper {
    box-shadow: none;
    top: -107px;
    background: rgb(57, 175, 255);
}
#zoom-farther-text-upper {
    box-shadow: none;
    top: -89px;
    background: rgb(112, 224, 57);
}
.destination {
}
.count {
    position: absolute;
    right: -1px;
    bottom: -16px;
    font-size: 10px;
    padding: 2px;
    color: white;
    border: 1px solid rgb(47, 138, 181);
    border-radius: 3px;
    background: linear-gradient(rgb(100, 193, 255), rgb(55, 174, 255));
    width: 100%;
    box-sizing: border-box;
    text-align: right;
}
.productprice {
    position: absolute;
    right: -1px;
    top: -17px;
    font-size: 10px;
    color: white;
    border: 1px solid rgb(58, 187, 5);
    border-radius: 3px;
    background: linear-gradient(rgb(112, 224, 57), rgb(74, 145, 73));
    width: 100%;
    height: 68px;
    z-index: -1;
    box-shadow: 4px 4px 1px rgba(70, 70, 70, 0.3);
    box-sizing: initial;
}


.productimage.hinta_ateria_edullisessa_ravintolassa {
    background: url('/public/images/icons/meal.png') right top no-repeat;
}
.productimage.hinta_paikallinen_olut {
    background: url('/public/images/icons/beer.png') right top no-repeat;
}
.productimage.hinta_taksi_per_km {
    background: url('/public/images/icons/taxi.png') right top no-repeat;
}
.productimage.hinta_bensa_per_litra {
    background: url('/public/images/icons/gas.png') right top no-repeat;
}
.productimage.hinta_internet {
    background: url('/public/images/icons/internet.png') right top no-repeat;
}
.productimage.hinta_farkut {
    background: url('/public/images/icons/jeans.png') right top no-repeat;
}
.productimage.hinta_nettokeskipalkka {
    background: url('/public/images/icons/salary.png') right top no-repeat;
}
.productprice .productimage {
    padding: 3px;
    text-shadow: 0px 0px 1px rgb(76, 76, 76);
    /*background-size: 12px;
    background-position-y: 1px;*/
}
.productprice .first-product {
    float: left;
    /*background-position-x: left;
    padding-left: 15px; 
    margin-left: 3px;*/

}
.productprice .second-product {
    float: right;
    /*background-position-x: right;
    padding-right: 15px;
    margin-right: 3px;*/
}
.valintanuoli {
    float: left;
    margin: 2px 4px 0 4px;
}
.valintaotsikko .fa {
    margin-left:7px;
}
.degree {
    float: left;
    font-weight: 500;
    font-size: 17px;
}
.degreemark {
    font-size: 13px;
    margin-right: 5px;
}
.price {
    float: left;
    margin-top: 2px;
    font-weight: 300;
}
.pricemark {
    font-size: 13px;
}
.link-out {
    position: absolute;
    left: -4px;
    bottom: -17px;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px;
    color: white;
    border: 1px solid rgb(221, 143, 0);
    border-radius: 3px;
    background: linear-gradient(rgb(255, 197, 0), rgb(255, 133, 0));
    font-weight: 300;
    text-shadow: #B86D03 1px 1px 0.05em;
    box-shadow: 0px 0px 5px rgba(70, 70, 70, 0.6);
}
.link-out:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd739', endColorstr='#ff9e35');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd739), to(#ff9e35));
    background: -moz-linear-gradient(top, #ffd739, #ff9e35);
    cursor: pointer;
    border-color: rgb(255, 162, 53);
}
.destination-arrow {
    text-shadow: 0px 1px 0px black;
    color: white;
    font-weight:900;
    display:none;
}

/* /MAPICONS */

.matkat-kartalla h1 {
    display:none;
}
.map-wrapper {
    margin-bottom: 30px;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background: none;
}



/**/

.matkat-kartalla #header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
}
.map-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
}
.mk-filter-form-disabler-wrapper {
    display:none;
}
#map-canvas {
    height: 100%;
}
.after-map {
    margin-top:100vh;
    padding-top: 30px;
}
.mk-filter-form-wrapper {
    bottom:0px;   
    top: auto;
}
.mk-filter-valitut-kohteet {
    color: white;
    height: 58px!important;
    padding: 17px!important;
    border: 1px solid rgb(255, 2, 191);
    background: linear-gradient(rgb(255, 116, 220), rgb(255, 0, 191));
    font-weight: 300;
    text-shadow: #B8008A 1px 1px 0.05em;
    pointer-events: all;
}
.mk-filter-valitut-kohteet:hover {
    background: linear-gradient(rgb(253, 144, 226), rgb(255, 66, 208));
    border: 1px solid rgb(255, 66, 208);
    cursor:pointer;
}
.no-margin {
    margin:0;
}
#valitut-kohteet-button {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
    padding-right: 0!important;
}
#valitut-kohteet-button .ei-valittuja {
    border: 1px solid rgb(218, 218, 218);
    background: #DCDCDC;
    font-weight: 400;
    cursor: default;
    color: #ADADAD;
    text-shadow: 1px 1px 2px rgb(255, 255, 255);
    //display:none;
}
#valitut-kohteet-button .ei-valittuja:hover {

}
.valittu-kohde-poisto {
    position: absolute;
    top: 6px;
    right: 7px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../../chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
    z-index: 12;
}
.valittu-kohde-poisto:hover {
    background-position: -42px -10px;
}
#valitut-kohteet-wrapper {
    position: relative;
    left: 50%;
    float: left;
}
#valitut-kohteet {
    position: relative;
    left: -50%;
    text-align: center;
}
.valintaotsikko {
    float: left;
    margin-right: 7px;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.2px;
}
.valittu-kohde {
    font-weight: 600;
    font-size: 16px;
    float: left;
    position: relative;
    padding-right: 25px;
    z-index: 20;
}
#valitut-kohteet-lista {
    float:left;
    margin-top: 1px;
}
.button-siirry-kartalle .valintaotsikko {
    margin-left:0;
}
#inputkuukausi {
    font-weight:600;
}
.button-siirry-kartalle {
    margin: -10px 0 30px 0;
    border: 1px solid rgb(0, 139, 255);
    background: linear-gradient(rgb(255, 46, 202), rgb(0, 139, 255));
    text-shadow: #1DAFC7 1px 1px 0.05em;
    padding: 10px!important;
    color: white;
    font-weight: 300;
}
.button-siirry-kartalle:hover {
    background: linear-gradient(rgb(105, 204, 219), rgb(61, 179, 199));
}
#zoom-onoff {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    right: 0;
    opacity: 0.8;
}
#zoom-onoff:hover {
    opacity: 1;
}
#hideHelper:hover {
    cursor:pointer;
}
/*#zoom-onoff.zoom-on {
    background: url("/public/images/zoom-on.png");  
    background-size: 100%;   
    -moz-animation: cssAnimation 0.5s ease-in 2s forwards;
    -webkit-animation: cssAnimation 0.5s ease-in 2s forwards;
    -o-animation: cssAnimation 0.5s ease-in 2s forwards;
    animation: cssAnimation 0.5s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}*/
#zoom-onoff.zoom-off {
    background: url("/public/images/zoom-off.png");   
    background-size: 100%;
}
#zoom-onoff-container {
    position: relative;
}
#zoom-onoff-wrapper {
    position: absolute;
    width: 100%;
    top: 153px;
}
@keyframes cssAnimation {
    to {
        opacity: 0.0;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        opacity: 0.0;
    }
}
.featured-article-wrapper {
    margin-bottom:15px;
}
.landingpage #sidebar-right {
    margin-top: 30px;
}
.featured-pvm {
    float: left;
    font-size: 16px;
    color: rgb(255, 46, 202);
    font-weight: 400;
    clear: left;
}
.rating {
    float: left;
}
.content-body {
    background: white;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
    float: left;
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}
.article-header-image {
    margin: -15px -15px 15px -15px;
    height: 400px;
}
h1.node-title {
    margin-top: 25px;
    margin-bottom: 25px;
}
.some-section {
    margin-top: 30px;
}
#featured-articles {
    float: left;
    width: 100%;
    margin: 0;
}
#featured-articles h3 {
    font-size:21px;
}
#footer {
    margin:15px 0;
}
#user-menu {
    font-size:10px;
}
.featured-header a h3{
    color:white;
}
.featured-header a h3:hover {
    text-decoration: underline;
}
#content-featured-articles .featured-image-wrapper {
    margin: -15px -15px 15px -15px;
}
#content-featured-articles .featured-article-wrapper {
    background: white;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
}
#content-featured-articles .article-number-1 {
    margin-top: 0px;
    margin-bottom: 30px;
}
#content-featured-articles {
    margin: 0 -7px 0 -8px;
}
#content-featured-articles .col-lg-4, #content-featured-articles .col-lg-12 {
    padding-right:7px;
    padding-left:8px;
}
#content-featured-articles .article-number-1 h3 {
    font-size:35px;
}
#content-featured-articles .article-number-1 .featured-pvm {
    font-size:18px;
}
#content-featured-articles .article-number-1 .featured-image-wrapper {
    height: 450px;
}
#content-featured-articles .article-number-1 .featured-header {
    left: 50px;
    bottom: 40px;
}
#content-featured-articles h3 {
    font-size:19px;
}
#content-featured-articles .featured-pvm {
    font-size:13px;
}
.settings-header-kuukausi {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 27px;
    margin-bottom: 5px;
}
h1.settings-header-kohteet {
    display:block;
    margin-bottom: 15px;
}
.settings-header-other-settings {
    text-align: center;
    margin-bottom: 30px;
    font-size: 19px;
    font-weight: 300;

}
.featured-article-wrapper .featured-content {
    max-height:84px;
    overflow:hidden;
}
#hakulaatikko {
    background: rgb(40, 157, 255);
    margin-top: 15px;
}
#hakulaatikko h2 {
    color: white;
}
.featured-lue-lisaa .fa {
    margin-left: 8px;
}
.operator-image {
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
    width: 100px;
}
.operator-name {
    display:none;
}
.operator-image-sonera {
    background-image: url('../images/operator-image-sonera.png');
    background-size: 100%;
}
.operator-image-placeholder {
    background-image: url('../images/operator-image-placeholder.png');
}
.operator-image-saunalahti {
    background-image: url('../images/operator-image-saunalahti.png');
    background-size: 100%;
}
.operator-image-tele-finland {
    background-image: url('../images/operator-image-telefinland.png');
}
.operator-image-dna {
    background-image: url('../images/operator-image-dna.png');
}
.operator-image-moi-mobiili {
    background-image: url('../images/operator-image-moi-mobiili.png');
    background-size: 100%;
}
.content-box.liittymavertailubox {
    background: rgb(40, 157, 255);
    padding: 10px 0px 20px 0;
}
.content-box.liittymavertailubox .mk-filter-kuukausi legend {
    margin-top: 5px;
}
.liittymavertailubox input.submit-button {
    color: white;
    height: 53px!important;
    border: 1px solid rgb(255, 2, 191);
    background: linear-gradient(rgb(255, 116, 220), rgb(255, 0, 191));
    font-weight: 600;
    text-shadow: #B8008A 1px 1px 0.05em;
    font-size: 16px;
}
.margin-top {
    margin-top: 5px;
}
.primary-content .featured-image-wrapper {
    height: 150px;
}
.primary-content .featured-kohde-wrapper {
    margin-bottom: 30px;
}
.box-shadow {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.background-content {
    padding:0 30px;
}
.top-content {
    margin-bottom:25px;
}
.filter-submit-inline {
    margin-top:35px;
}

ol.big-numbers {
    list-style-type: none;
    padding-left: 20px!important;
    margin-bottom: 40px;
    margin-top: 20px;
}

ol.big-numbers li {
  position: relative;
}

ol.big-numbers li p {
    padding-left: 70px;
    padding-top: 12px;
    margin-bottom: 20px;
}

ol.big-numbers span {
  color: #008BFF;
    position: absolute;
    font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
    margin-bottom: 20px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.67);
}
.network-links {
    width: 100%;
    text-align: center;
    background: #F5F5F5;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 2px;
    color: #4C98D8;
}

.network-links a {
    color: #4C98D8;
    text-decoration: none;
}

.network-links a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .network-links {
        display: none;
    }
}