.elementor-237 .elementor-element.elementor-element-9cbadd6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--overlay-opacity:0.65;--padding-top:179px;--padding-bottom:101px;--padding-left:8px;--padding-right:8px;}.elementor-237 .elementor-element.elementor-element-9cbadd6:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-9cbadd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://www.comreal.fi/wp-content/uploads/2026/10/hero-toimistokaytava-etusivu.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-237 .elementor-element.elementor-element-9cbadd6::before, .elementor-237 .elementor-element.elementor-element-9cbadd6 > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-9cbadd6 > .e-con-inner > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-9cbadd6 > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-9cbadd6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-9cbadd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-c989e58{text-align:start;}.elementor-237 .elementor-element.elementor-element-c989e58 .elementor-heading-title{font-family:var( --e-global-typography-crhero-font-family ), Serif;font-size:var( --e-global-typography-crhero-font-size );font-weight:var( --e-global-typography-crhero-font-weight );line-height:var( --e-global-typography-crhero-line-height );letter-spacing:var( --e-global-typography-crhero-letter-spacing );word-spacing:var( --e-global-typography-crhero-word-spacing );color:var( --e-global-color-crwhite );}.elementor-237 .elementor-element.elementor-element-e1c775d{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-e1c775d:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-e1c775d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-237 .elementor-element.elementor-element-9cbadd6{--content-width:1232px;}.elementor-237 .elementor-element.elementor-element-e1c775d{--content-width:1232px;}}@media(max-width:1024px){.elementor-237 .elementor-element.elementor-element-9cbadd6{--padding-top:176px;--padding-bottom:75px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-237 .elementor-element.elementor-element-c989e58 .elementor-heading-title{font-size:var( --e-global-typography-crhero-font-size );line-height:var( --e-global-typography-crhero-line-height );letter-spacing:var( --e-global-typography-crhero-letter-spacing );word-spacing:var( --e-global-typography-crhero-word-spacing );}.elementor-237 .elementor-element.elementor-element-e1c775d{--padding-top:90px;--padding-bottom:90px;--padding-left:19px;--padding-right:19px;}}@media(max-width:767px){.elementor-237 .elementor-element.elementor-element-9cbadd6{--padding-top:170px;--padding-bottom:82px;--padding-left:12px;--padding-right:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-237 .elementor-element.elementor-element-c989e58 .elementor-heading-title{font-size:var( --e-global-typography-crhero-font-size );line-height:var( --e-global-typography-crhero-line-height );letter-spacing:var( --e-global-typography-crhero-letter-spacing );word-spacing:var( --e-global-typography-crhero-word-spacing );}.elementor-237 .elementor-element.elementor-element-e1c775d{--min-height:400px;--padding-top:30px;--padding-bottom:30px;--padding-left:19px;--padding-right:19px;}}/* Start custom CSS for html, class: .elementor-element-c4724a4 *//* Aksentit */
span.accentColorFF.accentWeight {
	color: #1B202E !important;
}

span.accentColorF.accentWeight {
	color: orange !important;
}

#selSortResultList-button > span.ui-selectmenu-text {
	color: #000 !important;
}

#searchView {
	box-shadow: none !important;
}

#refineSearchPanel {
	background: #1B202E !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	border: solid 1px #666;
}

/* Fontit */
#searchStartHere > div > div > h4 {
	color: #FFF !important;
}

/* Elementit */
#searchStartHere > div > div > p > span > span.selection > span, #refineSearchPanel > div.cssFlexbox > div:nth-child(3) > div > div > p > span {
	background: none !important;
	border: solid 1px #999;
	border-radius: 12px;
	color: #FFF !important;
}
.vt-app .select2-container--default .select2-selection--multiple {
	background: none !important;
}

.vt-app .select2-container .select2-search--inline .select2-search__field {
	color:#FFF !important;
}

#searchStartHere > div > div > p > span > span.selection > span > ul > li.select2-selection__choice, #refineSearchPanel > div.cssFlexbox > div:nth-child(3) > div > div > p > span > span.selection > span > ul > li.select2-selection__choice {
	border-radius: 12px !important;
	margin-top: 7px !important;
	margin-left: 2px !important;
	
}

.vt-app .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px !important;
}

#searchStartHere > div > div > div > label {
	background: none !important;
	border: none !important;
}

#searchStartHere > div > div > div > label > span.ui-checkboxradio-icon {
	border-radius: 0 !important;
	box-shadow: none !important;
	border-color:#999 !important;
	border: solid 1px #FFF !important;
}

#searchStartHere > div > div > div > label.ui-button.ui-widget.ui-controlgroup-item.ui-checkboxradio-label {
	color: #FFF !important;
}

#searchStartHere > div > div > div > label > span.ui-checkboxradio-icon.ui-state-checked {
	border-radius: 0 !important;
	box-shadow: none !important;
	border-color:#999 !important;
	border: solid 4px #FFF !important;
	background-image: none !important;
	background: #000 !important
}

/* Pinta-ala */

.vt-app .propertySizeControl {
	background: none !important;
}

.vt-app .vt-embed.vt-embed-uid-2587391 .ui-slider.slider .ui-slider-handle {
	border: solid 1px #FFF !important;
}

.vt-app .propertySizeControl .sizeAdjust input[type="text"], .vt-app .propertySizeControl .sizeAdjust input[type="number"] {
	background: none !important;
	color: #FFF !important;
	border-radius: 12px !important;
}

