.dropbtn { 
position: relative;
font-family: "Lato-Bold";
font-size: 16px;
color: #FFF;
margin: 2px;
padding-top: 28px;
padding-bottom: 28px;
background-color: #41a62a;
}
.dropbtn:hover, .dropbtn:focus {
background-color: #41a62a;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}.kivi-fields-submit .submit { position: fixed; top: 1em; }
.kivi-fields { display: flex; }
.widget_search .search-form { z-index: 100; } body.noscroll { position: fixed; }
body.noscroll #wpadminbar { display: none !important; }
body.noscroll header { display: none !important; }
.toimipaikkalomake-tabs { width: 100%; top: 0; left: 0; padding: 1em; border-bottom: 1px solid #eee; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); text-align: center; z-index: 10; }
@media only screen and (max-width: 960px) { .toimipaikkalomake-tabs { font-size: 12px; } }
.toimipaikkalomake-tabs select { margin-bottom: 0; }
.toimipaikkalomake-tabs [class*="-tab"] { color: #fff; padding: 0.75em 1em; height: auto; line-height: 1; text-transform: uppercase; font-weight: 600; font-size: 12px; display: inline-block; }
.toimipaikkalomake-tabs [class*="-tab"]:hover, .toimipaikkalomake-tabs [class*="-tab"]:focus { background-color: #0f3661; }
.toimipaikkalomake-tabs [class*="-tab"] + [class*="-tab"] { margin-left: 5px; }
.toimipaikkalomake-forms { padding: 1em; left: 0; position: absolute; width: 100%; }
.toimipaikkalomake-body { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: #fff; z-index: 100; overflow-y: scroll; }
.toimipaikkalomake-body.active { display: block; }
.toimipaikkalomake-body .form-wrapper { width: 600px; max-width: 100%; margin: 1em auto; display: none; background-color: #fafafa; }
.toimipaikkalomake-body .form-wrapper.external { padding-bottom: 0.75em; }
.toimipaikkalomake-body .form-wrapper.external .form-title { text-align: center; color: #0f3661; }
.toimipaikkalomake-body .form-wrapper .form-title { padding: 1em; }
.toimipaikkalomake-body .form-wrapper.active { display: block; }
.toimipaikkalomake-body .form-wrapper form { color: #000; padding: 2em; width: 600px; margin: 1em auto; max-width: 100%; }
.toimipaikkalomake-body .form-wrapper form label { width: 100%; }
.external-form { margin-bottom: 2em; text-align: center; }
.external-form button { color: #fff !important; }
.select-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1em; border-bottom: 1px solid #eee; padding-bottom: 1em; }
.select-container select { margin-right: 1em; width: 100%; }
.select-container button { background-color: red; color: #fff; }
.select-container button:hover, .select-container button:focus { background-color: #e60000; }
@media (min-width: 992px) { .toimipaikkalomake-body .select-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.toimipaikkalomake-body select { display: none; }
.toimipaikkalomake-body .mobile { display: none; }
.toimipaikkalomake-body .tabs-toggle { display: block !important; } }
@media (max-width: 991px) { .toimipaikkalomake-body .select-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.toimipaikkalomake-body .tabs-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
.toimipaikkalomake-body .tabs-container .button-container { margin-left: auto; }
.toimipaikkalomake-body .tabs-container .tabs-toggle { width: 100%; padding: 0 1em; }
.toimipaikkalomake-body .tabs-container .tabs-toggle button { margin: 0 0 0.5em; width: 100%; display: block; }
.toimipaikkalomake-body .desktop { display: none; } } .kohteet-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; }
.kohteet-list * { box-sizing: border-box; }
.kohde-item { width: 400px; max-width: 100%; margin: 5px; }
@media (min-width: 1200px) { .kohde-item { max-width: calc((100% / 3) - 5px * 2); } }
@media (max-width: 1199px) and (min-width: 481px) { .kohde-item { max-width: calc((100% / 2) - 5px * 2); } }
@media (max-width: 480px) { .kohde-item { max-width: 100%; margin: 0 0 2em; } }
.kohde-inner { border: 1px solid #eee; }       .kohde-rent-area { text-align: center; }
.kohde-rent-area [class^="kohde-"] { display: inline-block; font-size: 20px; text-align: center; font-weight: bold; }
.kohde-rent-area [class^="kohde-"] [class*="inner"] { color: #019a44; font-weight: 600; }
.kohde-rent-area [class^="kohde-"] [class*="inner"] span { color: #888; font-weight: 500; font-size: 0.8em; }
.kohde-rent-area [class^="kohde-"] + [class^="kohde-"] { margin-left: 0.5em; }
.kohde-title { text-align: center; color: #0f3661; margin-top: 0; font-size: 24px; }
.kohde-title span { display: block; }
.kohde-title span:nth-child(2) { font-size: 0.6em; }
.kohde-description .kohde-description-text { margin-top: 0.5em; padding: 0.5em; line-height: 1.7; font-style: italic; background-color: #fafafa; }
.kohde-description .kohde-description-text:not(.active) { display: none; }
.kohde-description .kohde-actions { text-align: center; margin-top: 0.5em; }
.kohde-description .kohde-actions [role="button"] { cursor: help; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 1.5em; }
.kohde-description .kohde-actions .fa { opacity: 0.5; margin-left: 0.5em; }
.kohde-description .kohde-actions .kohde-structure { font-size: 12px; line-height: 1.4; }
.kohde-description .kohde-actions .kohde-external-link.oikotie { display: inline-block; padding: 5px 10px 15px; line-height: 20px; }
.kohde-description .kohde-actions .kohde-external-link.oikotie img { height: 20px; }
.kohde-description .kohde-actions .kohde-external-link:hover, .kohde-description .kohde-actions .kohde-external-link:focus { opacity: 0.75; }
.kohde-gallery { position: relative; }
.kohde-gallery .kohde-gallery-popup, .kohde-gallery .kohde-gallery-unique-no, .kohde-gallery .owl-nav { -webkit-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; opacity: 0; }
.kohde-gallery:hover .kohde-gallery-popup, .kohde-gallery:hover .kohde-gallery-unique-no, .kohde-gallery:hover .owl-nav { opacity: 1; }
.kohde-gallery .owl-dots { margin: 0.75em 0 0.5em; line-height: 1; width: 75%; margin-left: auto; margin-right: auto; }
.kohde-gallery-item { background-color: #fafafa; position: relative; }
.kohde-gallery-item .kohde-gallery-item-sizer { height: 0; position: relative; padding-bottom: calc(100% / (5/3)); background-repeat: no-repeat; background-position: center center; }
.kohde-gallery-item .kohde-gallery-item-sizer.size-cover { background-size: cover; }
.kohde-gallery-item .kohde-gallery-item-sizer.size-cover .kohde-gallery-unique-no { right: 1em; }
.kohde-gallery-item .kohde-gallery-item-sizer.size-contain { background-size: contain; }
.kohde-gallery-item .kohde-gallery-item-sizer.size-contain .kohde-gallery-unique-no { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.kohde-gallery-item .kohde-gallery-item-overlay { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); opacity: 0; pointer-events: none; }
.kohde-gallery-item .kohde-gallery-popup, .kohde-gallery-item .kohde-gallery-unique-no, .kohde-gallery-item .owl-nav { -webkit-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; opacity: 0; }
.kohde-gallery-item .kohde-gallery-popup { position: absolute; display: block; color: #fff; font-size: 28px; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.kohde-gallery-item .kohde-gallery-unique-no { display: inline-block; top: 1em; position: absolute; line-height: 1; padding: 0.5em; font-size: 0.8em; color: #fff; opacity: 0; }
.owl-prev, .owl-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.kohde-body, .kohde-foot { padding: 0 1em; }
.kohde-body { padding: 1.25em; }
.kohde-category { text-align: center; padding: 0.25em 1em; text-transform: uppercase; color: #999; font-weight: bold; letter-spacing: 0.05em; font-size: 0.9em; }
.kohde-category + .kohde-body { padding-top: 0.25em; }
.kohde-foot { display: none; }
.kohde-foot .kohde-contact { padding-top: 0.5em; margin-top: 1em; border-top: 1px solid #eee; }
.kohde-cc-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.5em 0; }
.kohde-cc-data ul { margin: 0; }
.kohde-cc-data .cc-title { font-weight: bold; margin-bottom: 0.5em; }
.kohteet-realtor { margin: 1em 0; }
.kohde-cc-heading { font-size: 1.5em; font-weight: bold; margin-top: 0; margin-bottom: 0.1em; }
@media (max-width: 480px) { .kohde-cc-heading { font-size: 1.5em; } }
.kohde-contact-card { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 480px) { .kohde-contact-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }
.kohde-contact-card figure { margin: 0 auto; } }
.kohde-contact-card figure { border-bottom: 2px solid #019a44; width: 150px; }
.kohde-contact-card figure img { width: 100%; height: auto; }
.kohde-contact-card.in-loop-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.kohde-contact-card.in-loop-item .kohde-cc-data { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.kohde-contact-card.in-loop-item figure { width: 50px; }
.kohde-contact-card.in-loop-item .not-in-loop-item { display: none !important; }
.kohde-contact-card.in-loop-item .kohde-cc-links { width: auto; margin-left: 1em; }
.kohde-contact-card.not-in-loop-item .kohde-cc-data { padding-left: 1.5em; padding-right: 1.5em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.kohde-contact-card.not-in-loop-item .in-loop-item { display: none !important; }
.kohde-contact-card .kohde-cc-links a { font-size: inherit !important; }
.kohde-contact-card .kohde-cc-bottom-links { text-align: left; }
.kohde-contact-card .kohde-cc-bottom-links span[class^="cc-"] { display: block; }
.kohde-contact-card .fa { width: 1.5em; text-align: center; }