/* Kauppatapa */
.quickSearch .ui-button, .refineSearchPanel .ui-button, .searchGuard .ui-button, .searchResultMapControlBar .ui-button, .searchResultMapControlBarCompact .ui-button, .searchResultListControlBar .ui-button, .searchResultListSecondaryControlBar .ui-button, .searchResultListControlBarCompact .ui-button, .searchResultListSecondaryControlBarCompact .ui-button {
	background: none !important;
	color: #FFF !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: none !important;
}

.ui-icon.red, .ui-widget-content .ui-icon.red, .quickSearch .ui-button .ui-icon, .quickSearch .ui-button.ui-state-active:hover .ui-icon, .refineSearchPanel .ui-button .ui-icon, .refineSearchPanel .ui-button.ui-state-active:hover .ui-icon, .searchGuard .ui-button .ui-icon, .searchGuard .ui-button.ui-state-active:hover .ui-icon, .searchResultMapControlBar .ui-button .ui-icon, .searchResultMapControlBar .ui-button.ui-state-active:hover .ui-icon, .searchResultMapControlBarCompact .ui-button .ui-icon, .searchResultMapControlBarCompact .ui-button.ui-state-active:hover .ui-icon, .searchResultListControlBar .ui-button .ui-icon, .searchResultListControlBar .ui-button.ui-state-active:hover .ui-icon, .searchResultListSecondaryControlBar .ui-button .ui-icon, .searchResultListSecondaryControlBar .ui-button.ui-state-active:hover .ui-icon, .searchResultListControlBarCompact .ui-button .ui-icon, .searchResultListControlBarCompact .ui-button.ui-state-active:hover .ui-icon, .searchResultListSecondaryControlBarCompact .ui-button .ui-icon, .searchResultListSecondaryControlBarCompact .ui-button.ui-state-active:hover .ui-icon {
	background-image: none !important;
}

#refineSearchPanel > div.cssFlexbox > div > div > div > div.dealTypeControl > p > label.ui-button.ui-widget.ui-controlgroup-item.ui-checkboxradio-label.ui-corner-left.ui-checkboxradio-checked.ui-state-active > span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked, #refineSearchPanel > div.cssFlexbox > div > div > div > div.dealTypeControl > p > label > span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked, .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background: #000 !important;
	border: solid 4px #FFF;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: none !important;
}

/* Hakutulos nappi */

#btnUpdateSearchResult {
	border-radius: 12px !important;
	color: #000 !important;
	background: #FFF !important;
}

/* Hakutulokset */

#searchResultListControlBar {
	background-image: none !important;
	background-color: #FFF !important;
	border-radius: 12px !important;
}

#objectList > div.objectRow {
	border-radius: 12px !important;
}

#objectList > div.objectRow > div.thumbCont, #objectList > div.objectRow.clearfix.lastOpened > div.thumbCont > a > img, #objectList > div > div.thumbCont > a > img {
	border-radius: 12px !important;
	width: 200px !important;
}

#objectList > div.objectRow.clearfix.lastOpened > div.infoCont > div.buttonCont.clearfix > a, #objectList > div.objectRow.clearfix > div.infoCont > div.buttonCont.clearfix > div > a.btnObjectRow.showMap.evOpenMapDialog, #objectList > div.objectRow.clearfix > div.infoCont > div.buttonCont.clearfix > div > a.btnObjectRow.showStreetView.evOpenStreetViewDialog, #objectList > div > div.infoCont > div.buttonCont.clearfix > a {
	border-radius: 12px !important;
	text-transform: uppercase !important;
}
#objectList > div.objectRow.clearfix.lastOpened > div.infoCont > div.buttonCont.clearfix > a > .ui-icon {
	display: none !important;
}

 #objectList > div.objectRow.clearfix > div.infoCont > div.buttonCont.clearfix > div > a.btnObjectRow.showMap.evOpenMapDialog > .ui-icon {
	display: none !important;
}

#objectList > div.objectRow.clearfix > div.infoCont > div.buttonCont.clearfix > div > a.btnObjectRow.showStreetView.evOpenStreetViewDialog > .ui-icon {
	display: none !important;
}

#selPageSelect-button, #btnNextPage {
	color: #000 !important;
}

.btnObjectListTbl.evViewObject.SmHid {
	color: #fff !important;
}

.vt-app .searchEngineWrapper.CTRLBARFIXED .searchResultListControlBarCont {
	width: auto !important;
	border-radius: 0px 0px 12px 12px !important;
}

/* KOHDESIVUT */

.vt-app .objectView .cBox .content {
	background-color: #1B202E !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

.vt-app .objectView .cBox {
	border-radius: 12px !important;
	box-shadow: none !important;
}

.vt-app .cHeadlineBar {
	border: none !important;
	box-shadow: none !important;
}

.vt-app .rsDefault, .vt-app .rsDefault .rsOverflow, .vt-app .rsDefault .rsSlide, .vt-app .rsDefault .rsVideoFrameHolder, .vt-app .rsDefault .rsThumbs {
	background: none !important;
}

.vt-app .colorCyan {
	color: #FFF !important;
}
.vt-app .cHeadlineBar .iconContLft {
	background: none !important;
	border-right: none !important;
}

div.cHeadlineBar > div.headline, h1.objectTitle, h2.objectTitle, .title, .text {
	color:#FFF !important;
}
.description {
	border-radius: 12px !important;
}
.objectDetails {
	background: none !important;
	padding: 0 !important;
}


div.content.contactInfoCont > a > span, span.icon.icon-chk.red {
	display: none !important;
}/* End custom CSS */