@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,700,300,600,400); /* This file is partially generated from libraries/skv_theme_bootstrap/config.json * Generated code can be found between the // and // * Do not edit the code between these tags */ /** * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units * * To overcome this, create media queries that target the width, height, and orientation of iOS devices. * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing * the height of element `.foo` —which is a full width and height cover image. * * iOS Resolution Quick Reference: http://www.iosres.com/ */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Oxygen); .gradient-blur, .gradient-blur-gray { position: relative; } .gradient-blur:after, .gradient-blur-gray:after { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; pointer-events: none; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 90%); width: 100%; height: 20em; } .gradient-blur-gray::after { background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4); } .container .container { padding: 0px; max-width: 100%; } .btn, .btn-default, .btn-primary { border: 0px; border-radius: 0px; padding: 10px 32px; font-weight: 700; } .page-admin .radio + .radio, .page-admin .checkbox + .checkbox { margin-top: 0px; } .btn:hover, .btn:focus, .btn.link, .btn:active, .btn-primary:hover, .btn-primary:focus, .btn-primary.link, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { border: 0px; border-radius: 0px; outline: 0; } .form-control, .form-inline .form-control { border-radius: 0px; } .btn .caret { margin-left: 8px; } .form-control:focus { border-color: #7b7b7e; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-group input.form-control[type='text'] { border: 0px; padding: 10px 20px; color: #777777; } .input-group input.form-control[type='text'], .input-group input.form-control[type='text']:focus { outline: 0; } .dropdown-menu { width: 100%; padding: 0px; } .alert { margin-bottom: 0px; } .list-group-item { background-color: transparent; border: 0px; border-bottom: 1px solid #f4f4f4; padding-left: 0px; } .list-group-item .col-xs-1, .list-group-item .col-sm-1, .list-group-item .col-md-1, .list-group-item .col-lg-1, .list-group-item .col-xs-2, .list-group-item .col-sm-2, .list-group-item .col-md-2, .list-group-item .col-lg-2, .list-group-item .col-xs-3, .list-group-item .col-sm-3, .list-group-item .col-md-3, .list-group-item .col-lg-3, .list-group-item .col-xs-4, .list-group-item .col-sm-4, .list-group-item .col-md-4, .list-group-item .col-lg-4, .list-group-item .col-xs-5, .list-group-item .col-sm-5, .list-group-item .col-md-5, .list-group-item .col-lg-5, .list-group-item .col-xs-6, .list-group-item .col-sm-6, .list-group-item .col-md-6, .list-group-item .col-lg-6, .list-group-item .col-xs-7, .list-group-item .col-sm-7, .list-group-item .col-md-7, .list-group-item .col-lg-7, .list-group-item .col-xs-8, .list-group-item .col-sm-8, .list-group-item .col-md-8, .list-group-item .col-lg-8, .list-group-item .col-xs-9, .list-group-item .col-sm-9, .list-group-item .col-md-9, .list-group-item .col-lg-9, .list-group-item .col-xs-10, .list-group-item .col-sm-10, .list-group-item .col-md-10, .list-group-item .col-lg-10, .list-group-item .col-xs-11, .list-group-item .col-sm-11, .list-group-item .col-md-11, .list-group-item .col-lg-11, .list-group-item .col-xs-12, .list-group-item .col-sm-12, .list-group-item .col-md-12, .list-group-item .col-lg-12 { padding: 0px; } .loading-spinner .fa-cog { height: 34px; } .label { border-radius: 0px; } html, body { width: 100%; overflow-x: hidden; min-height: 100%; min-height: 100vh; } body { position: relative; padding-top: 0px !important; } body[style] { padding-top: 0px !important; } body.mobile-navigation-open { height: 100%; height: 100vh; overflow: hidden; } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { body.mobile-navigation-open { height: 1024px; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) { body.mobile-navigation-open { height: 768px; } } @media screen and (device-aspect-ratio: 40/71) { body.mobile-navigation-open { height: 500px; } } ::-webkit-input-placeholder { color: #7b7b7e; } ::-moz-placeholder { color: #7b7b7e; } /* firefox 19+ */ :-ms-input-placeholder { color: #7b7b7e; } /* ie */ input:-moz-placeholder { color: #7b7b7e; } button, button:focus, button:active { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .center { text-align: center; white-space: nowrap; } .center:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .center .row { display: block; vertical-align: middle; text-align: center; white-space: normal; min-width: 100%; white-space: nowrap; } .center .row .col-xs-1, .center .row .col-sm-1, .center .row .col-md-1, .center .row .col-lg-1, .center .row .col-xs-2, .center .row .col-sm-2, .center .row .col-md-2, .center .row .col-lg-2, .center .row .col-xs-3, .center .row .col-sm-3, .center .row .col-md-3, .center .row .col-lg-3, .center .row .col-xs-4, .center .row .col-sm-4, .center .row .col-md-4, .center .row .col-lg-4, .center .row .col-xs-5, .center .row .col-sm-5, .center .row .col-md-5, .center .row .col-lg-5, .center .row .col-xs-6, .center .row .col-sm-6, .center .row .col-md-6, .center .row .col-lg-6, .center .row .col-xs-7, .center .row .col-sm-7, .center .row .col-md-7, .center .row .col-lg-7, .center .row .col-xs-8, .center .row .col-sm-8, .center .row .col-md-8, .center .row .col-lg-8, .center .row .col-xs-9, .center .row .col-sm-9, .center .row .col-md-9, .center .row .col-lg-9, .center .row .col-xs-10, .center .row .col-sm-10, .center .row .col-md-10, .center .row .col-lg-10, .center .row .col-xs-11, .center .row .col-sm-11, .center .row .col-md-11, .center .row .col-lg-11, .center .row .col-xs-12, .center .row .col-sm-12, .center .row .col-md-12, .center .row .col-lg-12 { display: inline-block; float: none; /* reset the text-align */ text-align: center; /* inline-block space fix */ vertical-align: middle; white-space: normal; } .col-xs-1.no-padding, .col-sm-1.no-padding, .col-md-1.no-padding, .col-lg-1.no-padding, .col-xs-2.no-padding, .col-sm-2.no-padding, .col-md-2.no-padding, .col-lg-2.no-padding, .col-xs-3.no-padding, .col-sm-3.no-padding, .col-md-3.no-padding, .col-lg-3.no-padding, .col-xs-4.no-padding, .col-sm-4.no-padding, .col-md-4.no-padding, .col-lg-4.no-padding, .col-xs-5.no-padding, .col-sm-5.no-padding, .col-md-5.no-padding, .col-lg-5.no-padding, .col-xs-6.no-padding, .col-sm-6.no-padding, .col-md-6.no-padding, .col-lg-6.no-padding, .col-xs-7.no-padding, .col-sm-7.no-padding, .col-md-7.no-padding, .col-lg-7.no-padding, .col-xs-8.no-padding, .col-sm-8.no-padding, .col-md-8.no-padding, .col-lg-8.no-padding, .col-xs-9.no-padding, .col-sm-9.no-padding, .col-md-9.no-padding, .col-lg-9.no-padding, .col-xs-10.no-padding, .col-sm-10.no-padding, .col-md-10.no-padding, .col-lg-10.no-padding, .col-xs-11.no-padding, .col-sm-11.no-padding, .col-md-11.no-padding, .col-lg-11.no-padding, .col-xs-12.no-padding, .col-sm-12.no-padding, .col-md-12.no-padding, .col-lg-12.no-padding { padding-left: 0px; padding-right: 0px; } .col-xs-1.no-left-padding, .col-sm-1.no-left-padding, .col-md-1.no-left-padding, .col-lg-1.no-left-padding, .col-xs-2.no-left-padding, .col-sm-2.no-left-padding, .col-md-2.no-left-padding, .col-lg-2.no-left-padding, .col-xs-3.no-left-padding, .col-sm-3.no-left-padding, .col-md-3.no-left-padding, .col-lg-3.no-left-padding, .col-xs-4.no-left-padding, .col-sm-4.no-left-padding, .col-md-4.no-left-padding, .col-lg-4.no-left-padding, .col-xs-5.no-left-padding, .col-sm-5.no-left-padding, .col-md-5.no-left-padding, .col-lg-5.no-left-padding, .col-xs-6.no-left-padding, .col-sm-6.no-left-padding, .col-md-6.no-left-padding, .col-lg-6.no-left-padding, .col-xs-7.no-left-padding, .col-sm-7.no-left-padding, .col-md-7.no-left-padding, .col-lg-7.no-left-padding, .col-xs-8.no-left-padding, .col-sm-8.no-left-padding, .col-md-8.no-left-padding, .col-lg-8.no-left-padding, .col-xs-9.no-left-padding, .col-sm-9.no-left-padding, .col-md-9.no-left-padding, .col-lg-9.no-left-padding, .col-xs-10.no-left-padding, .col-sm-10.no-left-padding, .col-md-10.no-left-padding, .col-lg-10.no-left-padding, .col-xs-11.no-left-padding, .col-sm-11.no-left-padding, .col-md-11.no-left-padding, .col-lg-11.no-left-padding, .col-xs-12.no-left-padding, .col-sm-12.no-left-padding, .col-md-12.no-left-padding, .col-lg-12.no-left-padding { padding-left: 0px; } .col-xs-1.no-right-padding, .col-sm-1.no-right-padding, .col-md-1.no-right-padding, .col-lg-1.no-right-padding, .col-xs-2.no-right-padding, .col-sm-2.no-right-padding, .col-md-2.no-right-padding, .col-lg-2.no-right-padding, .col-xs-3.no-right-padding, .col-sm-3.no-right-padding, .col-md-3.no-right-padding, .col-lg-3.no-right-padding, .col-xs-4.no-right-padding, .col-sm-4.no-right-padding, .col-md-4.no-right-padding, .col-lg-4.no-right-padding, .col-xs-5.no-right-padding, .col-sm-5.no-right-padding, .col-md-5.no-right-padding, .col-lg-5.no-right-padding, .col-xs-6.no-right-padding, .col-sm-6.no-right-padding, .col-md-6.no-right-padding, .col-lg-6.no-right-padding, .col-xs-7.no-right-padding, .col-sm-7.no-right-padding, .col-md-7.no-right-padding, .col-lg-7.no-right-padding, .col-xs-8.no-right-padding, .col-sm-8.no-right-padding, .col-md-8.no-right-padding, .col-lg-8.no-right-padding, .col-xs-9.no-right-padding, .col-sm-9.no-right-padding, .col-md-9.no-right-padding, .col-lg-9.no-right-padding, .col-xs-10.no-right-padding, .col-sm-10.no-right-padding, .col-md-10.no-right-padding, .col-lg-10.no-right-padding, .col-xs-11.no-right-padding, .col-sm-11.no-right-padding, .col-md-11.no-right-padding, .col-lg-11.no-right-padding, .col-xs-12.no-right-padding, .col-sm-12.no-right-padding, .col-md-12.no-right-padding, .col-lg-12.no-right-padding { padding-right: 0px; } .image, .image img { max-width: 100%; } .aligner { display: inline-block; height: 100%; vertical-align: middle; } #page, #header, #messages, #footer > .wrapper { margin: 0 auto; } @media screen and (max-width: 1169px) { #page, #header, #messages, #footer > .wrapper { max-width: 1170px; } } body { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #7b7b7e; } label { line-height: 20px; } a, a:active, a:hover, a:visited { text-decoration: none; } a:hover { color: #d91018; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #3e3f42; font-weight: 400; } h1, .h1 { line-height: 60px; } h2, .h2 { line-height: 46px; font-weight: 700; } h3, .h3 { line-height: 36px; } h4, .h4, h5, .h5 { line-height: 23px; font-weight: 700; } p.small, span.small, a.small { font-size: 13px; } .panel .panel-heading h1, .panel-default .panel-heading h1, .panel .panel-heading h2, .panel-default .panel-heading h2, .panel .panel-heading h3, .panel-default .panel-heading h3, .panel .panel-heading h4, .panel-default .panel-heading h4, .panel .panel-heading h5, .panel-default .panel-heading h5, .panel .panel-heading h6 .h1, .panel-default .panel-heading h6 .h1, .panel .panel-heading .h2, .panel-default .panel-heading .h2, .panel .panel-heading .h3, .panel-default .panel-heading .h3, .panel .panel-heading .h4, .panel-default .panel-heading .h4, .panel .panel-heading .h5, .panel-default .panel-heading .h5, .panel .panel-heading .h6, .panel-default .panel-heading .h6 { border-bottom: 1px solid #f4f4f4; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px; } .panel-skv h1, .segment-content h1, .panel-skv h2, .segment-content h2, .panel-skv h3, .segment-content h3, .panel-skv h4, .segment-content h4, .panel-skv h5, .segment-content h5, .panel-skv h6 .h1, .segment-content h6 .h1, .panel-skv .h2, .segment-content .h2, .panel-skv .h3, .segment-content .h3, .panel-skv .h4, .segment-content .h4, .panel-skv .h5, .segment-content .h5, .panel-skv .h6, .segment-content .h6 { border-bottom: 1px solid #f4f4f4; font-size: 15px; font-weight: 700; color: #3e3f42; padding-bottom: 6px; margin-top: 0px; margin-bottom: 13px; } .panel-skv h1 + .list-group, .segment-content h1 + .list-group, .panel-skv h2 + .list-group, .segment-content h2 + .list-group, .panel-skv h3 + .list-group, .segment-content h3 + .list-group, .panel-skv h4 + .list-group, .segment-content h4 + .list-group, .panel-skv h5 + .list-group, .segment-content h5 + .list-group, .panel-skv h6 .h1 + .list-group, .segment-content h6 .h1 + .list-group, .panel-skv .h2 + .list-group, .segment-content .h2 + .list-group, .panel-skv .h3 + .list-group, .segment-content .h3 + .list-group, .panel-skv .h4 + .list-group, .segment-content .h4 + .list-group, .panel-skv .h5 + .list-group, .segment-content .h5 + .list-group, .panel-skv .h6 + .list-group, .segment-content .h6 + .list-group { margin-top: -13px; margin-bottom: 35px; } .panel-skv p, .segment-content p { margin-bottom: 40px; } .center section div, .center p, .center span, .center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center .h1, .center .h2, .center .h3, .center .h4, .center .h5, .center .h6 { white-space: normal; word-break: break-word; } .title.center { white-space: normal; word-break: break-word; } sup { font-weight: bold; font-size: 10px; top: -1.25em; } @media screen and (max-width: 767px) { sup { top: -0.5em; } h1, .h1 { line-height: 25px; font-size: 25px; margin-top: 0; margin-bottom: 25px; } h2, .h2 { line-height: 20px; font-size: 20px; margin-top: 0; martgin-bottom: 20px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } } #navbar-administration + .container { padding-top: 39px; } div#admin-toolbar.nw div.admin-tabs, div#admin-toolbar.sw div.admin-tabs { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } div#admin-toolbar.horizontal div.admin-tab { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #admin-toolbar ul.menu li a { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .admin-panel-container { background-color: white; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 24px; } .admin-panel-body { background-color: white; padding: 15px; } #modalContent[style] { z-index: 1500; } .admin-panel-head { color: #2e2f33; background-color: #f5f5f5; border-color: #ddd; margin: 0px; padding: 10px 15px; font-size: 17px; border-bottom: 1px solid #ddd; } .page-admin .view-admin-views-node .view-filters, .page-admin-structure-pages #block-system-main .content > .clearfix, .page-admin .system-themes-list { background-color: white; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 24px; padding: 15px; } .page-admin .view-admin-views-node .view-filters .row .views-exposed-widget[class*="col"], .page-admin-structure-pages #block-system-main .content > .clearfix .row .views-exposed-widget[class*="col"], .page-admin .system-themes-list .row .views-exposed-widget[class*="col"] { width: auto; } .page-admin .view-admin-views-node .view-filters .input-group input.form-control[type='text'], .page-admin-structure-pages #block-system-main .content > .clearfix .input-group input.form-control[type='text'], .page-admin .system-themes-list .input-group input.form-control[type='text'], .page-admin .view-admin-views-node .view-filters .input-group input.form-control[type='text']:focus, .page-admin-structure-pages #block-system-main .content > .clearfix .input-group input.form-control[type='text']:focus, .page-admin .system-themes-list .input-group input.form-control[type='text']:focus { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; border-right: 0px; } .page-admin-panopoly #block-system-main .admin-list { background-color: white; padding: 15px; } .page-admin-panopoly-settings-panopoly-admin #block-system-main .content, .page-admin-panopoly-settings-panopoly-core #block-system-main .content, .page-admin-panopoly-settings-panopoly-users #block-system-main .content, .page-admin-panopoly-settings-panopoly-magic #block-system-main .content, .page-admin-panopoly-settings-panopoly-widgets #block-system-main .content { background-color: white; padding: 15px; } .page-admin .system-themes-list { padding: 0px; } .page-admin .system-themes-list > div { background-color: white; padding: 15px; } .page-admin .system-themes-list h2 { color: #2e2f33; background-color: #f5f5f5; border-color: #ddd; margin: 0px; padding: 10px 15px; font-size: 17px; border-bottom: 1px solid #ddd; } .page-admin .panels-dnd > .container { width: 100%; } .page-admin .form-control.form-select, .page-admin .form-inline .form-control.form-select, .page-admin .form-item select { border-radius: 0px; margin-right: 25px; } .page-admin .table thead { background-color: #f5f5f5; } .page-admin .table tbody { background-color: white; } .page-admin div.admin .left { margin-left: 0px; } .page-admin div.admin .right { margin-right: 0px; } .page-admin .admin-panel { background-color: white; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 24px; padding: 0px; } .page-admin .admin-panel h3 { color: #2e2f33; background-color: #f5f5f5; border-color: #ddd; margin: 0px; padding: 10px 15px; font-size: 17px; border-bottom: 1px solid #ddd; } .page-admin .admin-panel .body { background-color: white; padding: 15px; } .page-admin .admin-panel .body .admin-list { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px; margin: 0px; border: 0px; } .page-admin .admin-panel .body dd { margin-bottom: 15px; } .page-admin .admin-list { border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 24px; background-color: white; padding: 15px; } .modal-header { color: #2e2f33; background-color: #f5f5f5; border-color: #ddd; margin: 0px; padding: 10px 15px; font-size: 17px; border-bottom: 1px solid #ddd; } .modal-header .close { margin-top: 4px; } .modal-body { background-color: white; padding: 15px; } .modal-body .panel-body { min-height: 54px; } #modal-content fieldset.widget-preview .panel-heading .btn { position: absolute; right: -1px; top: -1px; bottom: -1px; background-color: #ed1c24; color: white; } #modalContent .panels-section-column-categories { padding: 0px; } .panels-section-column-categories .inside { padding: 15px; } #modalContent .panels-categories-box a.btn, #modalContent .panels-root-content-box a.btn { background-color: #f4f4f4; color: #2e2f33; } #modalContent .panels-categories-box a.btn:hover, #modalContent .panels-root-content-box a.btn:hover, #modalContent .panels-categories-box a.btn.active, #modalContent .panels-root-content-box a.btn.active { background-color: #2e2f33; border-color: #2e2f33; color: white !important; } #modalContent .panels-section-columns { padding: 15px; padding-top: 46px; } div#panels-ipe-control-container .panels-ipe-button-container .panels-ipe-pseudobutton-container { background: #ed1c24; border-radius: 0px; color: white; } div.panels-ipe-pseudobutton-container a.panels-ipe-pseudobutton { color: white; padding: 0px 10px !important; background: 0px; } div#panels-ipe-control-container { background-color: white; } div#panels-ipe-control-container .btn { background: #ed1c24; border-radius: 0px; color: white; } div#panels-ipe-control-container .panels-ipe-form-container form .form-submit { padding: 0px 10px; } div.panels-ipe-placeholder { background: #ed1c24; border: 0px; border-radius: 0px; color: white; padding: 0px; margin: 0px; } div.panels-ipe-placeholder .panels-ipe-placeholder-content h3 { padding: 10px 15px; color: white; } .panels-ipe-editing .panels-ipe-on { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header.on-top + #page .panels-ipe-editing { padding-top: 150px; } .panels-ipe-handlebar-wrapper.panels-ipe-on div.panels-ipe-draghandle, .panels-ipe-handlebar-wrapper.panels-ipe-on div.panels-ipe-nodraghandle { color: #2e2f33; background-color: #f5f5f5; border-color: #ddd; margin: 0px; padding: 10px 15px; font-size: 17px; border-bottom: 1px solid #ddd; background-image: none; line-height: 55px; } .panels-ipe-handlebar-wrapper.panels-ipe-on div.panels-ipe-draghandle .panels-ipe-dragbar-admin-title, .panels-ipe-handlebar-wrapper.panels-ipe-on div.panels-ipe-nodraghandle .panels-ipe-dragbar-admin-title { margin-left: 15px; } .panels-ipe-editing .panels-ipe-portlet-content { margin: 0px; } .page-node-edit .panel-panel { border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 24px; background-color: white; padding: 15px; } .page-node-edit .panel-panel #edit-actions .btn { width: 100%; } .page-node-edit .chosen-container { height: auto; } .page-admin .views-displays { background-color: white; } .page-admin .views-displays li.add .icon { padding: 0px; margin: 0px 5px; } .page-admin #views-preview-wrapper { margin-top: 25px; padding-top: 0px; } .page-admin #views-preview-wrapper #views-ui-preview-form { background-color: white; margin: 0px; padding: 15px; } .page-admin #views-preview-wrapper .views-query-info { background-color: white; } .page-admin #views-preview-wrapper .views-query-info + div { padding: 15px; } .page-admin #views-preview-wrapper #views-live-preview { margin: 0px; } .page-admin div.sortableList div.sortableListDiv span.sortableListSpan ul li { list-style: none; cursor: move; height: 26px; min-width: 18px; padding: 4px; line-height: 14px; } .page-admin div.vertical-tabs { border-radius: 0px; } .page-admin div.vertical-tabs ul.vertical-tabs-list { margin-top: -1px; border-top: 1px solid #ddd; } .page-admin div.vertical-tabs ul.vertical-tabs-list li, .page-admin div.vertical-tabs ul.vertical-tabs-list li.selected { border-color: #ddd; border-radius: 0px; } .page-admin div.vertical-tabs ul.vertical-tabs-list li a { border-radius: 0px; } .page-admin div.vertical-tabs .vertical-tabs-panes { padding: 0px; } #edit-settings-pane-style .form-item-settings-pane-style-pull-left, #edit-settings-pane-style .form-item-settings-pane-style-pull-right, #edit-settings-pane-style .form-item-settings-pane-style-clearfix, #edit-settings-pane-style .form-item-settings-pane-style-jumbotron, #edit-settings-pane-style .form-item-settings-pane-style-well { display: none; } #features-export-wrapper .component-added .form-type-checkbox { border-radius: 0px; padding: 5px 10px; } #features-export-wrapper .component-added .form-type-checkbox .form-item.form-type-checkbox label:before, #features-export-wrapper .component-added .form-type-checkbox .form-item.form-type-checkbox input[type="checkbox"]:checked:after { top: 2px; } #features-export-wrapper .component-added .form-type-checkbox .radio label, #features-export-wrapper .component-added .form-type-checkbox .checkbox label { padding-top: 2px; } #features-export-wrapper .component-added .form-type-checkbox .features-export-component .radio input[type="radio"], #features-export-wrapper .component-added .form-type-checkbox .features-export-component .radio-inline input[type="radio"], #features-export-wrapper .component-added .form-type-checkbox .features-export-component .checkbox input[type="checkbox"], #features-export-wrapper .component-added .form-type-checkbox .features-export-component .checkbox-inline input[type="checkbox"], #features-export-wrapper .component-added .form-type-checkbox .features-export-list .radio input[type="radio"], #features-export-wrapper .component-added .form-type-checkbox .features-export-list .radio-inline input[type="radio"], #features-export-wrapper .component-added .form-type-checkbox .features-export-list .checkbox input[type="checkbox"], #features-export-wrapper .component-added .form-type-checkbox .features-export-list .checkbox-inline input[type="checkbox"] { margin-left: -20px; } .section-carousel { padding-top: 0px !important; } .section-carousel .thumbnails, .section-carousel .floor-plan { margin-top: 20px; } .section-carousel .thumbnails { max-height: 100px; overflow: hidden; } .section-carousel .thumbnails .owl-item { overflow: hidden; } .section-carousel .carousel { position: relative; } .page-kohteet-asunnot .section-carousel .carousel { margin-top: 0px; } .section-carousel .carousel .owl-item .item { text-align: center; background-color: #3e3f42; } .section-carousel .carousel .owl-item img { display: block; width: auto; height: 490px; margin: 0 auto; } @media screen and (max-width: 991px) { .section-carousel .carousel .owl-item img { width: 100%; height: auto; } } .section-carousel .carousel .owl-next, .section-carousel .carousel .owl-prev { background-color: #7b7b7e; font-family: "FontAwesome"; font-size: 20px; line-height: 42px; color: white; border-radius: 300px; position: absolute; top: 50%; margin-top: -21px; width: 42px; height: 42px; opacity: 1; } .section-carousel .carousel .owl-next:hover, .section-carousel .carousel .owl-prev:hover { background-color: #2e2f33; } .section-carousel .carousel .owl-prev { left: 20px; } .section-carousel .carousel .owl-next { right: 20px; } .section-carousel .floor-plan { background-color: black; text-align: center; width: 150px; margin-bottom: 50px; } .section-carousel .floor-plan .image { display: inline-block; width: auto; max-width: 100%; } .section-carousel .floor-plan img { height: 100px; } .section-carousel .thumbnails .owl-item { position: relative; min-width: 150px; margin-bottom: 50px; overflow: hidden; } .section-carousel .thumbnails .owl-item .item { background-color: black; position: relative; text-align: center; margin: 0px 10px; height: 100px; overflow: hidden; } .section-carousel .thumbnails .owl-item .item:after { display: block; content: ""; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 20; } .section-carousel .thumbnails .owl-item.synced .item:after { display: none; background: transparent; } .section-carousel .thumbnails .owl-item img { display: inline-block; max-width: 100%; min-height: 100px; height: auto; } @media screen and (max-width: 991px) { .section-carousel .thumbnails .owl-item img { max-width: 180%; } } .section-carousel .thumbnails .owl-item .owl-next, .section-carousel .thumbnails .owl-item .owl-prev { background-color: #2e2f33; font-family: "FontAwesome"; font-size: 20px; line-height: 42px; color: white; border-radius: 300px; position: absolute; top: 0px; display: inline-block; width: 80px; height: 100px; opacity: 1; } .section-carousel .thumbnails .owl-item .owl-next:hover, .section-carousel .thumbnails .owl-item .owl-prev:hover { background-color: #2e2f33; } .section-carousel .thumbnails .owl-item .owl-prev { left: 20px; } .section-carousel .thumbnails .owl-item .owl-next { right: 20px; } #owl-carousel-lightbox { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; height: 1px; position: relative; } #owl-carousel-lightbox .next, #owl-carousel-lightbox .previous { display: none; position: absolute; z-index: 9999; top: 50%; margin-top: -60px; } #owl-carousel-lightbox .next button, #owl-carousel-lightbox .previous button { margin: 0px; } #owl-carousel-lightbox .next { right: 0px; } #owl-carousel-lightbox .previous { left: 0px; } #owl-carousel-lightbox.active { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); height: auto; } #owl-carousel-lightbox.active .next, #owl-carousel-lightbox.active .previous { display: block; } .pane-area-type #owl-carousel-lightbox.active { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); height: auto; } .pane-area-type #owl-carousel-lightbox.active .next, .pane-area-type #owl-carousel-lightbox.active .previous { display: none; } .pane-area-type .section-carousel .thumbnails { max-height: 200px; } .section-carousel .thumbnails.lightbox-thumbnails { overflow: hidden; width: 100%; } .section-carousel .thumbnails.lightbox-thumbnails .owl-item .item { background-size: cover; background-repeat: no-repeat; margin: 0px 0px 0px 20px; } @media screen and (min-width: 992px) { .section-carousel .thumbnails.lightbox-thumbnails .owl-item .item { height: 190px; } } @media screen and (min-width: 992px) { .section-carousel .col-md-3.no-right-margin { padding-right: 0px; } } .area-carousel-thumbnail-count { background: #fff; height: 190px; margin-top: 20px; -webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */ -moz-box-sizing: border-box; /* Firefox ≤ 28 */ box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */ padding: 20px; position: relative; } @media screen and (max-width: 992px) { .area-carousel-thumbnail-count { height: auto; } } .area-carousel-thumbnail-count h3 { margin: 0px; padding-top: 70px; text-align: center; } @media screen and (max-width: 992px) { .area-carousel-thumbnail-count h3 { padding-top: 0px; } } .area-carousel-thumbnail-count span.count { display: block; text-align: center; } .area-carousel-thumbnail-count:before { content: ""; display: block; width: 94px; height: 94px; position: absolute; top: -15px; left: 50%; margin-left: -47px; background: url('../images/skv_area_photos.png') center center no-repeat transparent; } .area-carousel-thumbnail-count:after { display: block; content: ""; width: 14px; height: 38px; background: url('../images/arrow_left_big.png') center center no-repeat transparent; background-size: cover; position: absolute; top: 50%; margin-top: -19px; left: 100%; } @media screen and (max-width: 992px) { .area-carousel-thumbnail-count:after, .area-carousel-thumbnail-count:before { display: none; } } .owl-theme .owl-controls .owl-buttons div { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); background: #2e2f33; } .owl-theme .owl-controls .owl-buttons div.owl-next, .owl-theme .owl-controls .owl-buttons div.owl-prev { -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-size: 15px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; word-spacing: 0px; color: #7b7b7e; height: 42px; line-height: 38px; top: 50%; margin-top: -21px; } .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f178"; } .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f177"; } .owl-item .item { position: relative; } .owl-item .caption { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.3); color: white; text-align: center; padding: 10px 26px; } .page-uudisyhtio .section-carousel .previous .icon { margin-left: 0px; } .ms-ctn input.ajax-loading { background: url('../images/ajax-loader.gif') no-repeat 95% center #fff; padding: 10px 29px 10px 12px; } .ms-sel-ctn { width: 320px; margin-top: 15px; } .ms-sel-ctn .ms-sel-item { box-shadow: 3px 2px 6px -2px rgba(0, 0, 0, 0.75); display: inline-block; margin-right: 15px; margin-bottom: 7px; background: #d91018; color: #fff; font-size: 12px; font-weight: bold; line-height: 1.2; padding: 5px 25px 5px 10px; position: relative; } .ms-sel-ctn .ms-sel-item span.ms-close-btn { cursor: pointer; background: url('../images/autoselect-close-btn.png') no-repeat; height: 18px; width: 18px; position: absolute; right: 5px; top: 14%; } .ms-helper, .ms-ctn .no-result { font-size: 14px; font-weight: bold; line-height: 1.2; padding: 5px 12px; } .ms-ctn .no-result { display: none; } .ms-ctn .no-result.active { display: block; } .ms-res-ctn.dropdown-menu { position: absolute; z-index: 10; overflow: auto; width: 84.5%; font-size: 14px; font-weight: bold; border: 1px solid #cbcbcb; line-height: 1.2; min-height: 55px; margin-top: 0; } .ms-res-ctn.dropdown-menu:empty { border: 0; } .ms-res-ctn.dropdown-menu .ms-res-group, .ms-res-ctn.dropdown-menu .ms-res-item { padding: 5px 12px; } .ms-res-ctn.dropdown-menu .ms-res-group { color: #888888; background: #f5f5f5; border-bottom: 1px solid #dadbdd; } .ms-res-ctn.dropdown-menu .ms-res-item { background: #fff; cursor: pointer; } .ms-res-ctn.dropdown-menu .ms-res-item em { font-style: normal; } .ms-res-ctn.dropdown-menu .ms-res-item.ms-res-item-active { background: #d91018; color: #fff; } .primary { background-color: #ed1c24; color: white; } .white { background-color: white; } a.primary, p.primary, span.primary, h1.primary, h2.primary, h3.primary, h4.primary, h5.primary, h6.primary { background-color: transparent; color: #ed1c24 !important; } a.white, p.white, span.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white { background-color: transparent; color: white; } .facebook { background-color: #3b5998; } .twitter { background-color: #00aced; } .linkedin { background-color: #0077b5; } div.white, section.white, footer.white, header.white, article.white { background-color: white !important; color: #7b7b7e; } div.white .form-control, section.white .form-control, footer.white .form-control, header.white .form-control, article.white .form-control { background-color: #f4f4f4; border-color: #f4f4f4; } div.white .title, section.white .title, footer.white .title, header.white .title, article.white .title, div.white .description, section.white .description, footer.white .description, header.white .description, article.white .description, div.white details, section.white details, footer.white details, header.white details, article.white details { color: #2e2f33; } div.white a:not(.btn), section.white a:not(.btn), footer.white a:not(.btn), header.white a:not(.btn), article.white a:not(.btn), div.white .primary, section.white .primary, footer.white .primary, header.white .primary, article.white .primary { color: #2e2f33; font-weight: 700; } div.white div.light, section.white div.light, footer.white div.light, header.white div.light, article.white div.light, div.white section.light, section.white section.light, footer.white section.light, header.white section.light, article.white section.light, div.white footer.light, section.white footer.light, footer.white footer.light, header.white footer.light, article.white footer.light, div.white header.light, section.white header.light, footer.white header.light, header.white header.light, article.white header.light, div.white article.light, section.white article.light, footer.white article.light, header.white article.light, article.white article.light { background-color: #f4f4f4 !important; color: #7b7b7e; } div.white .featured .title, section.white .featured .title, footer.white .featured .title, header.white .featured .title, article.white .featured .title { color: white; } div.white.partial-hide:after, section.white.partial-hide:after, footer.white.partial-hide:after, header.white.partial-hide:after, article.white.partial-hide:after, div.white .partial-hide:after, section.white .partial-hide:after, footer.white .partial-hide:after, header.white .partial-hide:after, article.white .partial-hide:after { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* W3C */ } div.primary, section.primary, footer.primary, header.primary, article.primary { background-color: #ed1c24 !important; color: white; } div.primary .form-control, section.primary .form-control, footer.primary .form-control, header.primary .form-control, article.primary .form-control { background-color: white; border-color: white; } div.primary .title, section.primary .title, footer.primary .title, header.primary .title, article.primary .title, div.primary .description, section.primary .description, footer.primary .description, header.primary .description, article.primary .description, div.primary details, section.primary details, footer.primary details, header.primary details, article.primary details { color: white; } div.primary a:not(.btn), section.primary a:not(.btn), footer.primary a:not(.btn), header.primary a:not(.btn), article.primary a:not(.btn), div.primary .primary, section.primary .primary, footer.primary .primary, header.primary .primary, article.primary .primary { color: white; } div.primary .featured .title, section.primary .featured .title, footer.primary .featured .title, header.primary .featured .title, article.primary .featured .title { color: white; } div.primary .btn-primary, section.primary .btn-primary, footer.primary .btn-primary, header.primary .btn-primary, article.primary .btn-primary, div.primary .btn-tertiary, section.primary .btn-tertiary, footer.primary .btn-tertiary, header.primary .btn-tertiary, article.primary .btn-tertiary { background-color: #d91018 !important; color: white; } div.primary .btn-primary:hover, section.primary .btn-primary:hover, footer.primary .btn-primary:hover, header.primary .btn-primary:hover, article.primary .btn-primary:hover, div.primary .btn-tertiary:hover, section.primary .btn-tertiary:hover, footer.primary .btn-tertiary:hover, header.primary .btn-tertiary:hover, article.primary .btn-tertiary:hover { background-color: #3e3f42 !important; color: white !important; } div.primary.partial-hide:after, section.primary.partial-hide:after, footer.primary.partial-hide:after, header.primary.partial-hide:after, article.primary.partial-hide:after, div.primary .partial-hide:after, section.primary .partial-hide:after, footer.primary .partial-hide:after, header.primary .partial-hide:after, article.primary .partial-hide:after { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(237, 28, 36, 0) 0%, #ed1c24 60%, #ed1c24 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #ed1c24), color-stop(100%, #ed1c24)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(237, 28, 36, 0) 0%, #ed1c24 60%, #ed1c24 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(237, 28, 36, 0) 0%, #ed1c24 60%, #ed1c24 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(237, 28, 36, 0) 0%, #ed1c24 60%, #ed1c24 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(237, 28, 36, 0) 0%, #ed1c24 60%, #ed1c24 100%); /* W3C */ } div.gray, section.gray, footer.gray, header.gray, article.gray { background-color: #7b7b7e !important; color: #3e3f42; } div.gray .title, section.gray .title, footer.gray .title, header.gray .title, article.gray .title, div.gray .description, section.gray .description, footer.gray .description, header.gray .description, article.gray .description { color: #2e2f33; } div.gray .featured .title, section.gray .featured .title, footer.gray .featured .title, header.gray .featured .title, article.gray .featured .title { color: white; } div.gray.partial-hide:after, section.gray.partial-hide:after, footer.gray.partial-hide:after, header.gray.partial-hide:after, article.gray.partial-hide:after, div.gray .partial-hide:after, section.gray .partial-hide:after, footer.gray .partial-hide:after, header.gray .partial-hide:after, article.gray .partial-hide:after { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(123, 123, 126, 0) 0%, #7b7b7e 60%, #7b7b7e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #7b7b7e), color-stop(100%, #7b7b7e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(123, 123, 126, 0) 0%, #7b7b7e 60%, #7b7b7e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(123, 123, 126, 0) 0%, #7b7b7e 60%, #7b7b7e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(123, 123, 126, 0) 0%, #7b7b7e 60%, #7b7b7e 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(123, 123, 126, 0) 0%, #7b7b7e 60%, #7b7b7e 100%); /* W3C */ } div.light, section.light, footer.light, header.light, article.light { background-color: #e3e4e6 !important; color: #7b7b7e; } div.light .title, section.light .title, footer.light .title, header.light .title, article.light .title, div.light .description, section.light .description, footer.light .description, header.light .description, article.light .description { color: #3e3f42; } div.light .btn-primary, section.light .btn-primary, footer.light .btn-primary, header.light .btn-primary, article.light .btn-primary { background-color: white; color: #2e2f33; } div.light .btn-primary:focus, section.light .btn-primary:focus, footer.light .btn-primary:focus, header.light .btn-primary:focus, article.light .btn-primary:focus, div.light .btn-primary:hover, section.light .btn-primary:hover, footer.light .btn-primary:hover, header.light .btn-primary:hover, article.light .btn-primary:hover { background-color: #3e3f42; color: white; } div.light .featured .title, section.light .featured .title, footer.light .featured .title, header.light .featured .title, article.light .featured .title { color: white; } div.light a:not(.btn), section.light a:not(.btn), footer.light a:not(.btn), header.light a:not(.btn), article.light a:not(.btn), div.light .primary, section.light .primary, footer.light .primary, header.light .primary, article.light .primary { color: white; } div.light.partial-hide:after, section.light.partial-hide:after, footer.light.partial-hide:after, header.light.partial-hide:after, article.light.partial-hide:after, div.light .partial-hide:after, section.light .partial-hide:after, footer.light .partial-hide:after, header.light .partial-hide:after, article.light .partial-hide:after { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #f4f4f4), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* W3C */ } div.darker, section.darker, footer.darker, header.darker, article.darker { background-color: #3e3f42 !important; color: white; } div.darker .title, section.darker .title, footer.darker .title, header.darker .title, article.darker .title, div.darker .description, section.darker .description, footer.darker .description, header.darker .description, article.darker .description { color: white; } div.darker .btn-primary, section.darker .btn-primary, footer.darker .btn-primary, header.darker .btn-primary, article.darker .btn-primary { background-color: white; color: #2e2f33; } div.darker .btn-primary:focus, section.darker .btn-primary:focus, footer.darker .btn-primary:focus, header.darker .btn-primary:focus, article.darker .btn-primary:focus, div.darker .btn-primary:hover, section.darker .btn-primary:hover, footer.darker .btn-primary:hover, header.darker .btn-primary:hover, article.darker .btn-primary:hover { background-color: #3e3f42; color: white; } div.darker .featured .title, section.darker .featured .title, footer.darker .featured .title, header.darker .featured .title, article.darker .featured .title { color: white; } div.darker a:not(.btn), section.darker a:not(.btn), footer.darker a:not(.btn), header.darker a:not(.btn), article.darker a:not(.btn), div.darker .primary, section.darker .primary, footer.darker .primary, header.darker .primary, article.darker .primary { color: white; } div.darker.partial-hide:after, section.darker.partial-hide:after, footer.darker.partial-hide:after, header.darker.partial-hide:after, article.darker.partial-hide:after, div.darker .partial-hide:after, section.darker .partial-hide:after, footer.darker .partial-hide:after, header.darker .partial-hide:after, article.darker .partial-hide:after { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(62, 63, 66, 0) 0%, #3e3f42 60%, #3e3f42 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #3e3f42), color-stop(100%, #3e3f42)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(62, 63, 66, 0) 0%, #3e3f42 60%, #3e3f42 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(62, 63, 66, 0) 0%, #3e3f42 60%, #3e3f42 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(62, 63, 66, 0) 0%, #3e3f42 60%, #3e3f42 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(62, 63, 66, 0) 0%, #3e3f42 60%, #3e3f42 100%); /* W3C */ } div.darker h1, section.darker h1, footer.darker h1, header.darker h1, article.darker h1, div.darker h2, section.darker h2, footer.darker h2, header.darker h2, article.darker h2, div.darker h3, section.darker h3, footer.darker h3, header.darker h3, article.darker h3, div.darker h4, section.darker h4, footer.darker h4, header.darker h4, article.darker h4, div.darker h5, section.darker h5, footer.darker h5, header.darker h5, article.darker h5, div.darker h6 .h1, section.darker h6 .h1, footer.darker h6 .h1, header.darker h6 .h1, article.darker h6 .h1, div.darker .h2, section.darker .h2, footer.darker .h2, header.darker .h2, article.darker .h2, div.darker .h3, section.darker .h3, footer.darker .h3, header.darker .h3, article.darker .h3, div.darker .h4, section.darker .h4, footer.darker .h4, header.darker .h4, article.darker .h4, div.darker .h5, section.darker .h5, footer.darker .h5, header.darker .h5, article.darker .h5, div.darker .h6, section.darker .h6, footer.darker .h6, header.darker .h6, article.darker .h6 { color: white; } div.dark, section.dark, footer.dark, header.dark, article.dark { background-color: #2e2f33 !important; color: white; } div.dark .title, section.dark .title, footer.dark .title, header.dark .title, article.dark .title, div.dark .description, section.dark .description, footer.dark .description, header.dark .description, article.dark .description { color: white; } div.dark .btn-primary, section.dark .btn-primary, footer.dark .btn-primary, header.dark .btn-primary, article.dark .btn-primary { background-color: white; color: #2e2f33; } div.dark .btn-primary:focus, section.dark .btn-primary:focus, footer.dark .btn-primary:focus, header.dark .btn-primary:focus, article.dark .btn-primary:focus, div.dark .btn-primary:hover, section.dark .btn-primary:hover, footer.dark .btn-primary:hover, header.dark .btn-primary:hover, article.dark .btn-primary:hover { background-color: #3e3f42; color: white; } div.dark a:not(.btn), section.dark a:not(.btn), footer.dark a:not(.btn), header.dark a:not(.btn), article.dark a:not(.btn), div.dark .primary, section.dark .primary, footer.dark .primary, header.dark .primary, article.dark .primary { color: white; } div.dark .featured .title, section.dark .featured .title, footer.dark .featured .title, header.dark .featured .title, article.dark .featured .title { color: white; } div.dark.partial-hide:after, section.dark.partial-hide:after, footer.dark.partial-hide:after, header.dark.partial-hide:after, article.dark.partial-hide:after, div.dark .partial-hide:after, section.dark .partial-hide:after, footer.dark .partial-hide:after, header.dark .partial-hide:after, article.dark .partial-hide:after { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #2e2f33), color-stop(100%, #2e2f33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* W3C */ } div.dark h1, section.dark h1, footer.dark h1, header.dark h1, article.dark h1, div.dark h2, section.dark h2, footer.dark h2, header.dark h2, article.dark h2, div.dark h3, section.dark h3, footer.dark h3, header.dark h3, article.dark h3, div.dark h4, section.dark h4, footer.dark h4, header.dark h4, article.dark h4, div.dark h5, section.dark h5, footer.dark h5, header.dark h5, article.dark h5, div.dark h6 .h1, section.dark h6 .h1, footer.dark h6 .h1, header.dark h6 .h1, article.dark h6 .h1, div.dark .h2, section.dark .h2, footer.dark .h2, header.dark .h2, article.dark .h2, div.dark .h3, section.dark .h3, footer.dark .h3, header.dark .h3, article.dark .h3, div.dark .h4, section.dark .h4, footer.dark .h4, header.dark .h4, article.dark .h4, div.dark .h5, section.dark .h5, footer.dark .h5, header.dark .h5, article.dark .h5, div.dark .h6, section.dark .h6, footer.dark .h6, header.dark .h6, article.dark .h6 { color: white; } span.gray, p.gray { color: #7b7b7e !important; } span.darker, p.darker, .dark span.dark, p.dark { color: #3e3f42 !important; } span.dark, p.dark, .darker span.darker, p.darker { color: #2e2f33 !important; } .partial-hide { position: relative; } .partial-hide:after { content: ""; height: 280px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #f4f4f4), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, #f4f4f4 60%, #f4f4f4 100%); /* W3C */ position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 70; } .pager li > a, .pager li > a.progress-disabled[disabled] { border: 0px; border-radius: 0px; padding: 10px 32px; font-weight: 700; background-color: #ed1c24; color: white; } @media screen and (max-width: 768px) { .pager li > a, .btn { width: 100%; min-width: 0px; max-width: none; display: inline-block; } .item-list .pager li { margin-left: 0px; box-sizing: border-box; display: block; } } p .btn { margin-top: 15px; margin-bottom: 15px; } .pager li > a:hover, .btn-primary:hover { background-color: #d91018; } .btn-secondary { background-color: #e3e4e6; color: #7b7b7e; } .btn-secondary:hover { background-color: #7b7b7e; color: #e3e4e6; } .btn-tertiary { background-color: white; color: #2e2f33; } .btn-tertiary:focus, .btn-tertiary:hover { background-color: #3e3f42; color: white; } .darker .btn-tertiary:hover { background-color: #2e2f33; } .btn-image { background-color: rgba(255, 255, 255, 0.3); color: white; } .btn-image:hover { background-color: rgba(255, 255, 255, 0.6); } .btn-icon { padding: 10px; width: 52px; text-align: center; background-color: white; } .btn-icon, .btn-icon:focus { color: #7b7b7e; } .btn-icon.facebook:hover { background-color: #3b5998; } .btn-icon.twitter:hover { background-color: #00aced; } .btn-icon.linkedin:hover { background-color: #0077b5; } .btn-facebook { background-color: #3b5998; color: white; padding-left: 46px; position: relative; } .btn-facebook .fa-facebook { position: absolute; top: 15px; left: 20px; font-size: 18px; } .btn-facebook:hover { background-color: #2d4373; } .btn-back.more { background-color: #2e2f33; color: #7b7b7e; font-size: 14px; padding: 15px 21px; } .btn-nordea { background-color: #005284; color: white; } @media screen and (max-width: 480px) { #back-to-top { text-align: center; } #back-to-top > a, #back-to-top > a:hover, #back-to-top > a:focus, #back-to-top > a:active, #back-to-top > a:visited { text-decoration: none; } } input, textarea { padding: 10px; border: 0px; border-radius: 0px; outline: 0; } input.search { padding-left: 22px; border: 0px; } .radio label, .checkbox label { position: relative; padding-left: 25px; } .form-item.form-type-checkboxes .form-item { display: inline-block; margin-right: 15px; } .form-item.form-type-checkbox label { line-height: 24px; } .form-item.form-type-checkbox label:before { width: 20px; height: 20px; content: "\200b"; position: absolute; top: 50%; left: 0px; z-index: 1; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); background-color: #f4f4f4; border: 1px solid #7b7b7e; } .form-item.form-type-checkbox input[type="checkbox"] { display: none; } .form-item.form-type-checkbox input[type="checkbox"]:checked + .label-text:after { width: 20px; height: 25px; font-family: "FontAwesome"; font-size: 16px; color: #7b7b7e; content: "\f00c"; position: absolute; top: 50%; left: 2px; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); z-index: 1; } .section-white .form-item.form-type-checkbox label:before, .modal-content .form-item.form-type-checkbox label:before { border-color: transparent; } .primary .form-item.form-type-checkbox label:before, .dark .form-item.form-type-checkbox label:before, .darker .form-item.form-type-checkbox label:before { border-color: transparent; background-color: white; } .primary .form-item.form-type-checkbox input[type="checkbox"]:checked:after { color: #ed1c24; } .dark .form-item.form-type-checkbox input[type="checkbox"]:checked:after { color: #2e2f33; } .darker .form-item.form-type-checkbox input[type="checkbox"]:checked:after { color: #3e3f42; } body:not(.page-admin) { /* set default styles for the checkboxes and radio buttons */ } body:not(.page-admin) .btn-control, body:not(.page-admin) .btn-inline-control { /* hide checkbox and radio inputs from modern browsers */ } body:not(.page-admin) .btn-control input[type='checkbox'], body:not(.page-admin) .btn-inline-control input[type='checkbox'], body:not(.page-admin) .btn-control input[type='radio'], body:not(.page-admin) .btn-inline-control input[type='radio'] { opacity: 0; } body:not(.page-admin) .btn-control { display: block; color: white; margin-bottom: 10px; font-weight: 400; } body:not(.page-admin) .btn-inline-control { display: inline-block; color: white; } body:not(.page-admin) .btn-checkbox, body:not(.page-admin) .btn-radio { width: 21px; height: 21px; display: block; margin: 0px; cursor: pointer; position: relative; font-size: 12px; float: left; margin-right: 15px; } body:not(.page-admin) input[type='checkbox'] + label, body:not(.page-admin) input[type='radio'] + label { line-height: 19px; font-weight: 400; } body:not(.page-admin) input[type='checkbox'] + label span.btn-checkbox, body:not(.page-admin) input[type='radio'] + label span.btn-radio { background: white; } body:not(.page-admin) input[type='checkbox']:disabled + label span.btn-checkbox, body:not(.page-admin) input[type='radio']:disabled + label span.btn-radio { background: #b3b4b6; cursor: not-allowed; } body:not(.page-admin) input[type='radio'] + label span.btn-radio { border-radius: 100px; } body:not(.page-admin) input[type='checkbox']:checked + label span.btn-checkbox:before, body:not(.page-admin) input[type='radio']:checked + label span.btn-radio:before { position: absolute; top: 2px; left: 5px; width: 11px; height: 11px; color: #ed1c24; z-index: 1; font-family: "FontAwesome"; } body:not(.page-admin) input[type='checkbox']:checked + label span.btn-checkbox:before { content: "\f00c"; } body:not(.page-admin) input[type='radio']:checked + label span.btn-radio:before { content: "\f111"; } body:not(.page-admin) .ui-slider-horizontal, body:not(.page-admin) .ui-slider-range { height: 6px; background: #e3e4e6; -webkit-box-shadow: inset 0px 1px 2px rgba(123, 123, 126, 0.4); -moz-box-shadow: inset 0px 1px 2px rgba(123, 123, 126, 0.4); box-shadow: inset 0px 1px 2px rgba(123, 123, 126, 0.4); border-radius: 10px; min-height: 0px; } body:not(.page-admin) .ui-slider-range { background-color: #d91018; } body:not(.page-admin) .ui-slider-handle { border: 0px; border-radius: 100px; width: 20px; height: 20px; top: -7px; background-color: #ed1c24; } body:not(.page-admin) .ui-slider-handle:hover { border: 0px; } body:not(.page-admin) .ui-slider-handle:focus, body:not(.page-admin) .ui-slider-handle:active { border: 0px; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body:not(.page-admin) .ui-slider-vertical .ui-slider-range { width: 6px; min-width: 0px; padding: 0px; } body:not(.page-admin) .ui-slider-vertical .ui-slider-handle { top: auto; left: -7px; } body:not(.page-admin) .transfer-slider .transfer-slider-container { margin-top: 16px; } body:not(.page-admin) .sliderfield .sliderfield-bubble { display: none; border-radius: 0px; border-color: transparent; padding: 6px; top: -39px; margin-left: -100%; width: auto; background-color: #ed1c24; color: white; font-size: 12px; font-weight: 400; } body:not(.page-admin) .ui-slider-handle:hover .sliderfield-bubble { display: inline-block; } body:not(.page-admin) .form-type-slider + .values { margin-top: -10px; margin-bottom: 10px; } body:not(.page-admin) .form-type-slider + .values .left { float: left; } body:not(.page-admin) .form-type-slider + .values .right { float: right; } body:not(.page-admin) .sliderfield-event-field-container, body:not(.page-admin) .sliderfield-event-field-container + .form-item, body:not(.page-admin) .sliderfield-display-values-field { display: none; } body:not(.page-admin) .form-type-slider { position: relative; } body:not(.page-admin) .sliderfield-display-values-field { display: inline-block; position: absolute; top: 0px; right: 0px; } .section.tabs .tabpanel { white-space: nowrap; line-height: 0px; padding-left: 0px; padding-right: 0px; } .section.tabs .tab-buttons { padding-left: 0px; padding-right: 0px; } .section.tabs .tab-content { margin-top: 1px; padding-left: 0px; padding-right: 0px; } .section.tabs .tab-content .tab-pane { padding: 40px 20px; } .section.tabs .nav-tabs { border-bottom: 0px; display: inline-block; } .section.tabs .nav-tabs > li.active > a, .section.tabs .nav-tabs > li.active > a:hover, .section.tabs .nav-tabs > li.active > a:focus { border: 0px; background-color: white; } .section.tabs .nav-tabs > li > a { color: #2e2f33; background-color: #e3e4e6; border: 0px; font-size: 13px; font-weight: bold; margin: 0px; } .section.tabs .nav-tabs > li > a:hover, .section.tabs .nav-tabs > li > a:focus { border: 0px; color: #2e2f33; background-color: white; } @media screen and (max-width: 768px) { .section.tabs .nav-tabs { width: 100%; } .section.tabs .nav-tabs > li { width: 33.333333%; } .section.tabs .nav-tabs > li > a { padding-left: 15px; padding-right: 15px; text-overflow: ellipsis; overflow: hidden; } } @media screen and (max-width: 480px) { .section.tabs .nav-tabs > li { width: 100%; } .section.tabs .nav-tabs > li, .section.tabs .nav-tabs > li > a { background-color: #2e2f33; color: white; } .section.tabs .nav-tabs > li > a:hover, .section.tabs .nav-tabs > li > a:focus { background-color: white; color: #2e2f33; } .section.tabs .nav-tabs > li.active, .section.tabs .nav-tabs > li.active > a { background-color: #e3e4e6; color: #2e2f33; } .section.tabs .nav-tabs > li > a { padding-left: 10px; padding-right: 10px; } } .section.tabs .tab-pane { background-color: white; padding: 15px; text-align: left; white-space: normal; line-height: 24px; } .table-fixed { table-layout: fixed; } .table-fixed td a { display: inline; max-width: 100%; overflow: hidden; word-break: break-all; } .table-fixed td p, .table-fixed td, .table-fixed td div, .table-fixed td img { display: inline-block; max-width: 100%; overflow: hidden; word-break: break-all; } .table-fixed .thumbnails { float: left; min-height: 80px; margin-right: 15px; } .node-type-area .table.table-fixed td img, .node-type-office .table.table-fixed td img, .node-type-broker .table.table-fixed td img, .node-type-nordea .table.table-fixed td img, .node-type-local-media .table.table-fixed td img, .node-type-local-media-article .table.table-fixed td img, .node-type-sponsor .table.table-fixed td img { max-width: none; height: 200px !important; width: auto !important; margin-right: 10px; margin-bottom: 10px; } .icon-wrapper { text-align: center; } .icon-wrapper > p { display: inline-block; } .icon-wrapper .icon { float: left; clear: right; } .fa-stack .fa-circle { color: #7b7b7e; } .fa-stack .fa-inverse { color: #2e2f33; } .icon, .icon:visited, .icon:visited { display: inline-block; text-align: center; color: #2e2f33; text-decoration: none; width: auto; outline: 0; background-color: transparent; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icon .fa-circle, .icon:visited .fa-circle { color: #7b7b7e; } .icon .fa-inverse, .icon:visited .fa-inverse { color: #2e2f33; } .icon .title, .icon:visited .title { display: block; font-size: 13px; color: #3e3f42; padding-top: 18px; } .icon .caption, .icon:visited .caption { display: block; font-size: 13px; } .icon.left, .icon:visited.left { float: left; } .icon.right, .icon:visited.right { float: right; } .darker .icon .fa-circle, .darker .icon:visited .fa-circle, .darker .fa-stack .fa-circle, .dark .icon .fa-circle, .dark .icon:visited .fa-circle, .dark .fa-stack .fa-circle { color: white; } .darker .icon .fa-inverse, .darker .icon:visited .fa-inverse, .darker .fa-stack .fa-inverse, .dark .icon .fa-inverse, .dark .icon:visited .fa-inverse, .dark .fa-stack .fa-inverse { color: #2e2f33; } .icon:focus, .icon:hover { outline: 0; } .icon:focus .fa-circle, .icon:hover .fa-circle { color: #ed1c24; } .icon:focus .fa-inverse, .icon:hover .fa-inverse { color: white; } .fa-stack { text-align: center; } .fa-stack .fa-long-arrow-up { font-size: 0.75em; margin-top: -0.125em; } .fa-stack .fa-stack-sm { font-size: 0.5em; position: relative; z-index: 1; top: 0px; } .fa-stack .fa-stack-1x { font-size: 0.75em; } .primary .fa-circle, .primary .icon .fa-circle, .primary .icon:hover .fa-circle, .primary .icon:link .fa-circle, .primary .icon:visited .fa-circle { color: #d91018; } .primary .fa-inverse, .primary .icon .fa-inverse, .primary .icon:hover .fa-inverse, .primary .icon:link .fa-inverse, .primary .icon:visited .fa-inverse { color: white; } .primary:hover .fa-circle, .primary .icon:hover .fa-circle, .primary .icon:hover:hover .fa-circle, .primary .icon:link:hover .fa-circle, .primary .icon:visited:hover .fa-circle { color: #2e2f33; } .primary:hover .fa-inverse, .primary .icon:hover .fa-inverse, .primary .icon:hover:hover .fa-inverse, .primary .icon:link:hover .fa-inverse, .primary .icon:visited:hover .fa-inverse { color: white; } .dark .icon .fa-circle, .darker .icon .fa-circle, .dark .icon:hover .fa-circle, .darker .icon:hover .fa-circle, .dark .icon:link .fa-circle, .darker .icon:link .fa-circle, .dark .icon:visited .fa-circle, .darker .icon:visited .fa-circle { color: white; } .dark .icon .fa-inverse, .darker .icon .fa-inverse, .dark .icon:hover .fa-inverse, .darker .icon:hover .fa-inverse, .dark .icon:link .fa-inverse, .darker .icon:link .fa-inverse, .dark .icon:visited .fa-inverse, .darker .icon:visited .fa-inverse { color: #2e2f33; } .dark .icon:hover .fa-circle, .darker .icon:hover .fa-circle, .dark .icon:hover:hover .fa-circle, .darker .icon:hover:hover .fa-circle, .dark .icon:link:hover .fa-circle, .darker .icon:link:hover .fa-circle, .dark .icon:visited:hover .fa-circle, .darker .icon:visited:hover .fa-circle { color: #ed1c24; } .dark .icon:hover .fa-inverse, .darker .icon:hover .fa-inverse, .dark .icon:hover:hover .fa-inverse, .darker .icon:hover:hover .fa-inverse, .dark .icon:link:hover .fa-inverse, .darker .icon:link:hover .fa-inverse, .dark .icon:visited:hover .fa-inverse, .darker .icon:visited:hover .fa-inverse { color: white; } .buttons { position: absolute; top: 20px; right: 10px; } .buttons .btn-ball { -webkit-box-shadow: none; box-shadow: none; padding: 0px; } .buttons .btn-ball .fa-circle { color: #e3e4e6; } .buttons .btn-ball .fa-inverse { color: #7b7b7e; } .buttons .btn-ball:hover .fa-circle { color: #7b7b7e; } .buttons .btn-ball:hover .fa-inverse { color: white; } .buttons .btn-ball.active .fa-circle { color: #ed1c24; } .buttons .btn-ball.active .fa-inverse { color: white; } .more { background-color: transparent; } .more:after { font-family: "FontAwesome"; padding-left: 4px; content: "\f178"; } .more.left:after { font-family: "FontAwesome"; padding-left: 4px; content: "\f177"; } .link-more { background-color: transparent; } .link-more, .link-more:active, .link-more:visited, .link-more:focus, .link-more:link { color: white; font-size: 11px; font-weight: bold; text-decoration: none; } .link-more:after { font-family: "FontAwesome"; padding-left: 4px; content: "\f178"; } .link-more.left:after { font-family: "FontAwesome"; padding-left: 4px; content: "\f177"; } div.olMap { z-index: 0; padding: 0 !important; margin: 0 !important; cursor: default; } div.olMapViewport { text-align: left; -ms-touch-action: none; } .page-haku .pane-map-type { opacity: 0; height: 1px; overflow: hidden; } .page-haku .pane-map-type.active { height: auto; overflow: visible; opacity: 1; } .olMapViewport > div { width: 100%; } div.olLayerDiv { -moz-user-select: none; -khtml-user-select: none; } .olLayerGoogleCopyright { left: 2px; bottom: 2px; } .olLayerGoogleV3.olLayerGoogleCopyright { right: auto !important; } .olLayerGooglePoweredBy { left: 2px; bottom: 15px; } .olLayerGoogleV3.olLayerGooglePoweredBy { bottom: 15px !important; } /* GMaps should not set styles on its container */ .olForeignContainer { opacity: 1 !important; } .olControlAttribution { font-size: smaller; right: 3px; bottom: 4.5em; position: absolute; display: block; } .olControlScale { right: 3px; bottom: 3em; display: block; position: absolute; font-size: smaller; } .olControlScaleLine { display: block; position: absolute; left: 10px; bottom: 15px; font-size: xx-small; } .olControlScaleLineBottom { border: solid 2px black; border-bottom: none; margin-top: -2px; text-align: center; } .olControlScaleLineTop { border: solid 2px black; border-top: none; text-align: center; } .olControlPermalink { right: 3px; bottom: 1.5em; display: block; position: absolute; font-size: smaller; } div.olControlMousePosition { bottom: 0; right: 3px; display: block; position: absolute; font-family: Arial; font-size: smaller; } .olControlOverviewMapContainer { position: absolute; bottom: 0; right: 0; } .olControlOverviewMapElement { padding: 10px 18px 10px 10px; background-color: #00008B; -moz-border-radius: 1em 0 0 0; } .olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton { height: 18px; width: 18px; right: 0; bottom: 80px; cursor: pointer; } .olControlOverviewMapExtentRectangle { overflow: hidden; background-image: url("img/blank.gif"); cursor: move; border: 2px dotted red; } .olControlOverviewMapRectReplacement { overflow: hidden; cursor: move; background-image: url("img/overview_replacement.gif"); background-repeat: no-repeat; background-position: center; } .olLayerGeoRSSDescription { float: left; width: 100%; overflow: auto; font-size: 1.0em; } .olLayerGeoRSSClose { float: right; color: gray; font-size: 1.2em; margin-right: 6px; font-family: sans-serif; } .olLayerGeoRSSTitle { float: left; font-size: 1.2em; } .olPopupContent { padding: 5px; overflow: auto; } .olControlNavigationHistory { background-image: url("img/navigation_history.png"); background-repeat: no-repeat; width: 24px; height: 24px; } .olControlNavigationHistoryPreviousItemActive { background-position: 0 0; } .olControlNavigationHistoryPreviousItemInactive { background-position: 0 -24px; } .olControlNavigationHistoryNextItemActive { background-position: -24px 0; } .olControlNavigationHistoryNextItemInactive { background-position: -24px -24px; } div.olControlSaveFeaturesItemActive { background-image: url(img/save_features_on.png); background-repeat: no-repeat; background-position: 0 1px; } div.olControlSaveFeaturesItemInactive { background-image: url(img/save_features_off.png); background-repeat: no-repeat; background-position: 0 1px; } .olHandlerBoxZoomBox { border: 2px solid red; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olHandlerBoxSelectFeature { border: 2px solid blue; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olControlPanPanel { top: 10px; left: 5px; } .olControlPanPanel div { background-image: url(img/pan-panel.png); height: 18px; width: 18px; cursor: pointer; position: absolute; } .olControlPanPanel .olControlPanNorthItemInactive { top: 0; left: 9px; background-position: 0 0; } .olControlPanPanel .olControlPanSouthItemInactive { top: 36px; left: 9px; background-position: 18px 0; } .olControlPanPanel .olControlPanWestItemInactive { position: absolute; top: 18px; left: 0; background-position: 0 18px; } .olControlPanPanel .olControlPanEastItemInactive { top: 18px; left: 18px; background-position: 18px 18px; } .olControlZoomPanel { top: 71px; left: 14px; } .olControlZoomPanel div { background-image: url(img/zoom-panel.png); position: absolute; height: 18px; width: 18px; cursor: pointer; } .olControlZoomPanel .olControlZoomInItemInactive { top: 0; left: 0; background-position: 0 0; } .olControlZoomPanel .olControlZoomToMaxExtentItemInactive { top: 18px; left: 0; background-position: 0 -18px; } .olControlZoomPanel .olControlZoomOutItemInactive { top: 36px; left: 0; background-position: 0 18px; } /* * When a potential text is bigger than the image it move the image * with some headers (closes #3154) */ .olControlPanZoomBar div { font-size: 1px; } .olPopupCloseBox { background: url("img/close.gif") no-repeat; cursor: pointer; } .olFramedCloudPopupContent { padding: 5px; overflow: auto; } .olPopupContent { padding: 5px; } .olPopupCloseBox { background: url("../images/close.png") no-repeat; cursor: pointer; } .olControlNoSelect { -moz-user-select: none; -khtml-user-select: none; } .olImageLoadError { background-color: #7b7b7e; opacity: 0.5; filter: alpha(opacity=50); /* IE */ } /** * Cursor styles */ .olCursorWait { cursor: wait; } .olDragDown { cursor: move; } .olDrawBox { cursor: crosshair; } .olControlDragFeatureOver { cursor: move; } .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { cursor: -moz-grabbing; } /** * Layer switcher */ .olControlLayerSwitcher { position: absolute; top: 25px; right: 0; width: 20em; font-family: sans-serif; font-weight: bold; margin-top: 3px; margin-left: 3px; margin-bottom: 3px; font-size: smaller; color: white; background-color: transparent; } .olControlLayerSwitcher .layersDiv { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; background-color: darkblue; } .olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl { margin-top: 3px; margin-left: 3px; margin-bottom: 3px; } .olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv { padding-left: 10px; } .olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv { width: 18px; height: 18px; top: 5px; right: 0; cursor: pointer; } .olBingAttribution { color: #DDD; } .olBingAttribution.road { color: #333; } .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite { color: #EEE; } .olGoogleAttribution { color: #333; } span.olGoogleAttribution a { color: #77C; } span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a { color: #EEE; } /** * Editing and navigation icons. * (using the editing_tool_bar.png sprint image) */ .olControlNavToolbar, .olControlEditingToolbar { margin: 5px 5px 0 0; } .olControlNavToolbar div, .olControlEditingToolbar div { background-image: url("img/editing_tool_bar.png"); background-repeat: no-repeat; margin: 0 0 5px 5px; width: 24px; height: 22px; cursor: pointer; } /* positions */ .olControlEditingToolbar { right: 0; top: 0; } .olControlNavToolbar { top: 295px; left: 9px; } /* layouts */ .olControlEditingToolbar div { float: right; } /* individual controls */ .olControlNavToolbar .olControlNavigationItemInactive, .olControlEditingToolbar .olControlNavigationItemInactive { background-position: -103px -1px; } .olControlNavToolbar .olControlNavigationItemActive, .olControlEditingToolbar .olControlNavigationItemActive { background-position: -103px -24px; } .olControlNavToolbar .olControlZoomBoxItemInactive, .olControlEditingToolbar .olControlZoomBoxItemInactive { background-position: -128px -1px; } .olControlNavToolbar .olControlZoomBoxItemActive, .olControlEditingToolbar .olControlZoomBoxItemActive { background-position: -128px -24px; } .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { background-position: -77px -1px; } .olControlEditingToolbar .olControlDrawFeaturePointItemActive { background-position: -77px -24px; } .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { background-position: -51px -1px; } .olControlEditingToolbar .olControlDrawFeaturePathItemActive { background-position: -51px -24px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { background-position: -26px -1px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { background-position: -26px -24px; } div.olControlZoom, div.olControlTextButtonPanel { position: absolute; top: 8px; left: 8px; background: rgba(255, 255, 255, 0.4); border-radius: 4px; padding: 2px; } div.olControlZoom a { font-size: 18px; line-height: 19px; height: 22px; width: 22px; padding: 0; } div.olControlZoom a, div.olControlTextButtonPanel .olButton { display: block; margin: 1px; color: white; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; background: #130085; /* fallback for IE - IE6 requires background shorthand*/ background: rgba(0, 60, 136, 0.5); filter: alpha(opacity=80); } div.olControlZoom a:hover, div.olControlTextButtonPanel .olButton:hover { background: #130085; /* fallback for IE */ background: rgba(0, 60, 136, 0.7); filter: alpha(opacity=100); } @media only screen and (max-width: 600px) { div.olControlZoom a:hover, div.olControlTextButtonPanel .olButton:hover { background: rgba(0, 60, 136, 0.5); } } a.olControlZoomIn { border-radius: 4px 4px 0 0; } a.olControlZoomOut { border-radius: 0 0 4px 4px; } /** * TextButtonPanel */ div.olControlTextButtonPanel .olButton { float: left; padding: 4px; } div.olControlTextButtonPanel.vertical .olButton { float: none; } div.olControlTextButtonPanel .olButton:first-child { border-radius: 4px 0 0 4px; } div.olControlTextButtonPanel .olButton:last-child { border-radius: 0 4px 4px 0; } div.olControlTextButtonPanel.vertical .olButton:first-child { border-radius: 4px 4px 0 0; } div.olControlTextButtonPanel.vertical .olButton:last-child { border-radius: 0 0 4px 4px; } /** * Animations */ .olLayerGrid .olTileImage { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } /* Turn on GPU support where available */ .olTileImage { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } /* when replacing tiles, do not show tile and backbuffer at the same time */ .olTileReplacing { display: none; } /* override any max-width image settings (e.g. bootstrap.css) */ img.olTileImage { max-width: none; } /* Custom UI styles */ .olControl-LayerSwitcher { right: 0px; top: 0px; min-width: 18px; height: 100% !important; overflow: hidden; } .olControl-LayerSwitcher > div.layersDiv { background-color: #2e2f33; color: white; padding: 15px; font-size: 12px; width: 25%; float: right; position: relative; } .olControl-LayerSwitcher > div.layersDiv:after { content: ""; height: 60px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #2e2f33), color-stop(100%, #2e2f33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(46, 47, 51, 0) 0%, #2e2f33 60%, #2e2f33 100%); /* W3C */ position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 70; } .olControl-LayerSwitcher .baseLbl, .olControl-LayerSwitcher .dataLbl { font-weight: 700; padding-bottom: 5px; } .olControl-LayerSwitcher .dataLayersDiv { max-height: 408px; overflow: scroll; padding-bottom: 40px; } .olControl-LayerSwitcher .dataLayersDiv .olButton { margin-right: 6px; clear: left; } .olControl-LayerSwitcher .minimizeDiv { position: absolute; top: 0px; right: 25%; } .olControl-LayerSwitcher input[type="radio"], .olControl-LayerSwitcher input[type="checkbox"] { margin-top: 0px; } .olControl-LayerSwitcher input[type="radio"] { margin-bottom: 8px; margin-right: 6px; } .panel-pane.pane-map-type { position: relative; } #SKVInfo.olPopup { margin-left: -211px; margin-top: -82px; position: relative; display: block; background-color: white; padding: 15px; padding-right: 20px; width: 205px; z-index: 750; line-height: 18px; font-size: 12px; overflow: visible !important; -webkit-box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.4); } #SKVInfo.olPopup .name { font-weight: 700; } #SKVInfo.olPopup .category { display: block; } #SKVInfo.olPopup .olAlphaImg[style] { position: absolute !important; width: 40px !important; height: 45px !important; right: 0px; top: 50px; } #SKVInfo.olPopup #SKVInfo_GroupDiv[style], #SKVInfo.olPopup #SKVInfo_contentDiv[style] { position: static !important; width: auto !important; } .page-haku .olAlphaImg { cursor: pointer; } .page-haku .olAlphaImg:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .page-haku #info { position: absolute; top: 0px; left: -360px; background: #fff; z-index: 999; height: 100%; width: 360px; overflow: hidden; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -webkit-transition: all transform 0.3s ease ease-out; -moz-transition: all transform 0.3s ease ease-out; -o-transition: all transform 0.3s ease ease-out; transition: all transform 0.3s ease ease-out; } .page-haku #info.active { -webkit-transform: translate(420px, 0px); -moz-transform: translate(420px, 0px); -o-transform: translate(420px, 0px); -ms-transform: translate(420px, 0px); transform: translate(420px, 0px); } .page-haku #info .close { position: absolute; right: 0px; top: 0px; z-index: 99; background: #ed1c24; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; display: block; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .page-haku #info .close:hover { background: #d91018; } .page-haku #info h4 { margin-top: 0px; } .page-haku #info .property-special-tags { position: absolute; top: 10px; left: 0px; } .page-haku #info .property-special-tags .special-label-container.newproperty.card { margin-bottom: 5px; } .page-haku #info .property-special-tags .special-label-container.newproperty.card span.special-label { display: block; padding: 5px 10px; background: #d91018; color: #fff; font-size: 14px; font-weight: normal; clear: both; margin-bottom: 5px; } @media screen and (min-width: 992px) { .page-haku #info .property-special-tags .special-label-container.newproperty.card span.special-label { padding-left: 30px; } } .page-haku #info .content { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; } .page-haku #info .content .link-more.primary { font-size: 15px; } @media screen and (min-width: 992px) { .page-haku #info .content { height: 245px; position: relative; } .page-haku #info .content .link-more.primary { position: absolute; bottom: 20px; right: 30px; } .page-haku #info .content span.price { position: absolute; bottom: 20px; left: 30px; } } @media screen and (max-width: 1169px) { .page-haku #info .content { padding: 20px 30px; } } .page-haku #info .content .title { font-size: 18px; margin-top: 0px; margin-bottom: 15px; min-height: 56px; overflow: visible; } .page-haku #info .content .description { font-size: 16px; margin-bottom: 0px; min-height: 20px; overflow: visible; font-weight: normal; } .page-haku #info .content .construction-year { font-size: 16px; font-weight: normal; } .page-haku #info .content .price { font-size: 18px; font-weight: 700; color: #3e3f42; display: block; float: left; } .page-haku #info .content .link-more { float: right; padding-top: 6px; } .page-haku .image { overflow: hidden; text-align: center; background-color: white; color: white; white-space: nowrap; background-color: #2e2f33; } .page-haku .image img { min-width: 100%; margin: 0px; } .page-haku .image a { display: block; width: 100%; height: 100%; } #skvInfo.olPopup { margin-left: -246px; margin-top: -82px; position: relative; display: block; background-color: white; padding: 15px; padding-right: 20px; width: 205px; z-index: 750; line-height: 18px; font-size: 12px; overflow: visible !important; } #skvInfo.olPopup .olAlphaImg[style] { position: absolute !important; width: 40px !important; height: 45px !important; right: 0px; top: 50px; } #skvInfo.olPopup #skvInfo_GroupDiv[style], #skvInfo.olPopup #skvInfo_contentDiv[style] { position: static !important; width: auto !important; } #skvInfo .name { font-weight: 700; } #skvInfo .category { display: block; } .skv-article .view-skv-views-current-list.view-display-id-sidebar .list-item { padding-left: 0px; padding-right: 0px; } .skv-article .main > .image { margin-top: 15px; } .skv-article .icon { margin: 0px 0px; margin-right: -10px; } .skv-article a.icon { display: inline-block; margin: 0px; } .skv-article .details .title { margin-top: 20px; padding-left: 0px; margin-bottom: 0px; } .skv-article .main > .body { margin-top: 15px; } .skv-article .main > .body iframe { max-width: 100%; } .skv-article .side > .title { margin-top: -54px; margin-bottom: 0px; } .skv-article .some { padding-right: 0px; text-align: left; } .skv-article .some strong { color: #2e2f33; padding-right: 15px; } .skv-article .some .fa-inverse { color: white; } .skv-article .body ul, .skv-article .body ol { padding-left: 20px; } .skv-article .body h5 { margin-top: 24px; } .skv-article blockquote { color: #ed1c24; padding: 0px 0px; margin: 15px 0px; margin-left: -60px; border-left: 1px solid #ed1c24; padding-left: 60px; position: relative; -webkit-transition: margin-left 200ms ease-out; /* Safari */ -moz-transition: margin-left 200ms ease-out; /* Safari */ -ms-transition: margin-left 200ms ease-out; /* Safari */ -o-transition: margin-left 200ms ease-out; /* Safari */ transition: margin-left 200ms ease-out; } .skv-article blockquote:before { content: "\201C"; display: block; position: absolute; left: 20px; top: -18px; font-size: 60px; font-family: "Arial"; } @media screen and (max-width: 1290px) and (min-width: 1170px) { .skv-article blockquote { margin-left: 0px; } } @media screen and (max-width: 1170px) and (min-width: 992px) { .skv-article blockquote { margin-left: 0px; } } @media screen and (max-width: 850px) and (min-width: 768px) { .skv-article blockquote { margin-left: 0px; } } @media screen and (max-width: 767px) { .skv-article .side > .title { margin-top: 30px; margin-bottom: 15px; } .skv-article blockquote { margin-left: 0px; } } .node-type-article .body.panel-panel { padding-bottom: 80px; } @media screen and (max-width: 767px) { .node-type-article .body.panel-panel { padding-bottom: 30px; } } .search-result-pane { text-align: center; } @media screen and (min-width: 1170px) { .search-result-pane { text-align: left; } } .search-result-pane .item-count-wrapper { text-align: center; } .search-result-pane .item-count-wrapper span { line-height: 36px; color: #3e3f42; font-weight: 400; margin-bottom: 30px; display: block; font-size: 24px; } .pane-latest-residences-list h2 { text-align: center; margin-top: 62px; margin-bottom: 40px; } .pane-latest-residences-list .item-count-wrapper { display: none; } .section { margin: 0px auto; padding: 75px 0px; } @media screen and (max-width: 767px) { .section { padding: 35px 0px; } } .section .panel-heading .name { display: inline-block; margin: 20px; margin-left: 5px; margin-top: 5px; padding: 0px; } .section .icon { margin-bottom: 10px; } .section .icon.left { margin-right: 5px; margin-left: 0px; padding-left: 0px; text-align: left; } .section .icon.left .fa-circle { color: #2e2f33; } .section .icon.left .fa-inverse { color: white; } .section .icon.right { margin-right: 0px; margin-bottom: 0px; padding-right: 0px; text-align: right; } .section .icon.right .fa-circle { color: #e3e4e6; } .section .icon.right .fa-plus, .section .icon.right .fa-minus { color: #2e2f33; } .section .icon.right.collapsed.skv-collapsed .fa-minus:before { content: "\f067"; } .section .icon.right:hover .fa-circle { color: #2e2f33; } .section .icon.right:hover .fa-plus, .section .icon.right:hover .fa-minus { color: white; } .section .name { margin-top: 0px; } .section .collapse.in { margin-bottom: 30px; } .section .segment { position: relative; } .section .segment .icon.right { position: absolute; right: 0px; top: 7px; margin: 0px; } .section .segment .icon.right:hover .fa-plus, .section .segment .icon.right:hover .fa-minus { color: #2e2f33; } .section .image-link { margin-left: 10px; } .section .list-group-item:first-child { padding-top: 0px; } @media screen and (max-width: 480px) { } .section-white { background-color: white; } .section-search { padding-top: 40px; padding-bottom: 40px; } .section-featured { padding-top: 75px; padding-bottom: 75px; } .section-featured .container > .title { margin-top: 0px; margin-bottom: 15px; } .section-featured .container > .description { padding-bottom: 30px; } .section-featured .row { margin-bottom: 30px; } .section-featured .gridcol .featured { margin-bottom: 30px; } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-featured .gridcol .featured { height: 1024px; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) { .section-featured .gridcol .featured { height: 768px; } } @media screen and (device-aspect-ratio: 40/71) { .section-featured .gridcol .featured { height: 500px; } } @media screen and (min-width: 992px) { .col-lg-3 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-lg-3 { height: 260px; } .col-lg-4 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-lg-4 { height: 360px; } .col-lg-6 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-lg-6 { height: 560px; } } @media screen and (min-width: 768px) and (max-width: 1169px) { .col-md-3 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-md-3 { height: 205px; } .col-md-4 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-md-4 { height: 286.656px; } .col-md-6 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-md-6 { height: 450px; } } @media screen and (min-width: 480px) and (max-width: 991px) { .col-sm-3 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-sm-3 { height: 150px; } .col-sm-4 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-sm-4 { height: 213.328px; } .col-sm-6 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-sm-6 { height: 340px; } .col-sm-12 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-sm-12 { height: 720px; } } @media screen and (max-width: 767px) { .col-xs-12 .section-featured .gridcol .featured, .col-sm-12 .section-featured .gridcol .featured, .col-md-12 .section-featured .gridcol .featured, .col-lg-12 .section-featured .gridcol .featured, .section-featured .gridcol .featured.col-xs-12, .section-featured .gridcol .featured.col-sm-12, .section-featured .gridcol .featured.col-md-12, .section-featured .gridcol .featured.col-lg-12 { width: calc(85vw); width: 100vw; max-width: 320px; height: calc(85vw); heigth: 100vw; max-height: 320px; float: none; clear: both; display: block; margin: 0 auto; } } @media screen and (max-width: 767px) { .section-featured .gridcol .featured { margin-bottom: 15px; max-width: 100% !important; } } .section-featured .gridcol.col-xs-12 .featured { height: 620px; } .section-featured .gridcol.col-sm-4 .featured { height: 400px; } .section-featured .gridcol.col-sm-6 .featured { height: 560px; } .section-featured .gridcol.col-md-3 .featured { height: 260px; } .section-featured .gridcol.col-lg-3 .featured { height: 260px; } .section-featured .gridcol.col-md-4 .featured { height: 360px; } .section-featured .gridcol.col-lg-4 .featured { height: 360px; } @media screen and (max-width: 1169px) { .section-featured .gridcol.col-xs-12 .featured { height: 450px; } .section-featured .gridcol.col-sm-4 .featured { height: 400px; } .section-featured .gridcol.col-sm-6 .featured { height: 450px; } .section-featured .gridcol.col-md-3 .featured { height: 205px; } .section-featured .gridcol.col-lg-3 .featured { height: 205px; } .section-featured .gridcol.col-md-4 .featured { height: 286px; } .section-featured .gridcol.col-lg-4 .featured { height: 360px; } } @media screen and (max-width: 991px) { .section-featured .gridcol.col-xs-12 .featured { height: 340px; } .section-featured .gridcol.col-sm-4 .featured { height: 253px; overflow: hidden; word-break: break-all; } .section-featured .gridcol.col-sm-6 .featured { height: 340px; } .section-featured .gridcol.col-md-3 .featured { height: 340px; margin-bottom: 30px; } .section-featured .gridcol.col-md-3:nth-of-type(2n+1) { display: block; float: left; } .section-featured .gridcol.col-lg-3 .featured { height: 340px; } .section-featured .gridcol.col-md-4 .featured { height: 213px; } .section-featured .gridcol.col-lg-4 .featured { height: 340px; } } @media screen and (max-width: 767px) { .section-featured { padding-top: 35px; padding-bottom: 35px; } .section-featured .row { white-space: normal; } .section-featured .row:last-of-type { margin-bottom: 0px; } .section-featured .gridcol.col-xs-12 .featured, .section-featured .gridcol.col-sm-4 .featured, .section-featured .gridcol.col-sm-6 .featured, .section-featured .gridcol.col-md-3 .featured, .section-featured .gridcol.col-md-4 .featured, .section-featured .gridcol.col-lg-3 .featured, .section-featured .gridcol.col-lg-4 .featured { height: 340px; overflow: hidden; word-break: normal; margin-bottom: 40px; } } .section-office-services { padding-bottom: 75px; padding-top: 75px; position: relative; max-height: none; overflow: hidden; } @media screen and (max-width: 767px) { .section-office-services { padding-bottom: 35px; padding-top: 35px; } } .section-office-services .description { margin-bottom: 40px; } .section-office-services.partial-hide { max-height: 786px; } .section-office-services .show-all { display: block; margin: 0 auto; position: relative; z-index: 80; } .section-office-services.partial-hide .show-all { position: absolute; left: 50%; bottom: 50px; margin-left: -74px; } @media screen and (max-width: 768px) { .section-office-services { padding-left: 15px; padding-right: 15px; } .section-office-services.partial-hide { max-height: 570px; } .section-office-services:after { height: 240px; } .section-office-services.partial-hide .show-all { position: absolute; bottom: 0px; left: 0px; padding: 10px; width: auto; margin: 15px; } .section-office-services .show-all { margin-top: 10px; position: static; white-space: normal; } .section-office-services .gridcol.gridborder.col-xs-12.col-sm-6.col-md-3 { float: left; } } .section-search .header { position: relative; } .section-search .header .title { text-align: center; padding-bottom: 30px; } @media screen and (max-width: 767px) { .section-search .header .title { display: block; text-align: center; } .section-search .header .buttons { display: block; text-align: center; position: static; } .section-search .header .buttons .btn { display: inline-block; width: auto; } } .section-media, .section-nordea { padding-top: 75px; padding-bottom: 75px; } .section-media.panel-skv, .section-nordea.panel-skv { margin-bottom: 60px; } @media screen and (max-width: 767px) { .section-media, .section-nordea { padding-top: 35px; padding-bottom: 35px; } .section-media.panel-skv, .section-nordea.panel-skv { margin-bottom: 0px; } } .section-media .header .title, .section-nordea .header .title { margin-top: 0px; } .section-media .header .description, .section-nordea .header .description { padding-bottom: 30px; } .section-nordea .header .title { margin-top: 0px; margin-bottom: 30px; } .section-nordea .header .description { margin-bottom: 50px; } .section-nordea .name, .section-nordea .address, .section-nordea .business { display: block; } .section-nordea .content.partial { text-align: center; padding-bottom: 30px; } .section-nordea .partial:after { display: none; } .section-nordea .partial { position: relative; } .section-nordea .partial .employees { height: auto; overflow: hidden; } .section-nordea .partial:after { display: none; } .section-nordea .partial-hide .employees { max-height: 520px; } .section-nordea .partial-hide .employees .clearfix, .section-nordea .partial-hide .employees .clearfix > div { display: none; } .section-nordea .partial-hide .employees .clearfix:first-of-type, .section-nordea .partial-hide .employees .clearfix:first-of-type > div { display: block; } .section-nordea .btn-nordea { margin: 0 auto; margin-top: 0px; } .section-nordea .show-all { cursor: pointer; } .section-nordea .card.nordea-person .content { padding-left: 0px; padding-right: 0px; } .section-nordea .card.nordea-person .show-all { padding-left: 0px; } .section-nordea .row.details { margin-bottom: 30px; } .section-nordea .row.segment-content { text-align: left; } @media screen and (max-width: 991px) { .section-nordea .details.small { margin-bottom: 40px; } .page-kohde .section-nordea > .container { padding-left: 0px; padding-right: 0px; } .section-nordea .partial-hide .employees { margin-bottom: 30px; } .section-nordea .partial-hide .employees .clearfix > div { display: none; } .section-nordea .partial-hide .employees .clearfix:first-of-type > div:first-of-type { display: block; } } .page-kohde .section-nordea .partial-hide .employees { max-height: 320px; } .section-property-nordea .logo { margin-bottom: 15px; } .section-property-nordea .card.nordea-person .content, .section-property-nordea .card.nordea-person .show-all { padding-left: 0px; padding-right: 0px; } .section-property-nordea .row.employees { margin-left: -20px; margin-right: -20px; } .section-property-nordea .collapse.in { margin-bottom: 20px; } .section-purchase { padding-bottom: 75px; padding-top: 75px; } @media screen and (max-width: 767px) { .section-purchase { padding-bottom: 35px; padding-top: 35px; } } .section-purchase .partial:after { display: none; } .section-purchase .partial { position: relative; } .section-purchase .partial .purchase-assignment { height: auto; overflow: hidden; } .section-purchase .partial.partial-hide .purchase-assignment { max-height: 460px; } .section-purchase .pager .pager-next { padding: 0px 20px; } .section-purchase .pager .pager-next a, .section-purchase .pager .pager-next a:visited, .section-purchase .pager .pager-next a:active, .section-purchase .pager .pager-next a:focus, .section-purchase .pager .pager-next a.pro { background-color: #ed1c24; color: white; } .section-purchase .pager .pager-next a:hover { background-color: #d91018; color: white; } .section-purchase .item-list .pager-load-more { padding-bottom: 45px; } .section-office-services .container.center:before, .section-purchase .container.center:before, .section-brokers .container.center:before, .section-featured .container.center:before, .section-skv-sponsor-list .container.center:before, .section-broker-search .container.center:before, .pane-bundle-text .container.center:before { display: none; } .section-office-services h2, .section-purchase h2, .section-brokers h2, .section-featured h2, .section-skv-sponsor-list h2, .section-broker-search h2, .pane-bundle-text h2 { margin-top: 0px; } .panel-skv { background-color: transparent; border: 0px; border-radius: 0px; width: 100%; padding: 0px; padding-bottom: 70px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media screen and (max-width: 991px) { .panel-skv { margin-bottom: 0px; padding-bottom: 20px; clear: both; } } .panel-skv > .panel-heading { background-color: transparent; border-bottom: 0px; padding: 0px; width: 100%; } .panel-skv > .panel-body { background-color: white; padding: 15px 40px; padding-bottom: 30px; width: 100%; } .panel-skv > .panel-body.transparent { background-color: transparent; } .panel-full > .panel-heading, .panel-full > .panel-body, .panel-full.panel-skv > .panel-heading, .panel-full.panel-skv > .panel-body { padding: 0px; } .office-map-container { overflow: hidden; } .office-map-container #info { display: none; } .office.header .information { margin-top: 40px; padding-bottom: 70px; } #related_areas h2 { font-size: 36px; font-weight: 200; } #related_areas .related-area { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } #related_areas .related-area:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } #related_areas .related-area .related-area-inner { height: 240px; background-size: cover; background-color: #e3e4e6; width: 100%; position: relative; margin-bottom: 20px; } @media screen and (min-width: 1170px) { #related_areas .related-area .related-area-inner { height: 170px; } } @media screen and (min-width: 992px) { #related_areas .related-area .related-area-inner { margin-bottom: 40px; } } #related_areas .related-area .related-area-inner a { position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; } #related_areas .related-area .related-area-inner h3 { color: #fff; font-family: "Open Sans"; position: absolute; bottom: 30px; left: 30px; margin: 0; padding: 0; font-weight: 200; font-size: 25px; text-decoration: none; border: none; } @media screen and (min-width: 1170px) { #related_areas .related-area.parent-related-area .related-area-inner { height: 380px; } } .load-more-content { position: relative; } .load-more-content .load-more-content-expand, .load-more-content .load-more-content-collapse { position: absolute; display: block; width: 200px; left: 50%; margin-left: -100px; bottom: 20px; z-index: 10; } .load-more-content.collapsed { max-height: 300px; overflow: hidden; } .load-more-content.collapsed:after { display: block; content: ""; width: 100%; height: 135px; background: url("../images/gradient_bottom.png") bottom left repeat-x; position: absolute; bottom: 0px; z-index: 9; } .load-more-content.collapsed .load-more-content-collapse { display: none; } .load-more-content.expanded { padding-bottom: 80px; max-height: 999999px; } .load-more-content.expanded:after { display: none; } .load-more-content.expanded .load-more-content-expand { display: none; } .load-more-content.expanded .load-more-content-collapse { display: block; } .pane-propertystory-type .story.presentation-video { overflow: hidden; position: relative; height: 1px; width: 100%; float: left; clear: both; padding-bottom: 57%; margin-top: 15px; margin-bottom: 5px; } .pane-propertystory-type .story.presentation-video iframe { position: absolute; width: 100% !important; height: 100% !important; top: 0px; left: 0px; } .pane-propertystory-type .story-content-body, .pane-propertystory-type .story-highlights { background: #fff; } .pane-propertystory-type .story-content-body .segment-content p, .pane-propertystory-type .story-highlights .segment-content p { margin-bottom: 20px; } .pane-propertystory-type .story-content-body { margin-bottom: 5px; } .pane-propertystory-type .owl-theme .owl-controls { margin-top: 0px; } .pane-propertystory-type .section-carousel .previous .icon, .pane-propertystory-type .section-carousel .next .icon { margin-top: 15px; } .pane-propertystory-type .section-carousel .thumbnails { margin-top: 15px; } .pane-propertystory-type .story-highlights { margin-top: 15px; padding-bottom: 30px; } .pane-propertystory-type .story.share, .pane-propertystory-type .story.info { width: 100%; float: left; margin-top: 15px; } .pane-propertystory-type .story.info { margin-bottom: 50px; } .pane-propertystory-type .owners-top-3 ul { list-style: none; padding: 0; } .pane-propertystory-type .owners-top-3 ul li { width: 30%; float: left; margin: 0 5%; background-image: url("../images/top_3_2.png"); background-repeat: no-repeat; background-position: top center; padding-top: 140px; display: block; text-align: center; margin-top: 15px; } @media screen and (max-width: 767px) { .pane-propertystory-type .owners-top-3 ul li { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-left: 0px; margin-right: 0px; margin-top: 40px; clear: both; } } .pane-propertystory-type .owners-top-3 ul li.first, .pane-propertystory-type .owners-top-3 ul li.last { margin-left: 0px; margin-right: 0px; } .pane-propertystory-type .owners-top-3 ul li.first { background-image: url("../images/top_3_1.png"); } .pane-propertystory-type .owners-top-3 ul li.last { background-image: url("../images/top_3_3.png"); } #section-local-new-listing .row.content { margin-bottom: 40px; } #section-local-new-listing .row.content .card.card-list .card-list-container { min-height: 382px; background: #fff; } @media screen and (max-width: 991px) { #section-local-new-listing .row.content .card.card-list .card-list-container { min-height: 0px; } } @media screen and (max-width: 767px) { #section-local-new-listing .row.content .card.card-list .card-list-container { min-height: auto; margin-top: 15px; } } #section-local-new-listing .row.content .card.card-list .card-list-container .local-media-article { padding-top: 0px; padding-bottom: 0px; height: auto; border: none; } #section-local-new-listing .row.content .card.card-list .card-list-container .local-media-article div { padding: 10px 0; border-bottom: 1px solid #f4f4f4; } #section-local-new-listing .row.content .card.card-list .card-list-container .local-media-article div h5 { border: none; margin-bottom: 0px; } #section-local-new-listing .row.content .card.card-list .card-list-container .local-media-article div span { margin-top: 0px; } .pane-map-type { padding: 50px 0px; } @media screen and (max-width: 767px) { .pane-map-type { padding: 0px; } } #page .node .field-name-body img { height: auto !important; max-width: 100%; } #page .node .field-name-body picture[data-picture-mapping="inline_small"] img, #page .node .field-name-body picture[data-picture-mapping="inline_smallest"] img { margin-bottom: 10px; } @media screen and (max-width: 480px) { #page .node .field-name-body picture[data-picture-mapping="inline_small"] img, #page .node .field-name-body picture[data-picture-mapping="inline_smallest"] img { width: 100%; } } @media screen and (min-width: 480px) { #page .node .field-name-body picture[data-picture-mapping="inline_small"][data-picture-align="right"] img, #page .node .field-name-body picture[data-picture-mapping="inline_smallest"][data-picture-align="right"] img { float: right; margin-right: 0px; margin-left: 20px; } } @media screen and (min-width: 480px) { #page .node .field-name-body picture[data-picture-mapping="inline_small"] img { width: auto; float: left; margin-right: 20px; } } @media screen and (min-width: 480px) and (max-width: 768px) { #page .node .field-name-body picture[data-picture-mapping="inline_small"] img { width: 50%; } } @media screen and (min-width: 992px) { #page .node .field-name-body picture[data-picture-mapping="inline_small"] img { width: 50%; } } @media screen and (min-width: 480px) { #page .node .field-name-body picture[data-picture-mapping="inline_smallest"] img { width: 25%; float: left; margin-right: 20px; } } @media screen and (min-width: 480px) and (max-width: 768px) { #page .node .field-name-body picture[data-picture-mapping="inline_smallest"] img { width: 33%; } } #page .node .field-name-body picture[data-picture-mapping="inline_large"] img { border: 0; vertical-align: bottom; height: auto; width: auto; } #page .node .field-name-body hr { clear: both; border-top: none; border-bottom: 1px solid #ccc; } #page .node .field-name-body table { border-color: $gray; width: 100% !important; } #page .node .field-name-body table td, #page .node .field-name-body table th { padding: 5px; border-color: $gray; } #page .node .field-name-body a { text-decoration: none; color: $orange; display: inline-block; } #page .node .field-name-body a:hover { color: $orange; text-decoration: underline; } .teaser { display: block; color: #7b7b7e; } .teaser:hover { color: #7b7b7e; text-decoration: none; } .teaser .image { width: 70px; height: 70px; overflow: hidden; border-radius: 300px; background-color: white; text-align: center; white-space: nowrap; margin-right: 20px; } .teaser .image:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .teaser .image img { display: inline-block; vertical-align: middle; width: auto; max-width: 100%; height: auto; } .teaser .title { margin-top: 0px !important; } .teaser .date { display: block; margin-top: 10px; margin-bottom: 0px; color: #7b7b7e; font-weight: 400; font-size: 13px; } @media screen and (min-width: 767px) and (max-width: 991px) { .teaser .image { width: 106px; height: 106px; margin: 0 auto; margin-bottom: 10px; text-align: center; float: none; } .teaser .title { margin-top: 20px !important; margin-bottom: 0px; } .teaser .date { margin-top: 0px; } } .teaser.area { padding: 0px; margin-bottom: 30px; background-color: white; text-align: left; line-height: 52px; overflow: hidden; white-space: nowrap; } .teaser.area .content { display: inline-block; padding: 0px 15px; height: 52px; width: auto; white-space: nowrap; } .teaser.area .image { display: inline-block; width: 80px; height: 52px; border-radius: 0px; float: left; margin-right: 0px; position: relative; z-index: 20; } .teaser.area .image img { margin-top: -4px; height: 100%; min-width: 100%; max-width: none; } .teaser.area .title { font-size: 15px; text-align: left; color: #ed1c24; margin: 0px; display: inline-block; position: relative; z-index: 10; } @media screen and (max-width: 768px) { .teaser.area { margin-bottom: 15px; } } .white .teaser.area { background-color: #f4f4f4; } .featured { display: block; color: white; position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-size: cover; background-position: center; } .featured:after { display: block; content: ""; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 20; -webkit-transition: opacity 250ms linear; -moz-transition: opacity 250ms linear; -ms-transition: opacity 250ms linear; -o-transition: opacity 250ms linear; -webkit-transition: all opacity 250ms linear ease-out; -moz-transition: all opacity 250ms linear ease-out; -o-transition: all opacity 250ms linear ease-out; transition: all opacity 250ms linear ease-out; background-blend-mode: multiply; } .featured:hover:after { opacity: 0; } .featured:hover .tags .tag { background-color: rgba(0, 0, 0, 0.25); } .featured .tags { position: absolute; z-index: 21; top: 0px; right: 40px; left: 40px; text-align: left; white-space: nowrap; overflow: hidden; } .featured .tags .tag { display: inline-block; background-color: rgba(255, 255, 255, 0.25); background-blend-mode: multiply; margin-right: 5px; padding: 10px 15px; color: white; font-size: 13px; font-weight: 700; } .featured .content { position: absolute; color: white; right: 40px; bottom: 25px; left: 40px; z-index: 50; text-align: left; } .featured:hover .title { text-decoration: underline; } .featured .title { display: inline; color: white; text-overflow: ellipsis; line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media screen and (max-width: 767px) { .featured { margin-bottom: 40px; } .featured .tags .tag:nth-of-type(n+1) { display: none; } } @media screen and (max-width: 991px) { .section-featured .row { white-space: normal; } } .primary .featured:after, .dark .featured:after, .darker .featured:after, .gray .featured:after { display: block; content: ""; background-color: rgba(255, 255, 255, 0.65); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 20; -webkit-transition: opacity 250ms linear; -moz-transition: opacity 250ms linear; -ms-transition: opacity 250ms linear; -o-transition: opacity 250ms linear; -webkit-transition: all opacity 250ms linear ease-out; -moz-transition: all opacity 250ms linear ease-out; -o-transition: all opacity 250ms linear ease-out; transition: all opacity 250ms linear ease-out; background-blend-mode: multiply; } .primary .featured .title, .dark .featured .title, .darker .featured .title, .gray .featured .title { color: black; } .list-link, .card { margin: 0 auto; margin-bottom: 40px; box-sizing: border-box; text-align: left; } .list-link .title, .card .title { max-height: 80px; overflow: hidden; display: inline-block; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .list-link .image, .card .image { width: 100%; height: 230px; overflow: hidden; text-align: center; background-color: white; color: white; white-space: nowrap; } .list-link .image:before, .card .image:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .list-link .image img, .card .image img { display: inline-block; vertical-align: middle; width: auto; min-width: 100%; max-width: none; height: auto; min-height: 100%; left: 50%; position: relative; margin-left: -100%; } .list-link .card-detail-wrapper, .card .card-detail-wrapper, .list-link .content, .card .content { background-color: white; padding: 30px; padding-top: 15px; } .list-link .card-detail-wrapper .title, .card .card-detail-wrapper .title, .list-link .content .title, .card .content .title { margin-bottom: 15px; border-bottom: 0px; } .list-link .card-detail-wrapper .description, .card .card-detail-wrapper .description, .list-link .content .description, .card .content .description { font-weight: 400; margin-bottom: 30px; } .list-link .card-detail-wrapper .construction-year, .card .card-detail-wrapper .construction-year, .list-link .content .construction-year, .card .content .construction-year { font-weight: normal; font-size: 16px; } .list-link .card-detail-wrapper .link-more, .card .card-detail-wrapper .link-more, .list-link .content .link-more, .card .content .link-more { font-size: 15px; padding-top: 6px; } .card.card-list { padding: 0px 20px; margin: 0px; } .card.card-list .teaser { background-color: white; padding: 5px 30px; border-bottom: 1px solid #f4f4f4; height: 107px; line-height: 30px; } .card.card-list .teaser .title { font-size: 13px; line-height: 18px; height: 40px; overflow: hidden; display: block; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } @media screen and (max-width: 991px) { .card.card-list .teaser .title { height: auto; } } .card.card-list .teaser:last-of-type { padding-bottom: 3px; } .card.local-media { margin-bottom: 40px; } .card.local-media .description { max-height: 130px; overflow: hidden; display: block; display: -webkit-box; line-clamp: 6; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; } .card.local-media .image img { min-height: 0px; max-width: 100%; } .card.nordea-person { background-color: white; padding-bottom: 0px; margin-bottom: 0px; } .card.nordea-person .content { position: relative; overflow: hidden; padding-bottom: 0px; margin-bottom: 15px; } .card.nordea-person .content .name { color: #2e2f33; } .card.nordea-person .content .name, .card.nordea-person .content .job, .card.nordea-person .content .phone, .card.nordea-person .content .mail { display: block; } .card.nordea-person .content .phone, .card.nordea-person .content .mail { color: #005284; } .card.nordea-person .content .description { margin-bottom: 15px; } .card.nordea-person .content.show { height: auto; } .card.nordea-person .content.show.partial:after { display: none; } .card.nordea-person .content.partial { text-align: left; } .card.nordea-person .content.partial:after { display: block; content: ""; height: 70px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); /* W3C */ position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 70; } .card.nordea-person a, .card.nordea-person a:hover, .card.nordea-person a:visited, .card.nordea-person a:focus { color: #005284; } .card.nordea-person.show { min-height: 460px; } .card.nordea-person.show .content { height: auto; } .card.nordea-person.show .content:after { display: none; } .card.nordea-person.show .show-all { display: none; } .card.nordea-person .image { height: 160px; background-color: #005284; } .card.nordea-person .image.placeholder .lazy { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: auto; width: 100%; height: 100%; } .card.nordea-person .show-all { font-weight: 700; padding: 0px 30px; color: #005284; } .card.nordea-person .show-all:hover { text-decoration: none; } @media screen and (max-width: 767px) { .card.nordea-person { min-height: 0px; margin-bottom: 15px; padding-bottom: 0px; } } .card.purchase-assignment { height: auto; margin-top: 15px; margin-bottom: 15px; } .card.purchase-assignment .content { padding: 30px; min-height: 0px; max-height: none; } .card.purchase-assignment .content p { margin-bottom: 0px; } .card.purchase-assignment .btn-primary { width: 100%; margin-top: 15px; margin-bottom: 0px; } .card.local-media-article .description { max-height: 130px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .card.local-media-article .image img { min-height: 0px; max-width: 100%; } .card.property { margin: 0 auto; margin-bottom: 40px; box-sizing: border-box; position: relative; } .card.property .image { margin-bottom: 30px; margin-bottom: 0px; overflow: hidden; background-color: white; color: white; max-height: 300px; } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .card.property .image { height: 1024px; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) { .card.property .image { height: 768px; } } @media screen and (device-aspect-ratio: 40/71) { .card.property .image { height: 500px; } } @media screen and (min-width: 992px) { .col-lg-3 .card.property .image, .card.property .image.col-lg-3 { height: 260px; } .col-lg-4 .card.property .image, .card.property .image.col-lg-4 { height: 360px; } .col-lg-6 .card.property .image, .card.property .image.col-lg-6 { height: 560px; } } @media screen and (min-width: 768px) and (max-width: 1169px) { .col-md-3 .card.property .image, .card.property .image.col-md-3 { height: 205px; } .col-md-4 .card.property .image, .card.property .image.col-md-4 { height: 286.656px; } .col-md-6 .card.property .image, .card.property .image.col-md-6 { height: 450px; } } @media screen and (min-width: 480px) and (max-width: 991px) { .col-sm-3 .card.property .image, .card.property .image.col-sm-3 { height: 150px; } .col-sm-4 .card.property .image, .card.property .image.col-sm-4 { height: 213.328px; } .col-sm-6 .card.property .image, .card.property .image.col-sm-6 { height: 340px; } .col-sm-12 .card.property .image, .card.property .image.col-sm-12 { height: 720px; } } @media screen and (max-width: 767px) { .col-xs-12 .card.property .image, .col-sm-12 .card.property .image, .col-md-12 .card.property .image, .col-lg-12 .card.property .image, .card.property .image.col-xs-12, .card.property .image.col-sm-12, .card.property .image.col-md-12, .card.property .image.col-lg-12 { width: calc(85vw); width: 100vw; max-width: 320px; height: calc(85vw); heigth: 100vw; max-height: 320px; float: none; clear: both; display: block; margin: 0 auto; } } .card.property .image:before { height: 1px; display: none; } .card.property .image img { max-width: none; min-height: 100%; } .card.property .image.skv-logo { line-height: 230px; background-color: #ed1c24; } .card.property .image.skv-logo img { position: static; margin-left: 0px; width: auto !important; height: auto; min-width: 0px; min-height: 0px; } .card.property .image.skv-logo .housing-image { max-height: 104%; } .card.property .property-special-tags { position: absolute; top: 10px; left: 20px; } .card.property .property-special-tags .special-label-container.newproperty.card { margin-bottom: 5px; } .card.property .property-special-tags .special-label-container.newproperty.card span.special-label { display: block; padding: 5px 10px; background: #d91018; color: #fff; font-size: 14px; font-weight: normal; clear: both; margin-bottom: 5px; } @media screen and (min-width: 992px) { .card.property .property-special-tags .special-label-container.newproperty.card span.special-label { padding-left: 30px; } } .card.property .content { background-color: white; padding: 30px; float: left; width: 100%; } @media screen and (min-width: 992px) { .card.property .content { height: 245px; position: relative; } .card.property .content .link-more.primary { position: absolute; bottom: 21px; right: 30px; } .card.property .content .link-more.primary:hover { color: #d91018; } .card.property .content span.price { position: absolute; bottom: 20px; left: 30px; } } @media screen and (max-width: 1169px) { .card.property .content { padding: 20px 30px; } } .card.property .content .title { font-size: 18px; margin-top: 0px; margin-bottom: 15px; min-height: 56px; overflow: visible; } .card.property .content .description { font-size: 16px; margin-bottom: 0px; min-height: 20px; overflow: visible; } .card.property .content .price { font-size: 18px; font-weight: 700; color: #3e3f42; display: block; float: left; } .card.property .content .link-more { float: right; padding-top: 6px; } @media screen and (max-width: 767px) { .card.property { max-width: 400px; overflow: hidden; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } .card.property .image { height: 200px !important; width: 100% !important; overflow: hidden; max-width: 400px !important; } .card.property .image img { display: inline-block; left: 0px; width: 100%; margin-left: 0px; } .card.property .content { padding: 20px; position: relative; } .card.property .content .title { margin-bottom: 10px; min-height: 50px; } .card.property .content .description { margin-bottom: 0px; } .card.property .content .price { display: block; margin-bottom: 20px; float: none; } .card.property .content .link-more { padding-bottom: 15px; position: static; float: none; background-color: #ed1c24; color: white !important; padding: 15px; width: 100%; display: block; float: left; } .card.property .content .link-more:hover { background-color: #d91018; color: white; } .card.property .property-special-tags { left: 0px; } .card.property .property-special-tags .special-label-container.newproperty.card span.special-label { padding-left: 20px; } } .search-result-list .list-link { margin: 0 auto 40px; box-sizing: border-box; position: relative; display: block; vertical-align: top; width: 300px; } @media screen and (min-width: 768px) { .search-result-list .list-link { margin: 0 0 40px; display: inline-block; width: 40%; } .search-result-list .list-link:nth-child(2n) { margin: 0 0 40px 20px; } } @media screen and (min-width: 1170px) { .search-result-list .list-link { width: 31%; } .search-result-list .list-link:nth-child(2n) { margin: 0 0 40px; } .search-result-list .list-link:nth-child(3n+2) { margin: 0 3% 40px; } } .search-result-list .list-link:focus { text-decoration: none; } .search-result-list .list-link .card-top > img { width: 100%; height: 200px; max-width: 100%; } @media screen and (min-width: 1170px) { .search-result-list .list-link .card-top > img { height: 230px; } } .search-result-list .list-link .card-top .placeholder-image { background-color: #ed1c24; text-align: center; line-height: 200px; } @media screen and (min-width: 1170px) { .search-result-list .list-link .card-top .placeholder-image { line-height: 230px; } } .search-result-list .list-link .next-showing { display: none; } .search-result-list .list-link .special-label-container { position: absolute; top: 10px; left: 0; } .search-result-list .list-link .special-label-container .special-label { display: block; padding: 5px 10px; background: #d91018; color: #fff; font-size: 14px; font-weight: normal; clear: both; margin-bottom: 5px; } .search-result-list .list-link .special-label-container .special-label img { display: none; } @media screen and (min-width: 992px) { .search-result-list .list-link .special-label-container .special-label { padding-left: 30px; } } .search-result-list .list-link .card-detail-wrapper { background-color: white; padding: 30px; width: 100%; color: #7b7b7e; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; float: none; } @media screen and (min-width: 992px) { .search-result-list .list-link .card-detail-wrapper { height: 245px; } .search-result-list .list-link .card-detail-wrapper .link-more.primary { position: absolute; bottom: 21px; right: 30px; } .search-result-list .list-link .card-detail-wrapper .link-more.primary:hover { color: #d91018; } .search-result-list .list-link .card-detail-wrapper span.price { position: absolute; bottom: 20px; left: 30px; } } @media screen and (max-width: 1169px) { .search-result-list .list-link .card-detail-wrapper { padding: 20px 30px; } } .search-result-list .list-link .card-detail-wrapper .title { font-size: 18px; margin-top: 0px; margin-bottom: 15px; min-height: 56px; overflow: visible; font-weight: 700; color: #3e3f42; } .search-result-list .list-link .card-detail-wrapper .room-specs { font-size: 16px; margin-bottom: 0px; min-height: 20px; overflow: visible; } .search-result-list .list-link .card-detail-wrapper .price { font-size: 18px; font-weight: 700; color: #3e3f42; display: block; } .search-result-list .list-link .card-detail-wrapper .link-more { float: right; padding-top: 6px; } .property.list.item { width: 100%; margin-bottom: 20px; } .property.list.item .image { padding-left: 0px; } .property.list.item .image img { height: 100%; max-width: none; } .property.list.item > .address, .property.list.item > .details, .property.list.item > .price { line-height: 100px; } .property.list.item > .address .title, .property.list.item > .details .title, .property.list.item > .price .title { border-bottom: 0px; line-height: 22px; position: static; display: inline-block; margin-bottom: 0px; padding-bottom: 0px; position: relative; top: 10px; } .property.list.item > .address .description, .property.list.item > .details .description, .property.list.item > .price .description { margin-bottom: 0px; padding-bottom: 0px; } .property.list.item > .price { line-height: 22px; } .property.list.item > .price .amount { display: block; font-weight: bold; padding-bottom: 0px; padding-top: 28px; } .property.header { margin: 50px 0px; margin-top: 16px; max-width: none; } .property.header .introlink { text-decoration: none; color: inherit; } .property.header .title { font-weight: 700; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .property.header .description { color: #7b7b7e; } .property.header .price, .property.header .date { display: block; text-align: right; } .property.header .price .primary, .property.header .date .primary { font-weight: 700; } .property.header .profile.card { margin-top: 30px; } .property.header .actions-row .btn { display: inline-block; width: auto; font-size: 12px; padding: 10px 26px; float: left; margin-right: 10px; } .property.header .actions-row .btn-facebook { padding-right: 15px; padding-left: 35px; max-width: 192px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .property.header .actions-row .btn-facebook .fa-facebook { left: 12px; top: 12px; } .property.header .builders { line-height: 65px; text-align: right; margin-bottom: 15px; } .property.header .builders .name { padding-right: 15px; } .property.header .builders .image { display: inline-block; width: 65px; height: 65px; line-height: 45px; background-color: white; border-radius: 360px; overflow: hidden; padding: 10px; vertical-align: middle; } .property.header .builders:first-of-type { margin-top: -110px; } .property.header .builders:last-of-type { margin-bottom: 30px; } @media screen and (max-width: 991px) { .property.header .builders:first-of-type { margin-top: 20px; } .property.header .builders { text-align: left; display: inline-block; margin-right: 20px; margin-bottom: 0px; } .property.header .builders .image { margin-bottom: 15px; vertical-align: top; } .property.header .builders .name { padding-left: 15px; padding-right: 0px; } .property.header .builders:last-of-type { margin-top: 0px; margin-bottom: 20px; } } @media screen and (max-width: 580px) { .property.header .builders { display: block; } } #label_can_contact_card { margin-left: -24px; } #can_contact_card { position: relative; top: 4px; z-index: 10; width: 21px; height: 21px; cursor: pointer; } @media screen and (max-width: 767px) { .property-carousel { margin: 0 auto; padding-top: 18px; position: relative; } .property-carousel .owl-controls { position: absolute; top: 0px; } .property-carousel .owl-controls .owl-buttons .owl-prev { position: absolute; left: -15px; z-index: 10; top: 180px; background-color: transparent; border-radius: 0px; opacity: 0.4; line-height: 0px; } .property-carousel .owl-controls .owl-buttons .owl-next { position: absolute; right: -15px; top: 180px; background-color: transparent; border-radius: 0px; opacity: 0.4; line-height: 0px; } .property-carousel .owl-controls .owl-buttons .fa { font-size: 50px; position: relative; top: 5px; color: #2e2f33; } } #property-search-link-list { width: 100%; list-style: none; text-align: center; position: relative; padding: 0px; font-size: 0px; } #property-search-link-list li { width: 20%; display: inline-block; padding: 0px; margin: 0px; position: relative; font-size: 18px; } @media screen and (max-width: 1169px) { #property-search-link-list li { width: 50%; } } @media screen and (max-width: 991px) { #property-search-link-list li { width: 100%; } } #property-search-link-list li a { display: block; text-align: center; background: #7b7b7e; color: #fff; cursor: pointer; height: 60px; line-height: 60px; font-weight: normal; font-size: 18px; text-decoration: none; } #property-search-link-list li a:hover, #property-search-link-list li a.active { background: #fff; color: #3e3f42; text-decoration: none; } .pane-realia-odata-panes-residences .section-section .row h2.title { margin-top: 62px; margin-bottom: 40px; white-space: normal; } #property-details.panel { padding-top: 0px; } #property-details.panel .collapse.in { margin-bottom: 0px; } #asemapiirros .panel-heading { padding-left: 0px; padding-right: 0px; } #order-prochure-card .required, #order-prochure-panel .required { color: #F0EC34; } #order-prochure-card { padding: 20px; } #order-prochure-panel { margin-top: 0px; } #order-prochure-panel .order-prochure-panel { padding: 40px; background-color: #d91018 !important; } #order-prochure-panel .order-prochure-panel .btn { background-color: #ed1c24 !important; } .brochure_label { padding-left: 25px; margin-top: -25px; } #btn-order-brochure-panel.open { background-color: #d91018; } @media screen and (max-width: 767px) { .page-kohde .list-group-item > div:first-of-type { font-weight: bold; color: #7b7b7e; } } #mktoForm_1191, #mktoForm_1322, #mktoForm_1187 { width: 100% !important; font-family: "Open Sans" !important; font-size: 15px !important; } #mktoForm_1191 .mktoError, #mktoForm_1322 .mktoError, #mktoForm_1187 .mktoError { right: 0px !important; } #mktoForm_1191 .mktoFormRow, #mktoForm_1322 .mktoFormRow, #mktoForm_1187 .mktoFormRow { width: 48% !important; float: left; margin-right: 1%; clear: none !important; } @media screen and (max-width: 1169px) { #mktoForm_1191 .mktoFormRow, #mktoForm_1322 .mktoFormRow, #mktoForm_1187 .mktoFormRow { width: 100% !important; margin-right: 0px !important; } } #mktoForm_1191 .mktoFormRow .mktoHtmlText, #mktoForm_1322 .mktoFormRow .mktoHtmlText, #mktoForm_1187 .mktoFormRow .mktoHtmlText { width: 100% !important; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor { width: 100% !important; float: left; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap { width: 100% !important; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label span, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label span, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label span, #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label span strong, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label span strong, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label span strong { display: block; clear: both; width: auto !important; color: #3e3f42 !important; font-weight: 300 !important; margin-bottom: 3px !important; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label strong, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label strong, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label strong { position: relative; padding: 0px !important; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label .mktoAsterix, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label .mktoAsterix, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label .mktoAsterix, #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label strong .mktoAsterix, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label strong .mktoAsterix, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap label strong .mktoAsterix { position: absolute; right: -20px; top: 0px; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text], #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text], #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text], #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel], #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel], #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel], #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email], #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email], #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email], #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea { width: 100% !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #e3e4e6; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text]:focus, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text]:focus, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text]:focus, #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel]:focus, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel]:focus, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel]:focus, #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email]:focus, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email]:focus, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email]:focus, #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea:focus, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea:focus, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea:focus { border: 1px solid #7b7b7e; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text], #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text], #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=text], #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel], #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel], #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=tel], #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email], #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email], #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input[type=email] { height: 40px; line-height: 40px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px !important; } #mktoForm_1191 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea, #mktoForm_1322 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea, #mktoForm_1187 .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap textarea { height: 90px; } #mktoForm_1191 button[type=submit], #mktoForm_1322 button[type=submit], #mktoForm_1187 button[type=submit] { box-shadow: none !important; border: none !important; background: #d91018 !important; color: #fff !important; font-weight: bold !important; padding-left: 20px !important; padding-right: 20px !important; } #mktoForm_1191 .mktoButtonRow, #mktoForm_1322 .mktoButtonRow, #mktoForm_1187 .mktoButtonRow { display: block; clear: both; width: 100% !important; } #mktoForm_1191 .mktoButtonRow .mktoButtonWrap, #mktoForm_1322 .mktoButtonRow .mktoButtonWrap, #mktoForm_1187 .mktoButtonRow .mktoButtonWrap { margin: 0px !important; } #mktoForm_1191 .mktoFormRow:nth-child(7), #mktoForm_1191 .mktoFormRow:nth-child(8), #mktoForm_1322 .mktoFormRow:nth-child(8), #mktoForm_1322 .mktoFormRow:nth-child(9), #mktoForm_1187 .mktoFormRow:nth-child(9), #mktoForm_1187 .mktoFormRow:nth-child(10) { width: 100% !important; } #mktoForm_1191 .mktoFormRow:nth-child(7) .mktoOffset, #mktoForm_1191 .mktoFormRow:nth-child(8) .mktoOffset, #mktoForm_1322 .mktoFormRow:nth-child(8) .mktoOffset, #mktoForm_1322 .mktoFormRow:nth-child(9) .mktoOffset, #mktoForm_1187 .mktoFormRow:nth-child(9) .mktoOffset, #mktoForm_1187 .mktoFormRow:nth-child(10) .mktoOffset { display: none; } #mktoForm_1191 .mktoFormRow:nth-child(7) .mktoFieldDescriptor .mktoFieldWrap, #mktoForm_1191 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap, #mktoForm_1322 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap, #mktoForm_1322 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap, #mktoForm_1187 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap, #mktoForm_1187 .mktoFormRow:nth-child(10) .mktoFieldDescriptor .mktoFieldWrap { width: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative !important; } #mktoForm_1191 .mktoFormRow:nth-child(7) .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1191 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1322 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1322 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1187 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap label, #mktoForm_1187 .mktoFormRow:nth-child(10) .mktoFieldDescriptor .mktoFieldWrap label { margin-left: 20px; } #mktoForm_1191 .mktoFormRow:nth-child(7) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList, #mktoForm_1191 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList, #mktoForm_1322 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList, #mktoForm_1322 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList, #mktoForm_1187 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList, #mktoForm_1187 .mktoFormRow:nth-child(10) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList { display: block; width: 13px !important; height: 13px !important; position: absolute; top: 0px; left: 0px; padding: 0px !important; } #mktoForm_1191 .mktoFormRow:nth-child(7) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label, #mktoForm_1191 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label, #mktoForm_1322 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label, #mktoForm_1322 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label, #mktoForm_1187 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label, #mktoForm_1187 .mktoFormRow:nth-child(10) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label { width: 13px !important; height: 13px !important; display: block; margin: 0px !important; padding: 0px !important; position: absolute !important; top: 2px !important; left: 0px !important; } #mktoForm_1191 .mktoFormRow:nth-child(7) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label:before, #mktoForm_1191 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label:before, #mktoForm_1322 .mktoFormRow:nth-child(8) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label:before, #mktoForm_1322 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label:before, #mktoForm_1187 .mktoFormRow:nth-child(9) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label:before, #mktoForm_1187 .mktoFormRow:nth-child(10) .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label:before { margin: 0px !important; padding: 0px !important; top: 0px !important; } #mktoForm_1187 .mktoFormRow:nth-child(2) { width: 100% !important; } #mktoForm_1187 .mktoFormRow:nth-child(2) .mktoCheckboxList { width: 100% !important; padding: 0px !important; } #mktoForm_1187 .mktoFormRow:nth-child(2) .mktoCheckboxList label:before { top: 3px !important; } .skv-user { display: block; width: 100%; line-height: 13px; } #realia-masteri-search-form-builder .form-item.form-item-HousingCompanyLocation label, #realia-kivi-search-form .form-item.form-item-HousingCompanyLocation label { float: none; clear: both; } .chosen-container-multi .chosen-choices li.search-field input[style] { width: 100% !important; } .progress.active .progress-bar, .progress-bar.active, .progress-striped .progress-bar, .progress-bar-striped { background-image: none; } /* Broker page contact form */ .page-kiinteistonvalittaja .webform-client-form, .broker-page .webform-client-form { background: #333; margin: 0 15px 40px ; padding-bottom: 20px; /* title + description */ /* Checkbox related */ /*.form-item.form-type-checkbox label:before { top: 0; }*/ /* Smaller text below the checkbox */ } .page-kiinteistonvalittaja .webform-client-form .form-item, .broker-page .webform-client-form .form-item, .page-kiinteistonvalittaja .webform-client-form .form-actions, .broker-page .webform-client-form .form-actions { padding: 0 20px; } .page-kiinteistonvalittaja .webform-client-form .webform-component--description, .broker-page .webform-client-form .webform-component--description { background: #f4f4f4; padding-bottom: 20px; } @media screen and (min-width: 768px) { .page-kiinteistonvalittaja .webform-client-form .webform-component-textfield, .broker-page .webform-client-form .webform-component-textfield, .page-kiinteistonvalittaja .webform-client-form .webform-component-email, .broker-page .webform-client-form .webform-component-email { width: 50%; float: left; } } .page-kiinteistonvalittaja .webform-client-form label, .broker-page .webform-client-form label, .page-kiinteistonvalittaja .webform-client-form .webform-component--disclaimer, .broker-page .webform-client-form .webform-component--disclaimer, .page-kiinteistonvalittaja .webform-client-form .webform-component--permit-details, .broker-page .webform-client-form .webform-component--permit-details, .page-kiinteistonvalittaja .webform-client-form .form-required, .broker-page .webform-client-form .form-required { color: white; } .page-kiinteistonvalittaja .webform-client-form a, .broker-page .webform-client-form a { color: white; font-weight: bold; } .page-kiinteistonvalittaja .webform-client-form .form-item.form-type-checkbox, .broker-page .webform-client-form .form-item.form-type-checkbox { padding-left: 0; } .page-kiinteistonvalittaja .webform-client-form .webform-component--permit-details, .broker-page .webform-client-form .webform-component--permit-details { font-size: 12px; } .apsis-contact-form-wrapper { padding-bottom: 80px; } .realia-apsis-form { padding-bottom: 0 !important; } .no-bottom-whitespace { padding-bottom: 0 !important; margin-bottom: 0 !important; } .page-ostamassa .realia-apsis-forms-pane.section, .page-myymassa .realia-apsis-forms-pane.section { padding-top: 0; } .realia-apsis-form .form-item { margin: 1.5em 0; } .realia-apsis-form .form-item .form-item { margin: 0; } .realia-apsis-forms-pane .pane-title { text-align: left; } .realia-apsis-form .form-item.form-type-textfield .placeholder, .realia-apsis-form .form-item.form-type-textarea .placeholder { left: 32px; } .realia-apsis-form .form-item.form-type-checkbox label:before { background-color: #ffffff; } .realia-apsis-form .form-item .placeholder .asterix { color: #c00; } .youtube-embed-container { position: relative; height: 1px; padding: 50% 0; padding-top: 0; } .youtube-embed-container .youtube-embed { position: absolute; width: 100%; height: 100%; } #realia-masteri-search-form-builder label, #realia-kivi-search-form label, #realia-masteri-search-form-builder .fieldset-legend, #realia-kivi-search-form .fieldset-legend { font-size: 18px; color: #3C3C3C; margin-bottom: 10px; font-weight: bold !important; line-height: 22px; margin-top: 0px; width: 100%; clear: both; height: 38px; } #realia-masteri-search-form-builder input[type=text], #realia-kivi-search-form input[type=text] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: "Open Sans", Arial, sans-serif; background-color: #fff; } #realia-masteri-search-form-builder .chosen-container.chosen-container-multi, #realia-kivi-search-form .chosen-container.chosen-container-multi { background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: "Open Sans", Arial, sans-serif; } #realia-masteri-search-form-builder .form-item.form-type-checkbox input[type="checkbox"]:checked:after, #realia-kivi-search-form .form-item.form-type-checkbox input[type="checkbox"]:checked:after { top: -1px; left: -5px; } #realia-masteri-search-form-builder .form-item.form-type-radios.form-item label, #realia-kivi-search-form .form-item.form-type-radios.form-item label { height: 20px !important; line-height: 20px !important; font-weight: normal !important; } #realia-masteri-search-form-builder .form-item.form-type-checkboxes, #realia-kivi-search-form .form-item.form-type-checkboxes, #realia-masteri-search-form-builder .form-item.form-type-checkbox, #realia-kivi-search-form .form-item.form-type-checkbox { margin-top: 0px; margin-bottom: 0px; } #realia-masteri-search-form-builder .form-item.form-type-checkboxes label, #realia-kivi-search-form .form-item.form-type-checkboxes label, #realia-masteri-search-form-builder .form-item.form-type-checkbox label, #realia-kivi-search-form .form-item.form-type-checkbox label { height: 24px; line-height: 24px; margin-bottom: 0px !important; font-weight: normal !important; } #realia-masteri-search-form-builder .form-item-Id, #realia-kivi-search-form .form-item-Id { clear: both; } #realia-masteri-search-form-builder .form-item-Unique, #realia-kivi-search-form .form-item-Unique { display: none; } #realia-masteri-search-form-builder .form-item.form-type-checkboxes > label, #realia-kivi-search-form .form-item.form-type-checkboxes > label, #realia-masteri-search-form-builder .form-item.form-type-radios.form-item > label, #realia-kivi-search-form .form-item.form-type-radios.form-item > label { margin-bottom: 10px !important; height: 38px !important; line-height: 38px !important; font-weight: bold !important; } #realia-masteri-search-form-builder .search-form-top-actions-wrapper, #realia-kivi-search-form .search-form-top-actions-wrapper { display: none; } #realia-masteri-search-form-builder > div, #realia-kivi-search-form > div { width: 100%; } #realia-masteri-search-form-builder > div .form-wrapper, #realia-kivi-search-form > div .form-wrapper, #realia-masteri-search-form-builder > div fieldset .panel-body, #realia-kivi-search-form > div fieldset .panel-body, #realia-masteri-search-form-builder > div .panel-default > .panel-heading, #realia-kivi-search-form > div .panel-default > .panel-heading, #realia-masteri-search-form-builder > div .panel-default, #realia-kivi-search-form > div .panel-default { background: transparent; padding: 0px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #realia-masteri-search-form-builder > div .form-wrapper .form-item, #realia-kivi-search-form > div .form-wrapper .form-item { margin-bottom: 0px !important; } #realia-masteri-search-form-builder > div .chosen-choices, #realia-kivi-search-form > div .chosen-choices { border: none !important; padding: 0 !important; background: transparent !important; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #realia-masteri-search-form-builder > div .chosen-choices li.search-choice, #realia-kivi-search-form > div .chosen-choices li.search-choice { border: none !important; background: transparent !important; box-shadow: none !important; padding-left: 0px; } #realia-masteri-search-form-builder > div .more-criterias, #realia-kivi-search-form > div .more-criterias { margin: 15px 0; text-align: center; *zoom: 1; } #realia-masteri-search-form-builder > div .more-criterias:before, #realia-kivi-search-form > div .more-criterias:before, #realia-masteri-search-form-builder > div .more-criterias:after, #realia-kivi-search-form > div .more-criterias:after { display: table; line-height: 0; content: ""; } #realia-masteri-search-form-builder > div .more-criterias:after, #realia-kivi-search-form > div .more-criterias:after { clear: both; } #realia-masteri-search-form-builder > div .more-criterias .criteria-toggler, #realia-kivi-search-form > div .more-criterias .criteria-toggler { color: #ed1c24; font-weight: bold; cursor: pointer; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper { display: none; } #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-item, #realia-kivi-search-form > div .search-form-top-wrapper > .form-item, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item, #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-wrapper, #realia-kivi-search-form > div .search-form-top-wrapper > .form-wrapper, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper { width: 32%; float: left; margin-right: 2%; margin-top: 15px; margin-bottom: 15px; } @media screen and (max-width: 480px) { #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-item, #realia-kivi-search-form > div .search-form-top-wrapper > .form-item, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item, #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-wrapper, #realia-kivi-search-form > div .search-form-top-wrapper > .form-wrapper, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper { width: 100%; clear: both; } } #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-item.form-item-PropertyType, #realia-kivi-search-form > div .search-form-top-wrapper > .form-item.form-item-PropertyType, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-PropertyType, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-PropertyType, #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-wrapper.form-item-PropertyType, #realia-kivi-search-form > div .search-form-top-wrapper > .form-wrapper.form-item-PropertyType, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-PropertyType, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-PropertyType, #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-item#edit-combinedpricefield, #realia-kivi-search-form > div .search-form-top-wrapper > .form-item#edit-combinedpricefield, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item#edit-combinedpricefield, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item#edit-combinedpricefield, #realia-masteri-search-form-builder > div .search-form-top-wrapper > .form-wrapper#edit-combinedpricefield, #realia-kivi-search-form > div .search-form-top-wrapper > .form-wrapper#edit-combinedpricefield, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper#edit-combinedpricefield, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper#edit-combinedpricefield { margin-bottom: 30px; } #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield, #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedpricefield, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedpricefield, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedlivingarea, #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedlivingarea, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea, #realia-masteri-search-form-builder > div .search-form-top-wrapper .form-item-NewProperty, #realia-kivi-search-form > div .search-form-top-wrapper .form-item-NewProperty, #realia-masteri-search-form-builder > div .search-form-middle-wrapper .form-item-NewProperty, #realia-kivi-search-form > div .search-form-middle-wrapper .form-item-NewProperty { margin-right: 0; } #realia-masteri-search-form-builder > div .search-form-top-wrapper, #realia-kivi-search-form > div .search-form-top-wrapper { width: 100%; padding-top: 20px; *zoom: 1; } #realia-masteri-search-form-builder > div .search-form-top-wrapper:before, #realia-kivi-search-form > div .search-form-top-wrapper:before, #realia-masteri-search-form-builder > div .search-form-top-wrapper:after, #realia-kivi-search-form > div .search-form-top-wrapper:after { display: table; line-height: 0; content: ""; } #realia-masteri-search-form-builder > div .search-form-top-wrapper:after, #realia-kivi-search-form > div .search-form-top-wrapper:after { clear: both; } #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit_propertytype_chosen, #realia-kivi-search-form > div .search-form-top-wrapper #edit_propertytype_chosen, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit_plottype_chosen, #realia-kivi-search-form > div .search-form-top-wrapper #edit_plottype_chosen { width: 100% !important; min-height: 38px; height: auto; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #realia-masteri-search-form-builder > div fieldset > .fieldset-wrapper, #realia-kivi-search-form > div fieldset > .fieldset-wrapper { float: left; width: 100%; } #realia-masteri-search-form-builder > div fieldset > .fieldset-wrapper > .form-item, #realia-kivi-search-form > div fieldset > .fieldset-wrapper > .form-item { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 47%; float: left; margin: 0px; } @media screen and (max-width: 480px) { #realia-masteri-search-form-builder > div fieldset > .fieldset-wrapper > .form-item, #realia-kivi-search-form > div fieldset > .fieldset-wrapper > .form-item { width: 100%; clear: both; } } #realia-masteri-search-form-builder > div fieldset > .fieldset-wrapper > .form-item:first-child, #realia-kivi-search-form > div fieldset > .fieldset-wrapper > .form-item:first-child { margin-right: 6%; } #realia-masteri-search-form-builder > div fieldset > .fieldset-wrapper > .form-item input, #realia-kivi-search-form > div fieldset > .fieldset-wrapper > .form-item input { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px !important; margin-right: 10px !important; float: left; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper { width: 100%; *zoom: 1; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper:before, #realia-kivi-search-form > div .search-form-middle-wrapper:before, #realia-masteri-search-form-builder > div .search-form-middle-wrapper:after, #realia-kivi-search-form > div .search-form-middle-wrapper:after { display: table; line-height: 0; content: ""; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper:after, #realia-kivi-search-form > div .search-form-middle-wrapper:after { clear: both; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper { width: 49%; float: left; margin-top: 10px; margin-bottom: 10px; } @media screen and (max-width: 480px) { #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper { width: 100%; clear: both; } } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-Id, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-Id, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-Id, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-Id, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item#edit-combinedlivingarea, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item#edit-combinedlivingarea, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper#edit-combinedlivingarea, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper#edit-combinedlivingarea { margin-right: 2%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item#edit-combinedconstructionyear, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item#edit-combinedconstructionyear, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper#edit-combinedconstructionyear, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper#edit-combinedconstructionyear { margin-right: 0; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-ResidenceProperties, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-ResidenceProperties, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-ResidenceProperties, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-ResidenceProperties { width: 100%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-NextShowing, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-NextShowing, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-NextShowing, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-NextShowing, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-Auction, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-Auction, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-Auction, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-Auction { width: auto; margin-right: 15px; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-Auction, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-Auction, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-Auction, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-Auction { clear: right; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-NewProperty, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-NewProperty, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-NewProperty, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-NewProperty { width: 100%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item.form-item-NewProperty .form-item.form-type-radio, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-NewProperty .form-item.form-type-radio, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper.form-item-NewProperty .form-item.form-type-radio, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper.form-item-NewProperty .form-item.form-type-radio { width: auto; float: left; margin-right: 15px; display: block; margin-top: 0px; } @media screen and (max-width: 480px) { #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-item, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item, #realia-masteri-search-form-builder > div .search-form-middle-wrapper > .form-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper { width: 100%; } } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #search-form-district-select .chosen-container-multi, #realia-kivi-search-form > div .search-form-middle-wrapper #search-form-district-select .chosen-container-multi, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit_commune_chosen, #realia-kivi-search-form > div .search-form-middle-wrapper #edit_commune_chosen, #realia-masteri-search-form-builder > div .search-form-middle-wrapper .form-control.form-select.ajax-processed, #realia-kivi-search-form > div .search-form-middle-wrapper .form-control.form-select.ajax-processed { width: 100% !important; min-height: 38px; height: auto; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper { width: 100%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea { width: 40%; float: left; } @media screen and (max-width: 480px) { #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea { width: 100%; clear: both; } } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea { margin-right: 3.5%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea { position: relative; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea:after, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea:after { content: "m²"; display: block; position: absolute; right: 0px; margin-right: -30px; top: 0px; height: 38px; line-height: 38px; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper { width: 100%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea { width: 40%; float: left; } @media screen and (max-width: 480px) { #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea { width: 100%; clear: both; } } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea { margin-right: 3.5%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea { position: relative; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea:after, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea:after { content: "m²"; display: block; position: absolute; right: 0px; margin-right: -30px; top: 0px; height: 38px; line-height: 38px; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper { width: 100%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MaxConstructionYear, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MaxConstructionYear { width: 40%; float: left; } @media screen and (max-width: 480px) { #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear, #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MaxConstructionYear, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MaxConstructionYear { width: 100%; clear: both; } } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear { margin-right: 3.5%; } #realia-masteri-search-form-builder > div .search-form-middle-wrapper #edit-numberofrooms, #realia-kivi-search-form > div .search-form-middle-wrapper #edit-numberofrooms { float: left; margin-top: 8px; } #realia-masteri-search-form-builder #edit-actions, #realia-kivi-search-form #edit-actions { width: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } #realia-masteri-search-form-builder #edit-actions input, #realia-kivi-search-form #edit-actions input, #realia-masteri-search-form-builder #edit-actions .form-wrapper, #realia-kivi-search-form #edit-actions .form-wrapper { display: inline-block; margin: 0 10px; float: none; } @media screen and (max-width: 767px) { #realia-masteri-search-form-builder #edit-actions input, #realia-kivi-search-form #edit-actions input, #realia-masteri-search-form-builder #edit-actions .form-wrapper, #realia-kivi-search-form #edit-actions .form-wrapper { margin: 0px; } } .pane-residence-search-result ul.dropdown-menu.skv-sort { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 270px; padding: 0px 20px; padding-bottom: 20px; } .pane-residence-search-result ul.dropdown-menu.skv-sort > li { font-weight: bold; padding-top: 10px; } .pane-residence-search-result ul.dropdown-menu.skv-sort > li > ul { padding: 0px; list-style: none; font-weight: normal; } .pane-residence-search-result .user-default-values-wrapper { width: 100%; float: left; } .page-haku-tontit #realia-kivi-search-form > div .search-form-middle-wrapper > .form-wrapper#edit-onlyplotswith, .page-haku-tontit #realia-masteri-search-form-builder > div .search-form-bottom-wrapper > .form-wrapper#edit-onlyplotswith { width: 100%; } .page-haku-loma-asunnot #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-Beach, .page-haku-loma-asunnot #realia-masteri-search-form-builder > div .search-form-bottom-wrapper > .form-item.form-item-Beach, .page-haku-loma-asunnot #realia-kivi-search-form > div .search-form-middle-wrapper > .form-item.form-item-Auction, .page-haku-loma-asunnot #realia-masteri-search-form-builder > div .search-form-bottom-wrapper > .form-item.form-item-Auction { width: 100%; } .page-haku-toimitilat #realia-kivi-search-form #edit-isrentalcontract, .page-haku-toimitilat #realia-masteri-search-form-builder #edit-isrentalcontract { float: left; width: 100%; margin-top: 20px; } .page-haku-toimitilat #realia-kivi-search-form #edit-isrentalcontract label, .page-haku-toimitilat #realia-masteri-search-form-builder #edit-isrentalcontract label { font-weight: normal !important; line-height: 24px; height: 24px; } #realia-kivi-search-form .advanced-search-switch-collapse:hover, #realia-masteri-search-form-builder .advanced-search-switch-collapse:hover, #realia-kivi-search-form .advanced-search-switch-expand:hover, #realia-masteri-search-form-builder .advanced-search-switch-expand:hover { text-decoration: none; color: #d91018; } #realia-kivi-search-form .advanced-search-switch-collapse, #realia-masteri-search-form-builder .advanced-search-switch-collapse { display: block; } #realia-kivi-search-form .advanced-search-switch-expand, #realia-masteri-search-form-builder .advanced-search-switch-expand { display: none; } #realia-kivi-search-form.hide-advanced-options .search-form-bottom-wrapper div.form-item, #realia-masteri-search-form-builder.hide-advanced-options .search-form-bottom-wrapper div.form-item, #realia-kivi-search-form.hide-advanced-options .search-form-bottom-wrapper fieldset.panel, #realia-masteri-search-form-builder.hide-advanced-options .search-form-bottom-wrapper fieldset.panel { height: 1px; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); overflow: hidden; margin: 0px !important; padding: 0px !important; width: 1%; } #realia-kivi-search-form.hide-advanced-options .search-form-bottom-wrapper div.form-item#edit-actions, #realia-masteri-search-form-builder.hide-advanced-options .search-form-bottom-wrapper div.form-item#edit-actions, #realia-kivi-search-form.hide-advanced-options .search-form-bottom-wrapper fieldset.panel#edit-actions, #realia-masteri-search-form-builder.hide-advanced-options .search-form-bottom-wrapper fieldset.panel#edit-actions { height: auto; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } #realia-kivi-search-form.hide-advanced-options .advanced-search-switch-expand, #realia-masteri-search-form-builder.hide-advanced-options .advanced-search-switch-expand { display: block; } #realia-kivi-search-form.hide-advanced-options .advanced-search-switch-collapse, #realia-masteri-search-form-builder.hide-advanced-options .advanced-search-switch-collapse { display: none; } .advanced-search-control-switch { width: 100%; float: left; clear: both; text-align: right; font-weight: bold; cursor: pointer; } .page-haku-uudistuotanto #realia-kivi-search-form .advanced-search-switch-collapse, .page-haku-maa-ja-metsatilat #realia-kivi-search-form .advanced-search-switch-collapse, .page-haku-uudistuotanto #realia-masteri-search-form-builder .advanced-search-switch-collapse, .page-haku-maa-ja-metsatilat #realia-masteri-search-form-builder .advanced-search-switch-collapse, .page-haku-uudistuotanto #realia-kivi-search-form .advanced-search-switch-expand, .page-haku-maa-ja-metsatilat #realia-kivi-search-form .advanced-search-switch-expand, .page-haku-uudistuotanto #realia-masteri-search-form-builder .advanced-search-switch-expand, .page-haku-maa-ja-metsatilat #realia-masteri-search-form-builder .advanced-search-switch-expand { display: none !important; } #skv-appended-search-type-options { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0px; list-style: none; margin-top: 40px; line-height: 44px; } #skv-appended-search-type-options li { display: inline-block; font-weight: 700; font-size: 18px; text-decoration: none; margin-bottom: 15px; } #skv-appended-search-type-options li a { background-color: #e3e4e6; border: 0px; border-radius: 0px; padding: 10px 32px; margin-right: 15px; color: #7b7b7e; } #skv-appended-search-type-options li a, #skv-appended-search-type-options li a:hover { text-decoration: none; } #skv-appended-search-type-options li a:hover { background-color: #3e3f42; color: white; } #skv-appended-search-type-options li a.active { background-color: #ed1c24; color: white; } #skv-appended-search-type-options li a.active:hover { background-color: #d91018; } .white #skv-appended-search-type-options li a { background-color: #e3e4e6; color: #7b7b7e; } .white #skv-appended-search-type-options li a:hover { background-color: #3e3f42; color: white; } .white #skv-appended-search-type-options li a.active { background-color: #ed1c24; color: white; } .white #skv-appended-search-type-options li a.active:hover { background-color: #d91018; text-decoration: none; } .advanced-search-control-switch a { text-decoration: none; } .pane-residence-search, .pane-housing-company-search, .pane-plot-search, .pane-farms-and-forest-search, .pane-parking-search, .pane-vacationals-search, .pane-rental-search, .pane-premises-search { padding-bottom: 70px; } .pane-residence-search-result, .pane-housing-company-search-result, .pane-plot-search-result, .pane-farms-and-forest-search-result, .pane-parking-search-result, .pane-vacationals-search-result, .pane-rental-search-result, .pane-premises-search-result { padding-top: 70px; } .pane-residence-search-result .section-section .row.header > div, .pane-housing-company-search-result .section-section .row.header > div, .pane-plot-search-result .section-section .row.header > div, .pane-farms-and-forest-search-result .section-section .row.header > div, .pane-parking-search-result .section-section .row.header > div, .pane-vacationals-search-result .section-section .row.header > div, .pane-rental-search-result .section-section .row.header > div, .pane-premises-search-result .section-section .row.header > div { text-align: center; } .pane-residence-search-result .section-section .sorter-wrapper, .pane-housing-company-search-result .section-section .sorter-wrapper, .pane-plot-search-result .section-section .sorter-wrapper, .pane-farms-and-forest-search-result .section-section .sorter-wrapper, .pane-parking-search-result .section-section .sorter-wrapper, .pane-vacationals-search-result .section-section .sorter-wrapper, .pane-rental-search-result .section-section .sorter-wrapper, .pane-premises-search-result .section-section .sorter-wrapper { margin-bottom: 30px; width: 83px; overflow: visible; } .pane-residence-search-result .section-section .sorter-wrapper, .pane-housing-company-search-result .section-section .sorter-wrapper, .pane-plot-search-result .section-section .sorter-wrapper, .pane-farms-and-forest-search-result .section-section .sorter-wrapper, .pane-parking-search-result .section-section .sorter-wrapper, .pane-vacationals-search-result .section-section .sorter-wrapper, .pane-rental-search-result .section-section .sorter-wrapper, .pane-premises-search-result .section-section .sorter-wrapper, .pane-residence-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-housing-company-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-plot-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-farms-and-forest-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-parking-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-vacationals-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-rental-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-premises-search-result .section-section .sorter-wrapper > .input-group-btn { display: block; float: left; } .pane-residence-search-result .section-section .row.header > div > .title, .pane-housing-company-search-result .section-section .row.header > div > .title, .pane-plot-search-result .section-section .row.header > div > .title, .pane-farms-and-forest-search-result .section-section .row.header > div > .title, .pane-parking-search-result .section-section .row.header > div > .title, .pane-vacationals-search-result .section-section .row.header > div > .title, .pane-rental-search-result .section-section .row.header > div > .title, .pane-premises-search-result .section-section .row.header > div > .title { display: inline-block; margin: 0px; } .pane-residence-search-result .section-section .row.header > div > .buttons, .pane-housing-company-search-result .section-section .row.header > div > .buttons, .pane-plot-search-result .section-section .row.header > div > .buttons, .pane-farms-and-forest-search-result .section-section .row.header > div > .buttons, .pane-parking-search-result .section-section .row.header > div > .buttons, .pane-vacationals-search-result .section-section .row.header > div > .buttons, .pane-rental-search-result .section-section .row.header > div > .buttons, .pane-premises-search-result .section-section .row.header > div > .buttons { float: right; position: static; } @media screen and (max-width: 991px) { #skv-appended-search-type-options > li { width: 31.946%; margin-right: 15px; } #skv-appended-search-type-options > li a { text-align: center; padding: 0px; width: 100%; display: block; } #skv-appended-search-type-options > li:nth-of-type(3n) { margin-right: 0px; } } @media screen and (max-width: 767px) { #skv-appended-search-type-options > li { width: 48%; margin-right: 15px; } #skv-appended-search-type-options > li:nth-of-type(3n) { margin-right: 15px; } #skv-appended-search-type-options > li:nth-of-type(2n) { margin-right: 0px; } .pane-residence-search, .pane-housing-company-search, .pane-plot-search, .pane-farms-and-forest-search, .pane-parking-search, .pane-vacationals-search, .pane-rental-search, .pane-premises-search { padding-bottom: 30px; } .pane-residence-search-result, .pane-housing-company-search-result, .pane-plot-search-result, .pane-farms-and-forest-search-result, .pane-parking-search-result, .pane-vacationals-search-result, .pane-rental-search-result, .pane-premises-search-result { padding-top: 30px; } .pane-residence-search-result .section-section .sorter-wrapper, .pane-housing-company-search-result .section-section .sorter-wrapper, .pane-plot-search-result .section-section .sorter-wrapper, .pane-farms-and-forest-search-result .section-section .sorter-wrapper, .pane-parking-search-result .section-section .sorter-wrapper, .pane-vacationals-search-result .section-section .sorter-wrapper, .pane-rental-search-result .section-section .sorter-wrapper, .pane-premises-search-result .section-section .sorter-wrapper, .pane-residence-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-housing-company-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-plot-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-farms-and-forest-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-parking-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-vacationals-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-rental-search-result .section-section .sorter-wrapper > .input-group-btn, .pane-premises-search-result .section-section .sorter-wrapper > .input-group-btn { display: block; float: left; width: 100%; } .pane-residence-search-result .section-section .row.header > div > .title, .pane-housing-company-search-result .section-section .row.header > div > .title, .pane-plot-search-result .section-section .row.header > div > .title, .pane-farms-and-forest-search-result .section-section .row.header > div > .title, .pane-parking-search-result .section-section .row.header > div > .title, .pane-vacationals-search-result .section-section .row.header > div > .title, .pane-rental-search-result .section-section .row.header > div > .title, .pane-premises-search-result .section-section .row.header > div > .title { display: blocK; float: left; width: 100%; text-align: center; margin-bottom: 10px; } .pane-residence-search-result .section-section .row.header > div > .buttons, .pane-housing-company-search-result .section-section .row.header > div > .buttons, .pane-plot-search-result .section-section .row.header > div > .buttons, .pane-farms-and-forest-search-result .section-section .row.header > div > .buttons, .pane-parking-search-result .section-section .row.header > div > .buttons, .pane-vacationals-search-result .section-section .row.header > div > .buttons, .pane-rental-search-result .section-section .row.header > div > .buttons, .pane-premises-search-result .section-section .row.header > div > .buttons { display: none; } .pane-residence-search-result ul.dropdown-menu.skv-sort, .pane-housing-company-search-result ul.dropdown-menu.skv-sort, .pane-plot-search-result ul.dropdown-menu.skv-sort, .pane-farms-and-forest-search-result ul.dropdown-menu.skv-sort, .pane-parking-search-result ul.dropdown-menu.skv-sort, .pane-vacationals-search-result ul.dropdown-menu.skv-sort, .pane-rental-search-result ul.dropdown-menu.skv-sort, .pane-premises-search-result ul.dropdown-menu.skv-sort { width: 100%; height: auto; white-space: normal; float: left; clear: both; } .pane-residence-search-result ul.dropdown-menu.skv-sort > li, .pane-housing-company-search-result ul.dropdown-menu.skv-sort > li, .pane-plot-search-result ul.dropdown-menu.skv-sort > li, .pane-farms-and-forest-search-result ul.dropdown-menu.skv-sort > li, .pane-parking-search-result ul.dropdown-menu.skv-sort > li, .pane-vacationals-search-result ul.dropdown-menu.skv-sort > li, .pane-rental-search-result ul.dropdown-menu.skv-sort > li, .pane-premises-search-result ul.dropdown-menu.skv-sort > li { font-weight: bold; padding-top: 10px; width: 33%; display: block; padding-right: 0px; float: left; } #realia-kivi-search-form label, #realia-masteri-search-form-builder label, #realia-kivi-search-form .fieldset-legend, #realia-masteri-search-form-builder .fieldset-legend { height: auto !important; margin-top: 10px; margin-bottom: 15px; } #realia-kivi-search-form .chosen-container.chosen-container-multi[style], #realia-masteri-search-form-builder .chosen-container.chosen-container-multi[style] { width: 100% !important; } #realia-kivi-search-form .form-item-Commune label, #realia-masteri-search-form-builder .form-item-Commune label, #realia-kivi-search-form .form-item-District label, #realia-masteri-search-form-builder .form-item-District label { margin-top: 25px; margin-bottom: 15px; } #realia-kivi-search-form .form-item.form-type-checkboxes > label, #realia-masteri-search-form-builder .form-item.form-type-checkboxes > label, #realia-kivi-search-form .form-item.form-type-radios.form-item > label, #realia-masteri-search-form-builder .form-item.form-type-radios.form-item > label { height: auto !important; margin-bottom: 0px !important; } #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield { margin-bottom: 15px; } #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinSalesPrice, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinSalesPrice, #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxSalesPrice, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxSalesPrice, #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinUnencumberedSalesPrice, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinUnencumberedSalesPrice, #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxUnencumberedSalesPrice, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxUnencumberedSalesPrice { width: 130px; display: inline-block; float: left; clear: none; } #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinRent, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinRent, #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxRent, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxRent { width: 110px; display: inline-block; float: left; clear: none; } #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinRent input, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MinRent input, #realia-kivi-search-form > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxRent input, #realia-masteri-search-form-builder > div .search-form-top-wrapper #edit-combinedpricefield > .fieldset-wrapper > .form-item.form-item-MaxRent input { width: 90px !important; } #realia-kivi-search-form > div .search-form-bottom-wrapper #edit-numberofrooms, #realia-masteri-search-form-builder > div .search-form-bottom-wrapper #edit-numberofrooms { margin-top: 0px; } #realia-kivi-search-form > div .search-form-bottom-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea, #realia-masteri-search-form-builder > div .search-form-bottom-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MinLivingArea, #realia-kivi-search-form > div .search-form-bottom-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea, #realia-masteri-search-form-builder > div .search-form-bottom-wrapper #edit-combinedlivingarea > .fieldset-wrapper .form-item-MaxLivingArea { width: 90px; display: inline-block; float: left; clear: none; } #realia-kivi-search-form > div .search-form-bottom-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea, #realia-masteri-search-form-builder > div .search-form-bottom-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MinPlotArea, #realia-kivi-search-form > div .search-form-bottom-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea, #realia-masteri-search-form-builder > div .search-form-bottom-wrapper #edit-combinedplotarea > .fieldset-wrapper .form-item-MaxPlotArea { width: 90px; display: inline-block; float: left; clear: none; } #realia-kivi-search-form > div .search-form-bottom-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear, #realia-masteri-search-form-builder > div .search-form-bottom-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MinConstructionYear, #realia-kivi-search-form > div .search-form-bottom-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MaxConstructionYear, #realia-masteri-search-form-builder > div .search-form-bottom-wrapper #edit-combinedconstructionyear > .fieldset-wrapper .form-item-MaxConstructionYear { width: 90px; display: inline-block; float: left; clear: none; } } @media screen and (max-width: 560px) { .pane-residence-search-result ul.dropdown-menu.skv-sort > li, .pane-housing-company-search-result ul.dropdown-menu.skv-sort > li, .pane-plot-search-result ul.dropdown-menu.skv-sort > li, .pane-farms-and-forest-search-result ul.dropdown-menu.skv-sort > li, .pane-parking-search-result ul.dropdown-menu.skv-sort > li, .pane-vacationals-search-result ul.dropdown-menu.skv-sort > li, .pane-rental-search-result ul.dropdown-menu.skv-sort > li, .pane-premises-search-result ul.dropdown-menu.skv-sort > li { width: 50%; } } @media screen and (max-width: 485px) { #skv-appended-search-type-options > li { width: 100%; margin-right: 0px; } #skv-appended-search-type-options > li:nth-of-type(2n) { margin-right: 0px; } } @media screen and (max-width: 360px) { #skv-appended-search-type-options > li { width: 100%; margin-right: 0px; } .pane-residence-search-result ul.dropdown-menu.skv-sort > li, .pane-housing-company-search-result ul.dropdown-menu.skv-sort > li, .pane-plot-search-result ul.dropdown-menu.skv-sort > li, .pane-farms-and-forest-search-result ul.dropdown-menu.skv-sort > li, .pane-parking-search-result ul.dropdown-menu.skv-sort > li, .pane-vacationals-search-result ul.dropdown-menu.skv-sort > li, .pane-rental-search-result ul.dropdown-menu.skv-sort > li, .pane-premises-search-result ul.dropdown-menu.skv-sort > li { width: 100%; float: none; clear: both; } } .pane-realia-kivi-search-realia-quicksearch-form { margin-top: -160px; position: relative; text-align: center; background: rgba(255, 255, 255, 0.3); padding: 28px 0px; } .pane-realia-kivi-search-realia-quicksearch-form #realia-kivi-search-form { width: 1200px; margin: 0 auto; } .pane-realia-kivi-search-realia-quicksearch-form #realia-kivi-search-form .form-item { display: inline-block; } .pane-realia-kivi-search-realia-quicksearch-form #realia-kivi-search-form .quick-search-links { display: none; } #header.on-top { position: absolute; left: 50%; overflow: visible; } #header.on-top > .wrapper { background-color: transparent; position: relative; left: -50%; z-index: 100; width: 100%; height: auto; overflow: hidden; } @media screen and (max-width: 991px) { #header .btn { width: auto; } } @media screen and (max-width: 767px) { #header, #header.on-top { position: fixed; left: 0px; right: 0px; top: 0px; min-height: 55px; z-index: 900; } #header .wrapper, #header.on-top .wrapper { position: static; left: 0px; padding: 0px; } .mobile-navigation-open #header { height: 100%; height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 767px) and all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .mobile-navigation-open #header { height: 1024px; } } @media screen and (max-width: 767px) and all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) { .mobile-navigation-open #header { height: 768px; } } @media screen and (max-width: 767px) and screen and (device-aspect-ratio: 40/71) { .mobile-navigation-open #header { height: 500px; } } #header .logo { text-align: left; margin-left: 0px; } #header .logo img { width: auto; } #header > .wrapper { background-color: white; padding: 0px; padding-bottom: 20px; } #header > .wrapper > .wrapper { background-color: white; padding-bottom: 20px; } #header > .wrapper .navigation { padding-right: 0px; } @media screen and (max-width: 767px) { #header > .wrapper { padding-bottom: 0px; } } #header.has-subnav > .wrapper { padding-bottom: 0px; } @media screen and (max-width: 767px) { #header.has-subnav > .wrapper .wrapper:first-of-type { padding-bottom: 0px; } } #header .wrapper.darker { position: relative; padding-bottom: 0px; line-height: 53px; height: 53px; } #header .wrapper.darker > .wrapper { background-color: #2e2f33; } #header .wrapper.darker .thumb { padding-right: 20px; padding-left: 10px; margin-right: -24px; height: 53px; } #header .wrapper.darker .address { font-size: 13px; } #header .wrapper.darker .breadcrump { font-size: 13px; float: left; height: 53px; line-height: 53px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header .wrapper.darker .col-xs-12 { height: 53px; overflow: hidden; text-align: right; line-height: 24px; } @media screen and (min-width: 992px) { #header .wrapper.darker { -webkit-transform: translate(0px, 0px) !important; -moz-transform: translate(0px, 0px) !important; -ms-transform: translate(0px, 0px) !important; -o-transform: translate(0px, 0px) !important; transform: translate(0px, 0px) !important; } #header .wrapper.darker .thumb { display: inline-block !important; } } @media screen and (max-width: 991px) { #header .wrapper.darker .col-xs-12 { text-align: left; } #header .wrapper.darker .address { line-height: 53px; } #header .wrapper.darker .thumb { margin-right: -40px; float: right; } } @media screen and (max-width: 767px) { .page-kohde #header .wrapper.darker .breadcrump { max-width: 75%; max-width: calc(100vw - 95px - 20px); } } @media screen and (max-width: 380px) { .page-kohde #header .wrapper.darker .breadcrump .extra { display: none; } } #page { min-height: 100%; } @media screen and (max-width: 768px) { #page { margin-bottom: 70px; } } @media screen and (max-width: 767px) { #page { padding-top: 55px; margin-bottom: 30px; } } .page-admin #page, .page-status #page, .page-state #page { padding: 60px 0px; } @media screen and (max-width: 767px) { #header.has-subnav + #page { padding-top: 108px; } .logged-in #header.has-subnav + #page { padding-top: 20px; } } .mobile-navigation-open #page { margin-bottom: 80px; } .mobile-navigation-open #footer { position: static; } .page-ostamassa .panel-panel-inner .pane-fieldable-panels-pane .container .col-xs-12 { position: initial; } #footer { position: static; bottom: 0px; width: 100%; } #footer h5 { font-size: 13px; } #footer > .wrapper { color: white; } #footer > .wrapper > .container { padding: 30px 15px; height: 462px; } @media screen and (max-width: 768px) { #footer > .wrapper > .container { height: auto; } } #footer > .wrapper > .container h5 { font-weight: 400; padding: 0px; margin: 0px; margin-bottom: 15px; color: white; } #footer > .wrapper .details { padding-bottom: 30px; } #footer > .wrapper .links { max-width: 200px; } #footer > .wrapper .links .btn { width: 100%; margin-bottom: 15px; } @media screen and (max-width: 768px) { #footer > .wrapper .links { max-width: 100%; } #footer > .wrapper .links .btn { margin: 0 auto; } } #footer > .wrapper .terms { border-top: 1px solid #2e2f33; padding: 20px 0px; color: #7b7b7e; font-size: 13px; } #footer > .wrapper .terms .copy, #footer > .wrapper .terms a, #footer > .wrapper .terms a:active, #footer > .wrapper .terms a:focus, #footer > .wrapper .terms a:visited, #footer > .wrapper .terms a:hover { font-size: 13px; margin: 0px; padding: 0px; color: #7b7b7e; text-decoration: none; } #footer > .wrapper .terms a, #footer > .wrapper .terms a:active, #footer > .wrapper .terms a:focus, #footer > .wrapper .terms a:visited { padding-left: 20px; } #footer > .wrapper .terms a:hover { padding-left: 20px; color: white; } #footer > .wrapper .terms .links { max-width: none; text-align: right; } #footer > .wrapper .view-footer { margin-top: 30px; } #header_menu { text-align: right; background-color: transparent; } #header_menu ul { display: inline-block; text-align: right; } #header_menu li { display: inline-block; padding: 0px 20px; } #header_menu li a { display: inline-block; font-size: 13px; font-weight: 400; color: #2e2f33; } #header_menu li a.active { color: #ed1c24; } #header_menu .fa, #header_menu .glyphicon { font-size: 14px; position: relative; top: 2px; margin-right: 5px; } #header_menu.transparent li a { color: white; } #header_menu.transparent li a.active { color: white; font-weight: 700; } #header_menu .list { margin-bottom: 0px; padding-left: 0px; } #main_menu { text-align: right; background-color: transparent; } #main_menu ul { display: inline-block; text-align: right; } #main_menu li { display: inline-block; padding: 0px 20px; } #main_menu li a { display: inline-block; font-size: 13px; font-weight: 400; color: #2e2f33; } #main_menu li a.active { color: #ed1c24; } #main_menu .fa, #main_menu .glyphicon { font-size: 14px; position: relative; top: 2px; margin-right: 5px; } #main_menu.transparent li a { color: white; } #main_menu.transparent li a.active { color: white; font-weight: 700; } #main_menu .list { margin-bottom: 0px; padding-left: 0px; } #main_menu img { float: left; height: 44px; width: auto; margin-right: 10px; } #main_menu li { padding: 10px 20px; } #main_menu li a { font-size: 15px; font-weight: 700; } #main_menu #tabs { float: left; } #main_menu #tabs li { padding: 0px; } #main_menu #tabs a { padding: 10px; } #sub-navigation { list-style: none; text-align: right; margin-bottom: 0px; display: none; } #sub-navigation .page-link { display: inline-block; list-style: none; } #sub-navigation .page-link .link { font-size: 13px; color: #7b7b7e; padding: 14px 10px; } #sub-navigation .page-link .link.active { color: white; text-decoration: none; } .page-kohteet #sub-navigation .page-link .link, .page-toimisto #sub-navigation .page-link .link { color: #fff; text-decoration: none; } #tabs { padding-left: 1px; margin-top: 2px; } #tabs .logo { float: left; height: 44px; width: auto; margin-right: 20px; } #tabs .nav > li > a { padding: 10px 20px; } #page .breadcrump { padding: 20px; } #page .broker-header .breadcrump, #page .office .breadcrump { padding: 30px 0px; } #footer_menu { background-color: transparent; border-bottom: 1px solid #2e2f33; padding: 0px; display: block; line-height: 89px; text-align: left; } #footer_menu .row { position: relative; } #footer_menu ul { list-style: none; display: block; text-align: left; padding: 0px; margin: 0px; float: left; } #footer_menu li { display: inline-block; padding: 0px 20px; margin-bottom: 0px; } #footer_menu li a, #footer_menu li a:active, #footer_menu li a:focus, #footer_menu li a:visited, #footer_menu li a:hover { display: inline-block; font-size: 15px; font-weight: 700; color: white; text-decoration: none; } #footer_menu .label { font-size: 15px; font-weight: 400; color: white; } #footer_menu .icon { text-decoration: none; outline: none; } #footer_menu .icon.right { margin-right: 15px; } @media screen and (min-width: 768px) and (max-width: 1169px) { #footer_menu .icon.right { margin-top: 0px; position: absolute; right: 0px; } } #footer_menu .icon:focus, #footer_menu .icon:hover { outline: none; } #footer_menu .icon:focus .fa-circle, #footer_menu .icon:hover .fa-circle { color: #2e2f33; } #footer_menu .icon:focus .fa-inverce, #footer_menu .icon:hover .fa-inverce { color: white; } #footer_menu .fa-long-arrow-up:before { position: relative; z-index: 1; top: -5px; } #footer-sub-menu ul { list-style: none; display: block; text-align: left; padding: 0px; margin: 0px; } #footer-sub-menu li a, #footer-sub-menu li a:active, #footer-sub-menu li a:focus, #footer-sub-menu li a:visited, #footer-sub-menu li a:hover { display: block; font-size: 15px; color: white; text-decoration: none; margin-bottom: 25px; } @media screen and (max-width: 991px) { #footer_menu .row { text-align: center; } } #mobile-navigation > .col-xs-12 { min-height: 55px; } #mobile-navigation .header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; } #mobile-navigation .header .logo { padding: 10px 20px; height: 53px; } #mobile-navigation .header .icon.right { -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -webkit-transition: all background-color 250ms linear ease-out; -moz-transition: all background-color 250ms linear ease-out; -o-transition: all background-color 250ms linear ease-out; transition: all background-color 250ms linear ease-out; font-size: 28px; text-align: center; padding: 0px; width: 64px; height: 55px; background-color: white; color: #2e2f33; } #mobile-navigation .header .icon.right.active { background-color: #ed1c24; color: white; } #mobile-navigation .menu { position: relative; z-index: 20; } #mobile-navigation .menu > .container { padding-bottom: 40px; } #mobile-navigation .menu > .container > .row { padding: 30px 10px; border-top: 1px solid #d91018; border-bottom: 1px solid #d91018; } #mobile-navigation .menu > .container > .row.last { border-bottom: 0px; text-align: center; } #mobile-navigation .main-links, #mobile-navigation .main-links { list-style: none; padding-left: 0px; } #mobile-navigation .main-links li, #mobile-navigation .main-links li { font-size: 18px; font-weight: 700; margin-bottom: 15px; } #mobile-navigation .secondary-links { list-style: none; padding-left: 0px; } #mobile-navigation .secondary-links li { margin-bottom: 15px; padding-left: 0px; } #mobile-navigation a, #mobile-navigation span, #mobile-navigation .phone, #mobile-navigation .number, #mobile-navigation a:hove, #mobile-navigation span:hove, #mobile-navigation .phone:hove, #mobile-navigation .number:hove { text-decoration: none; } #mobile-navigation .phone .number { font-size: 20px; } #mobile-navigation .icon-row { text-align: center; } #mobile-navigation .registry { display: block; margin-bottom: 15px; } #mobile-navigation .container.primary > .row:first-of-type { padding-top: 75px; } .section-presentation { padding-top: 0px; } @media screen and (max-width: 991px) { .section-presentation { margin-bottom: 0px; padding-bottom: 20px; } } .section-presentation .required { color: #F0EC34; } .section-presentation .instructions { display: inline-block; margin-bottom: 5px; font-style: italic; line-height: 15px; } .section-presentation .instructions.hidden-xs { margin-top: 5px; } .section-presentation .instructions.visible-xs { margin-bottom: 5px; } .section-presentation .alert { margin-top: 30px; margin-bottom: 10px; } .section-presentation .alert-danger { background-color: #d91018; border: 1px #aa0c13 solid; border-left: 20px #aa0c13 solid; color: white; } .section-presentation .wrap.has-danger, .section-presentation .wrap.has-warning { padding-left: 10px; } .section-presentation .has-danger input, .section-presentation .wrap.has-danger { border: 1px #d91018 solid; border-left: 20px #d91018 solid; } .section-presentation .has-warning input, .section-presentation .wrap.has-warning { border: 1px #F0EC34 solid; border-left: 20px #F0EC34 solid; } .section-presentation .has-success input, .section-presentation .wrap.has-success { border: 1px #1CED53 solid; border-left: 20px #1CED53 solid; } .section-presentation .items { white-space: nowrap; } .section-presentation .items .nav-tabs { list-style: none; padding: 0px; margin-bottom: -2px; } .section-presentation .items .nav-tabs li { list-style: none; line-height: 0px; } .section-presentation .items .item { display: inline-block; width: 33%; width: calc(33.333% - 15px);; margin-right: 22.5px; padding-bottom: 15px; border: 0px; position: relative; } .section-presentation .items .item.right { margin-right: 0px; } .section-presentation .items .icon { text-align: center; height: 250px; width: 270px; line-height: 200px; background-color: white; } .section-presentation .items .icon, .section-presentation .items .icon:hover { border: 0px; } .section-presentation .items .icon .fa-circle, .section-presentation .items .icon:hover .fa-circle { color: #e3e4e6; } .section-presentation .items .icon .fa-inverse, .section-presentation .items .icon:hover .fa-inverse { color: #2e2f33; } .section-presentation .items .title { display: block; font-size: 15px; font-weight: bold; line-height: 20px; color: #2e2f33; text-align: center; white-space: normal; position: absolute; left: 15px; right: 15px; bottom: 30px; } .section-presentation .items .item.active { background-color: #ed1c24; border: 0px; } .section-presentation .items .item.active .icon, .section-presentation .items .item.active .icon:hover { background-color: #ed1c24; border: 0px; } .section-presentation .items .item.active .icon .fa-circle, .section-presentation .items .item.active .icon:hover .fa-circle { color: white; } .section-presentation .items .item.active .icon .fa-inverse, .section-presentation .items .item.active .icon:hover .fa-inverse { color: #ed1c24; } .section-presentation .items .item.active .title, .section-presentation .items .item.active .date { color: white; } .section-presentation .items .date { color: #ed1c24; } @media screen and (max-width: 1169px) { .section-presentation .items .icon { position: relative; height: 210px; width: 210px; padding-bottom: 5px; } .section-presentation .items .item .fa-stack { position: absolute; top: 10px; left: 45px; } } @media screen and (max-width: 991px) { .section-presentation .items .item .fa-stack { position: absolute; top: 15px; left: 12px; font-size: 32px; } .section-presentation .items .item, .section-presentation .items .icon { width: 100%; height: 70px; margin-bottom: 0px; line-height: 14px; } .section-presentation .items .item { margin-bottom: 10px; padding-bottom: 10px; } .section-presentation .items .item .icon { padding-left: 85px; } .section-presentation .items .item .fa-stack { position: absolute; top: 3px; } .section-presentation .items .item .title { font-size: 13px; position: static; text-align: left; padding-top: 3px; } .section-presentation .items .item.right .title { padding-top: 15px; } .section-presentation .items .center:before { display: none; } } .section-presentation .tab-pane .content { line-height: 24px; padding: 40px; } .section-presentation .tab-pane .content p { margin-bottom: 0px; } .section-presentation .tab-pane .content .btn-control input { margin-left: -16px; } .section-presentation .tab-pane .content .description { margin-bottom: 15px; } .section-presentation .tab-pane .content .submit-buttons .left { font-size: 12px; float: left; padding-top: 27px; line-height: 15px; } @media screen and (max-width: 991px) { .section-presentation .tab-pane .content .submit-buttons .left { margin-bottom: 15px; } } .section-presentation .tab-pane .content .submit-buttons .right { float: right; } @media screen and (max-width: 767px) { .section-presentation .description { margin-bottom: 25px; } .section-presentation .description + label { margin-bottom: 15px; } .section-presentation .confirmed { display: block; padding-left: 37px; } } @media screen and (max-width: 360px) { .section-presentation .confirmed { font-style: italic; font-size: 13px; } } #asunnon_esittely_flexible .content p a { text-decoration: underline; } #asunnon_esittely_flexible .content p a.btn.btn-primary:hover { background: #d91018; } .extra_flex_link_color { color: black; } .presentation-statistics { margin-bottom: 50px; } .homestory-main-carousel, .main-carousel, .view-housing-company-slider, .homestory-thumbnail-navigation { position: relative; } .homestory-main-carousel .slick-arrow, .main-carousel .slick-arrow, .view-housing-company-slider .slick-arrow, .homestory-thumbnail-navigation .slick-arrow { font-family: FontAwesome; font-size: 15px; color: #7b7b7e; height: 42px; width: 42px; line-height: 38px; top: 50%; background: #fff; display: inline-block; padding: 3px 10px; border-radius: 30px; position: absolute; z-index: 5; cursor: pointer; text-align: center; border: 1px solid #3e3f42; } .homestory-main-carousel .slick-arrow.slick-prev, .main-carousel .slick-arrow.slick-prev, .view-housing-company-slider .slick-arrow.slick-prev, .homestory-thumbnail-navigation .slick-arrow.slick-prev { left: 20px; } .homestory-main-carousel .slick-arrow.slick-prev:before, .main-carousel .slick-arrow.slick-prev:before, .view-housing-company-slider .slick-arrow.slick-prev:before, .homestory-thumbnail-navigation .slick-arrow.slick-prev:before { content: "\f177"; color: #3e3f42; } .homestory-main-carousel .slick-arrow.slick-next, .main-carousel .slick-arrow.slick-next, .view-housing-company-slider .slick-arrow.slick-next, .homestory-thumbnail-navigation .slick-arrow.slick-next { right: 20px; } .homestory-main-carousel .slick-arrow.slick-next:before, .main-carousel .slick-arrow.slick-next:before, .view-housing-company-slider .slick-arrow.slick-next:before, .homestory-thumbnail-navigation .slick-arrow.slick-next:before { content: "\f178"; color: #3e3f42; } .main-carousel, .view-housing-company-slider .view-content .carousel { opacity: 0; visibility: hidden; transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; background: #666; } .main-carousel.slick-initialized, .view-housing-company-slider .view-content .carousel.slick-initialized { visibility: visible; opacity: 1; } .main-carousel .slick-arrow, .view-housing-company-slider .view-content .carousel .slick-arrow { height: 50px; width: 50px; line-height: 42px; font-size: 20px; } @media screen and (min-width: 992px) { .main-carousel .slick-arrow.slick-prev, .view-housing-company-slider .view-content .carousel .slick-arrow.slick-prev { left: 50px; } .main-carousel .slick-arrow.slick-next, .view-housing-company-slider .view-content .carousel .slick-arrow.slick-next { right: 50px; } } @media screen and (min-width: 992px) { .main-carousel .slick-list, .view-housing-company-slider .view-content .carousel .slick-list { width: 1160px; margin: 0 auto; } } .main-carousel .slick-list .slider-item-wrapper, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper { background: none; } .main-carousel .slick-list .slider-item-wrapper .embed-responsive-item, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .embed-responsive-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .main-carousel .slick-list .slider-item-wrapper .ajax-loader, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .ajax-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/ajax-loader-slider.gif') no-repeat center center; } .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper { padding: 25px 0; } .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper h1, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper h1 { text-align: center; color: #fff; } .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form { max-width: 85%; margin: 0 auto; } @media screen and (min-width: 768px) { .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form { max-width: 50%; } } .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-footer-note, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-footer-note, .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .label-text, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .label-text { color: #fff; } .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-type-textfield label, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-type-textfield label { display: none; } .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-type-checkbox, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-type-checkbox, .main-carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-submit-wrapper, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .slider-brochure-slide-wrapper #realia-kivi-brochure-form .form-submit-wrapper { margin-bottom: 15px; } .main-carousel .slick-list .slider-item-wrapper .inner-wrapper, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper { padding-top: 66.66%; height: 0; position: relative; } .main-carousel .slick-list .slider-item-wrapper .inner-wrapper .image-wrapper, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper .image-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .main-carousel .slick-list .slider-item-wrapper .inner-wrapper .image-wrapper img, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper .image-wrapper img { max-height: 100%; min-height: 100%; max-width: 100%; display: inline-block; } .main-carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; z-index: 5; } @media screen and (max-width: 480px) { .main-carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper { height: 30px; } } @media screen and (max-width: 480px) { .main-carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper a.all-images-btn, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper a.all-images-btn { background: url('../images/m-all-pics.svg') no-repeat; width: 30px; height: 30px; display: inline-block; color: transparent; } } @media screen and (min-width: 480px) { .main-carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper a.all-images-btn, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper a.all-images-btn { background-color: rgba(0, 0, 0, 0.5); border: 1px solid #fff; text-transform: uppercase; padding: 8px 12px; font-size: 16px; color: #fff; } .main-carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper a.all-images-btn:hover, .view-housing-company-slider .view-content .carousel .slick-list .slider-item-wrapper .inner-wrapper .all-images-wrapper a.all-images-btn:hover { background-color: rgba(0, 0, 0, 0.6); } } .carousel-tabs .tabs-wrapper { margin: 5px; display: flex; flex-wrap: nowrap; justify-content: center; background-color: #fff; list-style: none; } .carousel-tabs .tabs-wrapper li { border-right: 5px solid #f4f4f4; text-decoration: none; flex-grow: 1; vertical-align: middle; display: inline-block; color: #ed1c24; padding: 0; text-align: center; background-color: #fff; min-width: 150px; font-size: 14px; font-weight: 900; } .carousel-tabs .tabs-wrapper li:first-child { margin-left: 15%; border-left: 5px solid #f4f4f4; } .carousel-tabs .tabs-wrapper li:last-child { margin-right: 15%; } .carousel-tabs .tabs-wrapper li.active span, .carousel-tabs .tabs-wrapper li:hover span { border-bottom: 2px solid #ed1c24; } .carousel-tabs .tabs-wrapper li a { display: block; } .carousel-tabs .tabs-wrapper li a:focus { outline: transparent; } .carousel-tabs .tabs-wrapper li span { line-height: 64px; } .carousel-tabs .tabs-wrapper li:hover, .carousel-tabs .tabs-wrapper li:focus { cursor: pointer; } @media screen and (max-width: 480px) { .carousel-tabs .tabs-wrapper li:nth-child(even) { border-right: none; } .carousel-tabs .tabs-wrapper li:nth-child(even):not(last-child):not(first-child) { border-right: 5px solid #f4f4f4; } .carousel-tabs .tabs-wrapper li:last-child { border-right: none; } } @media screen and (max-width: 768px) { .carousel-tabs .tabs-wrapper { margin: 0; background-color: transparent; padding-inline-start: 0px; padding-left: 0px; flex-wrap: wrap !important; } .carousel-tabs .tabs-wrapper li { border-bottom: 5px solid #f4f4f4; flex: 1 42%; } .carousel-tabs .tabs-wrapper li:first-child { margin-left: 0; border-left: none; } .carousel-tabs .tabs-wrapper li:last-child { margin-right: 0; } } .pane-area-type .section-carousel { margin-bottom: 20px; } @media screen and (max-width: 767px) { .pane-area-type .section-carousel { position: relative; background: #fff; padding: 0 20px; box-sizing: border-box; } .pane-area-type .section-carousel .row > .clearfix .col-md-3 { width: 100%; left: 0px; top: 20px; position: absolute; } .pane-area-type .section-carousel .row > .clearfix .col-md-3 .area-carousel-thumbnail-count { padding: 0px; margin-top: 0px; } .pane-area-type .section-carousel .row > .clearfix .col-md-3 .area-carousel-thumbnail-count span.count, .pane-area-type .section-carousel .row > .clearfix .col-md-3 .area-carousel-thumbnail-count h3 { text-align: left; } .pane-area-type .section-carousel .row > .clearfix .col-md-3 .area-carousel-thumbnail-count h3 { font-size: 15px; font-family: "Open Sans", Arial, sans-serif; font-weight: bold; line-height: 1.1; } .pane-area-type .section-carousel .thumbnails.lightbox-thumbnails { margin-top: 80px; } .pane-area-type .section-carousel .thumbnails.lightbox-thumbnails .owl-item { margin-bottom: 20px; } .pane-area-type .section-carousel .thumbnails.lightbox-thumbnails .owl-item .item { margin: 0 10px; } } .pane-area-type .section-carousel.activated #owl-carousel-lightbox { margin-top: 80px; } .pane-area-type .section-carousel.activated .thumbnails.lightbox-thumbnails { margin-top: 80px; } .pane-area-type .section-carousel.activated .thumbnails.lightbox-thumbnails .owl-item { margin-bottom: 20px; } .pane-area-type .section-carousel.activated .thumbnails.lightbox-thumbnails .owl-item .item { margin: 0 10px; } .pane-area-type .section-carousel.activated #owl-carousel-lightbox { margin-top: 80px; } .pane-area-type .section-carousel.activated .thumbnails.lightbox-thumbnails { margin-top: 10px; } .property.header .section-omatarjous { padding: 15px 15px; } .property.header .section-omatarjous h2, .property.header .section-omatarjous h3, .property.header .section-omatarjous h4 { color: #fff; } .property.header .section-omatarjous .title { margin-top: 0px; } .property.header .section-omatarjous .description { color: white; width: 100%; } .property.header .section-omatarjous .logo { display: block; float: left; margin-right: 15px; max-width: 150px; } @media screen and (max-width: 767px) { .property.header .section-omatarjous { margin-top: 15px; } .property.header .section-omatarjous .logo { float: none; max-width: 100%; margin: 0 auto; margin-bottom: 15px; } .property.header .section-omatarjous .description { margin-bottom: 15px; } } .property.header .section-omatarjous .btn { margin-bottom: 0px; } .property.header .section-omatarjous .btn.btn-primary:hover { background: #d91018 !important; } #skv-offer-form-wrapper { position: relative; } #skv-offer-form-wrapper #skv-offer-form-inner { display: none; position: absolute; top: 100%; width: 400px; left: 0px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; z-index: 99; border: 5px solid #d91018; background: #f4f4f4; color: #2e2f33; } #skv-offer-form-wrapper #skv-offer-form-inner input[type="text"], #skv-offer-form-wrapper #skv-offer-form-inner .form-item.form-type-checkbox label:before { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #e3e4e6; } #skv-offer-form-wrapper #skv-offer-form-inner .alert { padding: 0; background-color: transparent; border: none; } #skv-offer-form-wrapper #skv-offer-form-inner .alert > button, #skv-offer-form-wrapper #skv-offer-form-inner .alert > strong { display: none; } #skv-offer-form-wrapper #skv-offer-form-inner .alert ul { list-style: none; padding: 0px; } #skv-offer-form-wrapper #skv-offer-form-inner .alert ul li { margin-bottom: 10px; } #skv-offer-form-wrapper #skv-offer-form-inner .alert.alert-success a { color: #3c763d; text-decoration: underline; } #skv-offer-form-wrapper #skv-offer-form-inner input[type="submit"].btn.btn-primary { background: #ed1c24 !important; margin-top: 20px; } #skv-offer-form-wrapper #skv-offer-form-inner input[type="submit"].btn.btn-primary:hover { background: #d91018 !important; } .offer-list-table { width: 760px; margin-bottom: 20px; border: 1px solid #e3e4e6; border-bottom: none; } .offer-list-table th, .offer-list-table td { border: none; padding: 8px 10px; font-weight: bold; } .offer-list-table tr { border-bottom: 1px solid #e3e4e6; background: #d91018; } .offer-list-table tr.invalid { background: #e3e4e6; text-decoration: line-through; } @media screen and (max-width: 1169px) { .offer-list-table { width: 100%; } } .not-logged-in.page-node-add-broker-testimonial #edit-field-broker-kivi-id-und-0-value { border: 1px solid #ccc; } .not-logged-in.page-node-add-broker-testimonial #edit-field-broker-kivi-id-und-0-value.throbbing { background-image: url(/misc/throbber-active.gif); } .testimonial h3 { border: 0px; } .testimonial blockquote { border: 0px; line-height: 24px; font-size: 15px; padding: 0px; } .testimonial p { margin-bottom: 10px; } .reset_bg { background-color: white; } .broker-header { background: #fff; padding-bottom: 35px; } .broker-header h2 { margin-top: 60px; } .broker-header p.email, .broker-header p.phone, .broker-header p.gsm { font-weight: 700; } .broker-header p.email { margin-bottom: 0; } .broker-header p.phone, .broker-header p.gsm { color: #3e3f42; margin-bottom: 0px; } .broker-header p.gsm { margin-bottom: 35px; } .broker-header ul.somes { float: right; margin: 0px; } .broker-header .icon .fa-stack { width: 42px; height: 42px; line-height: 42px; color: #7b7b7e; } .broker-header .icon .fa-stack:hover { background-color: #3b5998; color: #fff; } .broker-header .icon .fa-stack .fa-circle { color: #fff; } .broker-header .icon .fa-stack .fa-circle:before { display: none; } .broker-header .broker-image { background-size: cover; position: relative; height: 600px; } .broker-header .broker-image .image { min-width: 100%; height: 100%; } @media screen and (max-width: 1169px) { .broker-header .broker-image { position: relative; top: 60px; height: auto; } .broker-header .broker-image .image { height: auto; } } @media screen and (max-width: 991px) { .broker-header .broker-image { height: 500px; vertical-align: middle; position: static; } .broker-header .broker-image .image { vertical-align: middle; display: inline-block; position: relative; top: 50%; margin-top: -50%; } } @media screen and (max-width: 767px) { .broker-header .broker-image { height: auto; } .broker-header .broker-image .image { height: auto; display: block; position: static; margin-top: 0px; } .broker-header .title { margin-top: 15px; } } .section-skv-sponsor-list { padding-top: 75px; padding-bottom: 75px; } @media screen and (max-width: 767px) { .section-skv-sponsor-list { padding-top: 35px; padding-bottom: 35px; } } .section-skv-sponsor-list .title, .section-skv-sponsor-list .description { padding-bottom: 30px; } .section-skv-sponsor { margin-bottom: 15px; padding-bottom: 0px; } .section-skv-sponsor .logo { float: left; margin-right: 30px; } .section-skv-sponsor .panel-body { padding: 15px 30px; padding-bottom: 15px; } .section-skv-sponsor h2 { border-bottom: 0px; margin-bottom: 2px; padding-bottom: 0px; } .section-skv-sponsor p { margin-bottom: 15px; } .section-skv-sponsor .segment .icon { background-color: #e3e4e6; padding: 8px 14px; border-radius: 300px; } .section-skv-sponsor .link { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } .section-skv-sponsor .segment .collapse { margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #f4f4f4; } .section-skv-sponsor .title { display: block; color: #2e2f33; margin-bottom: 0px; padding-bottom: 0px; } @media screen and (max-width: 991px) { .section-skv-sponsor .logo { display: none; } .section-skv-sponsor .title { margin-top: 10px; display: block; overflow: hidden; max-width: 80%; white-space: nowrap; text-overflow: ellipsis; } } .section-skv-sponsor .segment .collapse > div, .section-skv-sponsor .segment .collapsing > div { padding-left: 0px; } .section-skv-sponsor .segment .icon.right { top: 2px; } .section-skv-sponsor .ecxowapara[style], .section-skv-sponsor .ecxowapara[style] span[style] { font-family: 'Open Sans', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; color: #7b7b7e !important; } .section-brokers { padding-bottom: 75px; padding-top: 75px; position: relative; max-height: none; overflow: hidden; } @media screen and (max-width: 767px) { .section-brokers { padding-bottom: 35px; padding-top: 35px; } } .section-brokers .description { margin-bottom: 40px; } .section-brokers.partial-hide { max-height: 786px; } .section-brokers .show-all { display: block; margin: 0 auto; position: relative; z-index: 80; } .section-brokers.partial-hide .show-all { position: absolute; left: 50%; bottom: 50px; margin-left: -74px; } @media screen and (max-width: 768px) { .section-brokers.partial-hide { max-height: 570px; } .section-brokers:after { height: 240px; } .section-brokers.partial-hide .show-all { position: absolute; bottom: 0px; left: 0px; padding: 10px; width: auto; margin: 15px; } .section-brokers .show-all { margin-top: 10px; position: static; white-space: normal; } } @media screen and (max-width: 991px) { .pane-skv-views-broker-list-skv-views-broker-list .container.center .row { white-space: normal; } } .section-brokers .view-content .container > .title { margin-top: 0px; margin-bottom: 30px; } .section-brokers.partial-hide { max-height: 740px; } .section-brokers.partial-hide .row:nth-of-type(n+2) { display: none; } .section-brokers:after { display: none; } .section-brokers.partial-hide .show-all { position: absolute; left: 50%; bottom: 0px; margin-left: -165px; } @media screen and (max-width: 992px) { .section-brokers.partial-hide .gridcol:nth-of-type(n+3) { display: none; } .section-brokers.partial-hide .profile.card .body, .section-brokers.partial-hide .profile.card .name, .section-brokers.partial-hide .profile.card .title, .section-brokers.partial-hide .profile.card .job, .section-brokers.partial-hide .profile.card .email, .section-brokers.partial-hide .profile.card .phone, .section-brokers.partial-hide .profile.card .actions .btn { font-size: 15px; } } @media screen and (max-width: 768px) { .section-brokers.partial-hide { max-height: 780px; } .section-brokers.partial-hide .gridcol:nth-of-type(n+2) { display: none; } .section-brokers.partial-hide .show-all { position: relative; bottom: 20px; margin-left: 0px; left: 0px; margin: 0 auto; width: 100%; } } .section-broker-search { padding-top: 75px; padding-bottom: 75px; } @media screen and (max-width: 767px) { .section-broker-search { padding-top: 35px; padding-bottom: 35px; } } .form-item-field-broker-ref-node-id-und-0-target-id { margin-top: 15px; } #broker-testimonial-node-form input#edit-title { padding: 10px 15px; font-size: 15px; } input#edit-field-broker-ref-node-id-und-0-target-id { border: 1px solid #CCCCCC; padding: 10px 15px; height: auto; } .field-name-field-adjs { margin-bottom: 30px; } @media screen and (max-width: 768px) { .broker-testimonials h2 { margin-top: 35px; } } @media screen and (min-width: 768px) { .broker-testimonials h2 { font-size: 56px; line-height: 60px; font-weight: 400; } } #wrap_testimonial { margin: 0 auto; background-color: #f4f4f4; border: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #left_col_testimonial { background-color: #333; border: 15px solid #f4f4f4; display: flex; flex-direction: column; padding-bottom: 35px; } @media screen and (max-width: 992px) { #left_col_testimonial { width: 100%; } } #right_col_testimonial { background-color: #fff; border: 15px solid #f4f4f4; display: flex; flex-direction: column; padding-bottom: 35px; } @media screen and (max-width: 992px) { #right_col_testimonial { width: 100%; } } .tagCloud, .pagination { width: 100%; } .tagCloud a, .pagination a { color: #fff; text-decoration: none; line-height: 2.75; padding: 10px 16px; background: #222324; opacity: 1; } .tagCloud a:hover, .pagination a:hover, .tagCloud a:active, .pagination a:active, .tagCloud a:focus, .pagination a:focus { opacity: 0.75; } .txt_tg { font-family: 'Oxygen', sans-serif; font-size: 16px; white-space: nowrap; } .txt_intro { color: #88897e; } .txt_h1 { color: white; } .span_a_wrap { display: inline-block; margin: 5px; } .text_margin_testimonials { display: inline-block; border: 15px solid #fff; } .form-item.form-type-checkbox label.changed:before { border: 0px solid #7b7b7e; } .broker-page .broker-container { background: #fff; padding-bottom: 35px; } .broker-page .broker-image { text-align: center; margin-bottom: 30px; } @media screen and (min-width: 768px) { .broker-page .broker-image { float: right; margin-bottom: 0; width: 50%; } } .broker-page .broker-image img { max-width: 100%; } @media screen and (min-width: 768px) { .broker-page .broker-details-container { float: left; width: 50%; } } .broker-page .broker-details { font-weight: 700; } .broker-page .broker-details pre { overflow: visible; white-space: pre-wrap; padding: 0; margin: 0; font-size: 15px; word-break: normal; word-wrap: normal; color: #7b7b7e; border: 0; font-family: "Open Sans", Arial, sans-serif; background: none; font-weight: 300; } .broker-page .broker-details .broker-credentials { line-height: 23px; color: #3e3f42; font-size: 15px; margin: 12px 0; } .broker-page .broker-details .broker-email a { color: #ed1c24; } .broker-page .broker-details .broker-phone a, .broker-page .broker-details .broker-gsm a { color: #2e2f33; } .broker-page .broker-contact-form-title { display: none; } .broker-page .broker-button { margin-top: 35px; } .node-office .panel-2col-bricks .panel-col-first, .node-office .panel-2col-bricks .panel-col-last { width: 100%; float: none; } @media screen and (min-width: 768px) { .node-office .panel-2col-bricks .panel-col-first, .node-office .panel-2col-bricks .panel-col-last { float: left; width: 50%; } } .node-office .panel-2col-bricks .panel-col-top .inside, .node-office .panel-2col-bricks .panel-col-middle .inside { margin-bottom: 0; } .node-office h2 { margin: 0 0 30px; color: #3e3f42; font-weight: 400; text-align: center; font-size: 25px; line-height: 25px; } @media screen and (min-width: 768px) { .node-office h2 { font-size: 50px; line-height: 60px; } } .node-office .panel-panel.panel-col-middle { *zoom: 1; background-color: #fff; color: #7b7b7e; } .node-office .panel-panel.panel-col-middle:before, .node-office .panel-panel.panel-col-middle:after { display: table; line-height: 0; content: ""; } .node-office .panel-panel.panel-col-middle:after { clear: both; } .node-office .top-wrapper { *zoom: 1; background-color: #fff; color: #7b7b7e; padding: 50px 0; } .node-office .top-wrapper:before, .node-office .top-wrapper:after { display: table; line-height: 0; content: ""; } .node-office .top-wrapper:after { clear: both; } .node-office .pane-page-breadcrumb { padding: 30px 0; } .node-office .pane-realia-office-panes-details { margin: 40px 0 70px; } .node-office .pane-realia-office-panes-details .office-details__group__heading { display: none; } .node-office .pane-realia-office-panes-map .leaflet-container { max-height: 280px; } @media screen and (min-width: 768px) { .node-office .pane-realia-office-panes-map .leaflet-container { max-height: none; } } .node-office .pane-realia-office-panes-brokers, .node-office .pane-skv-views-purchase-list-panel-pane-1, .node-office .pane-office-page-nordea-panel-pane-1, .node-office .pane-office-serves-office-serves, .node-office .pane-realia-office-panes-contact, .node-office .pane-realia-office-panes-text { padding: 75px 0; } .node-office .pane-realia-office-panes-contact p { text-align: center; } .node-office .pane-realia-office-panes-brokers { position: relative; text-align: center; } .node-office .pane-realia-office-panes-brokers .broker { margin: 0 auto 20px; display: block; vertical-align: top; width: 260px; text-align: left; } .node-office .pane-realia-office-panes-brokers .broker .broker-image img { max-width: 100%; } .node-office .pane-realia-office-panes-brokers .broker .broker-image .placeholder-image { height: 255px; line-height: 255px; text-align: center; background: #ed1c24; } .node-office .pane-realia-office-panes-brokers .broker .broker-details { padding: 15px 20px; background: #fff; font-weight: 700; text-align: left; } .node-office .pane-realia-office-panes-brokers .broker .broker-details .broker-name a { color: #ed1c24; width: 100%; margin: 0; } .node-office .pane-realia-office-panes-brokers .broker .broker-details .broker-name a:after { content: "\f178"; font-family: "FontAwesome"; padding-left: 4px; } .node-office .pane-realia-office-panes-brokers .broker .broker-details .broker-title { font-size: 14px; color: #2e2f33; margin-bottom: 15px; font-weight: 700; } .node-office .pane-realia-office-panes-brokers .broker .broker-details .broker-email a { color: #ed1c24; } .node-office .pane-realia-office-panes-brokers .broker .broker-details .broker-phone a, .node-office .pane-realia-office-panes-brokers .broker .broker-details .broker-gsm a { color: #2e2f33; } .node-office .pane-realia-office-panes-brokers .broker .broker-button a { margin: 20px 0 0; } @media screen and (min-width: 768px) { .node-office .pane-realia-office-panes-brokers .broker { margin: 0 40px 40px 0; display: inline-block; width: 300px; } .node-office .pane-realia-office-panes-brokers .broker:nth-child(2n) { margin: 0 0 40px; } } @media screen and (min-width: 1170px) { .node-office .pane-realia-office-panes-brokers .broker { width: 22%; } .node-office .pane-realia-office-panes-brokers .broker:nth-child(2n) { margin: 0 40px 40px 0; } .node-office .pane-realia-office-panes-brokers .broker:nth-child(4n) { margin: 0 0 40px 0; } } .node-office .pane-realia-office-panes-text { text-align: center; } @media screen and (min-width: 768px) { .node-office .pane-skv-views-purchase-list-panel-pane-1 .views-row { float: left; width: 50%; } } @media screen and (min-width: 1170px) { .node-office .pane-skv-views-purchase-list-panel-pane-1 .views-row { width: 33%; display: inline-block; float: none; vertical-align: middle; } } .node-office .pane-office-page-nordea-panel-pane-1 .logo-wrapper { text-align: center; } .node-office .pane-office-page-nordea-panel-pane-1 .logo-wrapper a { background: url('../assets/logo-nordea.png') no-repeat; width: 180px; height: 41px; display: inline-block; } @media screen and (min-width: 768px) { .node-office .pane-office-page-nordea-panel-pane-1 .nordea-description { float: left; width: 48%; margin-right: 4%; } } .node-office .pane-office-page-nordea-panel-pane-1 .contact-info legend { border: 0; } @media screen and (min-width: 768px) { .node-office .pane-office-page-nordea-panel-pane-1 .contact-info { float: right; width: 28%; } } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees { clear: both; margin: 25px 0; } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .view-content { *zoom: 1; } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .view-content:before, .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .view-content:after { display: table; line-height: 0; content: ""; } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .view-content:after { clear: both; } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .person-row { margin-bottom: 30px; } @media screen and (min-width: 768px) { .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .person-row { width: 48%; margin-right: 4%; float: left; } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .person-row:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 1170px) { .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .person-row { width: 22.75%; margin-right: 3%; } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .person-row:nth-child(2n) { margin-right: 3%; } .node-office .pane-office-page-nordea-panel-pane-1 .nordea-employees .person-row:nth-child(4n) { margin-right: 0; } } .node-office .pane-office-serves-office-serves .view-header { text-align: center; margin-bottom: 40px; } .node-office .pane-office-serves-office-serves .view-content { *zoom: 1; } .node-office .pane-office-serves-office-serves .view-content:before, .node-office .pane-office-serves-office-serves .view-content:after { display: table; line-height: 0; content: ""; } .node-office .pane-office-serves-office-serves .view-content:after { clear: both; } .node-office .pane-office-serves-office-serves .view-content .listing-gradient { clear: both; } .node-office .pane-office-serves-office-serves .view-content .area-row { background: #fff; height: 52px; position: relative; margin-bottom: 30px; } @media screen and (min-width: 768px) { .node-office .pane-office-serves-office-serves .view-content .area-row { width: 48%; margin-right: 4%; float: left; } .node-office .pane-office-serves-office-serves .view-content .area-row:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 1170px) { .node-office .pane-office-serves-office-serves .view-content .area-row { width: 22.75%; margin-right: 3%; } .node-office .pane-office-serves-office-serves .view-content .area-row:nth-child(2n) { margin-right: 3%; } .node-office .pane-office-serves-office-serves .view-content .area-row:nth-child(4n) { margin-right: 0; } } .node-office .pane-office-serves-office-serves .view-content .area-row .image, .node-office .pane-office-serves-office-serves .view-content .area-row .title { display: inline-block; vertical-align: middle; } .node-office .pane-office-serves-office-serves .view-content .area-row .image img { max-height: 52px; max-width: 80px; } .node-office .pane-office-serves-office-serves .view-content .area-row .title { padding: 0 5px; line-height: 52px; color: #ed1c24; font-weight: 700; } .node-office .pane-office-serves-office-serves .view-content .area-row .title:after { content: "\f178"; font-family: "FontAwesome"; margin-left: 4px; } .node-office .pane-office-serves-office-serves .view-content .area-row .link a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .node-type-housing-company .top-wrapper { display: none; } .node-type-housing-company .panelizer-view-mode.container, .node-type-housing-company .panel-panel.panel-col-top .container { margin: 0; padding: 0; width: 100%; } .node-type-housing-company .panel-2col-bricks .panel-panel .inside { margin: 0; } .node-type-housing-company .pane-node-field-housing-company-descriptio { margin: 20px 0 40px; } .node-type-housing-company .pane-node-field-housing-company-build-desc .pane-content { padding: 15px 40px; background: #fff; } .node-type-housing-company h2 { margin: 5px 20px 20px 5px; display: inline-block; font-size: 15px; font-weight: 700; line-height: 36px; } .node-type-housing-company h2:before { content: "\f00b"; font-size: 0.75em; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color: #fff; background: #000; padding: 10px; border-radius: 40px; margin-right: 10px; } .node-type-housing-company .pane-housing-company-property-results h2:before { content: "\f084"; } .node-type-housing-company .pane-node-field-housing-company-included .field-collection-view { margin: 0; padding: 0; border: 0; } .node-type-housing-company .pane-node-field-housing-company-included > .field-collection-container > .field-name-field-housing-company-included > .field-items { display: flex; flex-wrap: wrap; flex-flow: row; padding-bottom: 50px; padding-top: 50px; } @include lower-than-tablet() { flex-flow: wrap; } .node-type-housing-company .pane-node-field-housing-company-included > .field-collection-container > .field-name-field-housing-company-included > .field-items > .field-item { display: inline-block; flex-grow: 1; } .node-type-housing-company .pane-node-field-housing-company-included > .field-collection-container > .field-name-field-housing-company-included > .field-items > .field-item:only-child { /* If we have only 1 builder of housing company - no borders */ border-left: none; border-right: none; display: block; margin-left: auto; margin-right: auto; width: 50%; max-width: 50%; } .node-type-housing-company .pane-node-field-housing-company-included > .field-collection-container > .field-name-field-housing-company-included > .field-items > .field-item:first-child:not(:only-child) { /* If it is 1st builder of housing company and it is not only builder */ border-right: 2px solid #bfbfbf; } @include lower-than-tablet() { border-right: unset; } .node-type-housing-company .pane-node-field-housing-company-included > .field-collection-container > .field-name-field-housing-company-included > .field-items > .field-item:nth-child(2):not(:last-child) { /* If it is 2nd builder of housing company and it is not last builder */ border-right: 2px solid #bfbfbf; } @include lower-than-tablet() { border-right: unset; } .node-type-housing-company .pane-node-field-housing-company-included > .field-collection-container > .field-name-field-housing-company-included > .field-items .field-name-field-housing-company-role { display: inline-block; text-align: center; width: 100%; padding-top: 20px; font-size: 2.5em; } .node-type-housing-company .pane-node-field-housing-company-included > .field-collection-container > .field-name-field-housing-company-included > .field-items img { vertical-align: middle; display: block; margin-left: auto; margin-right: auto; } .page-kohde .breadcrumbs-wrapper { background-color: #3e3f42; color: #fff; font-size: 13px; height: 53px; } .page-kohde .breadcrumbs-wrapper .breadcrump { height: 53px; } .page-kohde .breadcrumbs-wrapper .breadcrump .col-sm-12 { line-height: 1; } .page-kohde .breadcrumbs-wrapper a .fa-home { color: #fff; } .page-kohde #page { margin-bottom: 0; } .property-page { padding-bottom: 75px; } .property-page h2 { margin: 5px 20px 20px 5px; display: inline-block; font-size: 15px; font-weight: 700; line-height: 36px; } .property-page h2:before { content: "\f06e"; font-size: 0.75em; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color: #fff; background: #000; padding: 10px; border-radius: 40px; margin-right: 10px; width: 35px; height: 35px; text-align: center; } .property-page .addtoany--no-text .addtoany__icon-text { display: none; } .property-page .addtoany_list { display: block; margin-top: 50px; } .property-page .addtoany_list a:first-child { padding-left: 0; } .property-page .addtoany_list a:last-child { padding-right: 0; } .property-page .addtoany_list a span.addtoany__icon-text { font-size: 16px; margin-left: 10px; width: auto; } .property-page .addtoany--top { float: right; margin-bottom: 30px; } .property-page .addtoany--top + div { clear: both; } .property-page .addtoany--bottom { margin-bottom: 30px; } .property-page .property-homestory h2:before { content: "\e610"; } .property-page .details h2:before { content: "\f00b"; } .property-page #map-canvas h2:before { content: "\f041"; } .property-page h3 { border-bottom: 1px solid #f4f4f4; font-size: 15px; font-weight: 700; color: #3e3f42; padding-bottom: 6px; margin-top: 0; margin-bottom: 13px; } .property-page .top-specs-wrapper { margin-top: 35px; *zoom: 1; } .property-page .top-specs-wrapper:before, .property-page .top-specs-wrapper:after { display: table; line-height: 0; content: ""; } .property-page .top-specs-wrapper:after { clear: both; } @media screen and (min-width: 768px) { .property-page .top-specs-wrapper .specs-wrapper { float: left; } } .property-page .top-specs-wrapper .homestory-anchor { margin-top: 25px; } @media screen and (min-width: 768px) { .property-page .top-specs-wrapper .homestory-anchor { float: right; text-align: right; margin-top: 0; } } .property-page .top-specs-wrapper .homestory-anchor span { display: inline-block; background: #ed1c24; color: #fff; font-size: 15px; font-weight: 700; padding: 5px 25px 5px 5px; cursor: pointer; } .property-page .top-specs-wrapper .homestory-anchor span:before { content: ''; background-image: url('../images/kodin-tarina-logo.png'); background-repeat: no-repeat; background-size: contain; width: 45px; height: 45px; display: inline-block; margin-right: 15px; vertical-align: middle; } @media screen and (min-width: 768px) { .property-page .top-specs-wrapper .homestory-anchor span { font-size: 18px; } .property-page .top-specs-wrapper .homestory-anchor span:before { width: 55px; height: 55px; } } .property-page .top-specs-wrapper .specs-short, .property-page .top-specs-wrapper .price-short { font-weight: 700; font-size: 20px; color: #3e3f42; line-height: 1; } .property-page .top-specs-wrapper .specs-short { margin-bottom: 10px; } .property-page .description { margin-top: 35px; } .property-page .description .description-wrapper { background: #fff; padding: 30px 40px; } .property-page .description .description-wrapper pre { overflow: visible; white-space: pre-wrap; padding: 0; margin: 0; font-size: 15px; word-break: normal; word-wrap: normal; color: #7b7b7e; border: 0; font-family: "Open Sans", Arial, sans-serif; background: none; } .property-page .description h2 { line-height: 1; } .property-page .description h2:before { content: ''; background-image: url('../images/description-icon.png'); background-repeat: no-repeat; background-size: contain; vertical-align: middle; width: 33px; height: 33px; } .property-page .next-showing-list { clear: both; margin-top: 35px; } .property-page .next-showing-list .showing-list-wrapper { background: #fff; padding: 15px 40px 30px; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container { margin-bottom: 15px; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container legend { border: 0; float: none; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .showing-title-container.fieldset-legend { background-image: none; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container h3 { font-size: 20px; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .showing-brokers-title { font-weight: bold; font-size: 16px; color: #3e3f42; margin: 20px 0; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-showing { *zoom: 1; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-showing:before, .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-showing:after { display: table; line-height: 0; content: ""; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-showing:after { clear: both; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-image, .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-details-container { float: left; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-image img { max-width: 100px; padding-right: 20px; margin-bottom: 20px; } .property-page .next-showing-list .showing-list-wrapper .next-showing-container .broker-name { font-weight: bold; color: #3e3f42; margin-top: 10px; } .property-page .property-homestory { margin-top: 35px; } .property-page .property-homestory .homestory-description, .property-page .property-homestory .homestory-top { background: #fff; padding: 15px 35px 45px; margin-top: 15px; } .property-page .property-homestory .homestory-carousel .homestory-main-carousel { position: relative; } .property-page .property-homestory .homestory-carousel .homestory-main-carousel .slider-item-wrapper { background: #3e3f42; position: relative; } .property-page .property-homestory .homestory-carousel .homestory-main-carousel .slider-item-wrapper img { display: block; margin: 0 auto; width: auto; height: 230px; } @media screen and (min-width: 480px) { .property-page .property-homestory .homestory-carousel .homestory-main-carousel .slider-item-wrapper img { height: 350px; } } @media screen and (min-width: 768px) { .property-page .property-homestory .homestory-carousel .homestory-main-carousel .slider-item-wrapper img { height: 490px; } } .property-page .property-homestory .homestory-carousel .homestory-main-carousel .slider-item-wrapper .caption { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.3); color: white; text-align: center; padding: 10px 26px; } .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation { margin-top: 15px; display: flex; flex-direction: row; } @media screen and (max-width: 768px) { .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation { display: none; } } .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation .slick-arrow-wrapper { position: relative; border: 0; background: none; top: 0; bottom: 0; height: unset; padding: 0; cursor: auto; flex-shrink: 0; } .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation .slick-arrow-wrapper .slick-arrow { top: 30%; } .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation .slick-arrow-wrapper .slick-arrow.slick-prev { left: 0; } .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation .slick-arrow-wrapper .slick-arrow.slick-next { right: 0; } .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation .homestory-thumbnail-wrapper { background: #000; text-align: center; margin: 0 10px; height: 100px; overflow: hidden; } .property-page .property-homestory .homestory-carousel .homestory-thumbnail-navigation .homestory-thumbnail-wrapper img { display: inline-block; max-width: 150px; min-height: 100px; height: auto; } .property-page .property-homestory .homestory-video { *zoom: 1; } .property-page .property-homestory .homestory-video:before, .property-page .property-homestory .homestory-video:after { display: table; line-height: 0; content: ""; } .property-page .property-homestory .homestory-video:after { clear: both; } .property-page .property-homestory .homestory-video .homestory-video-wrapper { overflow: hidden; position: relative; height: 1px; width: 100%; float: left; clear: both; padding-bottom: 57%; margin-top: 15px; margin-bottom: 5px; } .property-page .property-homestory .homestory-video .homestory-video-wrapper iframe { position: absolute; width: 100% !important; height: 100% !important; top: 0px; left: 0px; } .property-page .property-homestory .homestory-top ul { list-style: none; padding: 0; *zoom: 1; } .property-page .property-homestory .homestory-top ul:before, .property-page .property-homestory .homestory-top ul:after { display: table; line-height: 0; content: ""; } .property-page .property-homestory .homestory-top ul:after { clear: both; } .property-page .property-homestory .homestory-top ul li { width: 30%; float: left; margin: 0 5%; background-image: url("../images/top_3_2.png"); background-repeat: no-repeat; background-position: top center; padding-top: 140px; display: block; text-align: center; margin-top: 15px; } @media screen and (max-width: 767px) { .property-page .property-homestory .homestory-top ul li { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-left: 0px; margin-right: 0px; margin-top: 40px; clear: both; } } .property-page .property-homestory .homestory-top ul li.top-1, .property-page .property-homestory .homestory-top ul li.top-3 { margin-left: 0px; margin-right: 0px; } .property-page .property-homestory .homestory-top ul li.top-1 { background-image: url("../images/top_3_1.png"); } .property-page .property-homestory .homestory-top ul li.top-3 { background-image: url("../images/top_3_3.png"); } .property-page .property-homestory .homestory-share, .property-page .property-homestory .homestory-info { margin-top: 15px; } .property-page #map-canvas { margin-top: 35px; } .property-page .details { margin-top: 35px; } .property-page .details .details-wrapper { background: #fff; padding: 15px 40px 30px; } .property-page .details .details-wrapper h3 { margin-top: 20px; } .property-page .details .details-wrapper h3:first-child { margin-top: 0; } .property-page .details .details-wrapper .detail-row { *zoom: 1; padding: 10px 15px 10px 0; border-bottom: 1px solid #f4f4f4; } .property-page .details .details-wrapper .detail-row:before, .property-page .details .details-wrapper .detail-row:after { display: table; line-height: 0; content: ""; } .property-page .details .details-wrapper .detail-row:after { clear: both; } .property-page .details .details-wrapper .detail-row.first { padding-top: 0; } .property-page .details .details-wrapper .detail-row .label { color: #7b7b7e; text-align: left; font-size: 100%; padding: 0; font-weight: bold; line-height: 1; } @media screen and (min-width: 768px) { .property-page .details .details-wrapper .detail-row .label { width: 30%; float: left; font-weight: 300; } } .property-page .details .details-wrapper .detail-row .value { line-height: 1; } @media screen and (min-width: 768px) { .property-page .details .details-wrapper .detail-row .value { width: 70%; float: left; } } .property-page .broker-and-office { margin-top: 35px; } .property-page .broker-and-office .broker-and-office-wrapper { background: #fff; padding: 30px 20px; *zoom: 1; } .property-page .broker-and-office .broker-and-office-wrapper:before, .property-page .broker-and-office .broker-and-office-wrapper:after { display: table; line-height: 0; content: ""; } .property-page .broker-and-office .broker-and-office-wrapper:after { clear: both; } @media screen and (min-width: 992px) { .property-page .broker-and-office .broker-and-office-wrapper .left-block, .property-page .broker-and-office .broker-and-office-wrapper .right-block { float: left; width: 50%; } } .property-page .broker-and-office .broker-and-office-wrapper .left-block { margin-bottom: 30px; } @media screen and (min-width: 992px) { .property-page .broker-and-office .broker-and-office-wrapper .left-block { margin: 0; } } .property-page .broker-and-office .broker-and-office-wrapper .broker { display: block; vertical-align: top; width: 260px; text-align: left; width: 100%; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-image img { max-width: 100%; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-image .placeholder-image { height: 255px; line-height: 255px; text-align: center; background: #ed1c24; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details { padding: 15px 20px; background: #fff; font-weight: 700; text-align: left; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-name a { color: #ed1c24; width: 100%; margin: 0; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-name a:after { content: "\f178"; font-family: "FontAwesome"; padding-left: 4px; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-title { font-size: 14px; color: #2e2f33; margin-bottom: 15px; font-weight: 700; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-email a { color: #ed1c24; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-phone a, .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-gsm a { color: #2e2f33; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-button a { margin: 20px 0 0; } @media screen and (min-width: 480px) { .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-image { float: left; width: 50%; } } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-image img { max-height: 280px; max-width: 100%; } @media screen and (min-width: 480px) { .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details, .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-button { float: right; width: 50%; padding: 0 10px; } } @media screen and (min-width: 992px) { .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details, .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-button { padding: 0 40px; } } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details { margin-top: 15px; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-title { font-weight: 700; color: #2e2f33; margin: 0; } .property-page .broker-and-office .broker-and-office-wrapper .broker .broker-details .broker-email { margin-top: 15px; } .property-page .broker-and-office .broker-and-office-wrapper .office { *zoom: 1; } .property-page .broker-and-office .broker-and-office-wrapper .office:before, .property-page .broker-and-office .broker-and-office-wrapper .office:after { display: table; line-height: 0; content: ""; } .property-page .broker-and-office .broker-and-office-wrapper .office:after { clear: both; } @media screen and (min-width: 480px) { .property-page .broker-and-office .broker-and-office-wrapper .office .office-image { float: left; width: 50%; } } .property-page .broker-and-office .broker-and-office-wrapper .office .office-image img { max-width: 100%; } .property-page .broker-and-office .broker-and-office-wrapper .office .office-details { padding: 15px 20px; } @media screen and (min-width: 480px) { .property-page .broker-and-office .broker-and-office-wrapper .office .office-details { float: right; width: 50%; padding: 0 10px; margin-top: 15px; } } @media screen and (min-width: 992px) { .property-page .broker-and-office .broker-and-office-wrapper .office .office-details { padding: 0 40px; } } .property-page .broker-and-office .broker-and-office-wrapper .office .office-details .office-link a, .property-page .broker-and-office .broker-and-office-wrapper .office .office-details .office-email a { color: #ed1c24; font-weight: 700; } .property-page .broker-and-office .broker-and-office-wrapper .office .office-details .office-address, .property-page .broker-and-office .broker-and-office-wrapper .office .office-details .office-zip, .property-page .broker-and-office .broker-and-office-wrapper .office .office-details .office-phone a { font-weight: 700; color: #2e2f33; } .property-page .broker-and-office .broker-and-office-wrapper .office .office-details .office-address, .property-page .broker-and-office .broker-and-office-wrapper .office .office-details .office-email { margin-top: 15px; } .property-page .omatarjous-list, .property-page .bids-options-wrapper { background-color: #ed1c24; padding: 15px; } .property-page .omatarjous-list { color: #fff; margin-top: 35px; } .property-page .omatarjous-list h2 { color: #fff; font-size: 22px; margin-bottom: 15px; } .property-page .omatarjous-list h2:before { content: ''; width: 60px; height: 60px; vertical-align: middle; background: url('../images/omatarjoustm.png') no-repeat center center; } .property-page .omatarjous-list .intro a { color: #fff; } .property-page .omatarjous-list .title { font-weight: 700; line-height: 23px; font-size: 18px; margin: 24px 0 12px; } .property-page .omatarjous-list .list-container { border: 1px solid #e3e4e6; border-bottom: 0; display: table; margin-bottom: 0; } @media screen and (min-width: 768px) { .property-page .omatarjous-list .list-container { width: 500px; } } .property-page .omatarjous-list .list-container .row { display: table-row; margin: 0; background: #d91018; } .property-page .omatarjous-list .list-container .row:last-child { border: 0; } .property-page .omatarjous-list .list-container .row .cell { display: table-cell; padding: 8px 10px; font-weight: bold; border-bottom: 1px solid #e3e4e6; } .property-page .bids-options-wrapper a, .property-page .bids-options-wrapper button { background: #d91018; color: #fff; border: 0; font-weight: 700; padding: 10px 32px; display: inline-block; } .property-page .bids-options-wrapper a { margin-right: 5px; } .property-page .lainalaskuri-link { text-align: right; } .property-page .lainalaskuri-link a { color: #ed1c24; font-weight: 700; display: inline-block; margin: 15px 0; } .property-page .lainalaskuri-link a:after { content: "\f178"; font-family: "FontAwesome"; padding-left: 4px; } .all-images-list .image-item { padding-bottom: 16px; } .all-images-list .image-item:first-child { padding-top: 16px; } .all-images-list .image-item img { max-width: 100%; } .view-housing-company-all-images .like-h2 { margin: 1em 0; } .view-housing-company-all-images .images a { display: block; margin-bottom: 16px; } .view-housing-company-all-images .images a img { max-width: 100%; } .two-col .title, .two-col .description { text-align: center; } .two-col .title { margin-top: 24px; margin-bottom: 30px; } .two-col .description { margin-bottom: 30px; } .two-col.tabs .content { white-space: nowrap; text-align: center; } .two-col.tabs .content .col-xs-1, .two-col.tabs .content .col-sm-1, .two-col.tabs .content .col-md-1, .two-col.tabs .content .col-lg-1, .two-col.tabs .content .col-xs-2, .two-col.tabs .content .col-sm-2, .two-col.tabs .content .col-md-2, .two-col.tabs .content .col-lg-2, .two-col.tabs .content .col-xs-3, .two-col.tabs .content .col-sm-3, .two-col.tabs .content .col-md-3, .two-col.tabs .content .col-lg-3, .two-col.tabs .content .col-xs-4, .two-col.tabs .content .col-sm-4, .two-col.tabs .content .col-md-4, .two-col.tabs .content .col-lg-4, .two-col.tabs .content .col-xs-5, .two-col.tabs .content .col-sm-5, .two-col.tabs .content .col-md-5, .two-col.tabs .content .col-lg-5, .two-col.tabs .content .col-xs-6, .two-col.tabs .content .col-sm-6, .two-col.tabs .content .col-md-6, .two-col.tabs .content .col-lg-6, .two-col.tabs .content .col-xs-7, .two-col.tabs .content .col-sm-7, .two-col.tabs .content .col-md-7, .two-col.tabs .content .col-lg-7, .two-col.tabs .content .col-xs-8, .two-col.tabs .content .col-sm-8, .two-col.tabs .content .col-md-8, .two-col.tabs .content .col-lg-8, .two-col.tabs .content .col-xs-9, .two-col.tabs .content .col-sm-9, .two-col.tabs .content .col-md-9, .two-col.tabs .content .col-lg-9, .two-col.tabs .content .col-xs-10, .two-col.tabs .content .col-sm-10, .two-col.tabs .content .col-md-10, .two-col.tabs .content .col-lg-10, .two-col.tabs .content .col-xs-11, .two-col.tabs .content .col-sm-11, .two-col.tabs .content .col-md-11, .two-col.tabs .content .col-lg-11, .two-col.tabs .content .col-xs-12, .two-col.tabs .content .col-sm-12, .two-col.tabs .content .col-md-12, .two-col.tabs .content .col-lg-12 { display: inline-block; float: none; /* reset the text-align */ text-align: center; /* inline-block space fix */ vertical-align: middle; white-space: normal; } .two-col.tabs .content .tab-buttons { display: inline-block; margin: 0 auto; text-align: center; } .two-col .icon.left { margin-bottom: 0px; margin-top: 23px; margin-left: -2px; } .two-col .content img { max-width: 100%; } .two-col .content iframe { width: 100%; } .two-col .content.top .col-xs-12 { vertical-align: top; } .two-col .content.top .col-xs-12 h3 { margin-top: 10px; } .two-col .content.top .col-xs-12 .icon { margin-top: 7px; } .two-col .content.left .col-xs-12 { text-align: left; } @media screen and (max-width: 991px) { .two-col .col-xs-12 { margin-bottom: 40px; white-space: normal; } .two-col .title { white-space: normal; } } .three-col .title, .three-col .description { text-align: center; } .three-col .title { margin-top: 24px; margin-bottom: 30px; } .three-col .description { margin-bottom: 30px; } .three-col.tabs .content { white-space: nowrap; text-align: center; } .three-col.tabs .content .col-xs-1, .three-col.tabs .content .col-sm-1, .three-col.tabs .content .col-md-1, .three-col.tabs .content .col-lg-1, .three-col.tabs .content .col-xs-2, .three-col.tabs .content .col-sm-2, .three-col.tabs .content .col-md-2, .three-col.tabs .content .col-lg-2, .three-col.tabs .content .col-xs-3, .three-col.tabs .content .col-sm-3, .three-col.tabs .content .col-md-3, .three-col.tabs .content .col-lg-3, .three-col.tabs .content .col-xs-4, .three-col.tabs .content .col-sm-4, .three-col.tabs .content .col-md-4, .three-col.tabs .content .col-lg-4, .three-col.tabs .content .col-xs-5, .three-col.tabs .content .col-sm-5, .three-col.tabs .content .col-md-5, .three-col.tabs .content .col-lg-5, .three-col.tabs .content .col-xs-6, .three-col.tabs .content .col-sm-6, .three-col.tabs .content .col-md-6, .three-col.tabs .content .col-lg-6, .three-col.tabs .content .col-xs-7, .three-col.tabs .content .col-sm-7, .three-col.tabs .content .col-md-7, .three-col.tabs .content .col-lg-7, .three-col.tabs .content .col-xs-8, .three-col.tabs .content .col-sm-8, .three-col.tabs .content .col-md-8, .three-col.tabs .content .col-lg-8, .three-col.tabs .content .col-xs-9, .three-col.tabs .content .col-sm-9, .three-col.tabs .content .col-md-9, .three-col.tabs .content .col-lg-9, .three-col.tabs .content .col-xs-10, .three-col.tabs .content .col-sm-10, .three-col.tabs .content .col-md-10, .three-col.tabs .content .col-lg-10, .three-col.tabs .content .col-xs-11, .three-col.tabs .content .col-sm-11, .three-col.tabs .content .col-md-11, .three-col.tabs .content .col-lg-11, .three-col.tabs .content .col-xs-12, .three-col.tabs .content .col-sm-12, .three-col.tabs .content .col-md-12, .three-col.tabs .content .col-lg-12 { display: inline-block; float: none; /* reset the text-align */ text-align: center; /* inline-block space fix */ vertical-align: middle; white-space: normal; } .three-col.tabs .content .tab-buttons { display: inline-block; margin: 0 auto; text-align: center; } .three-col .content img { max-width: 100%; } .three-col .content iframe { width: 100%; } @media screen and (max-width: 991px) { .three-col .col-xs-12 { margin-bottom: 40px; } .three-col .title { white-space: normal; } } .big-image { z-index: 0; position: relative; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .big-image .background { position: relative; min-height: 320px; padding-bottom: 40%; background-size: cover; background-position: center; } .big-image .background:before { display: block; content: ""; background-color: rgba(0, 0, 0, 0.04); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 20; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.35)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); /* IE6-8 */ } .big-image .background:after { display: block; content: ""; background-color: rgba(0, 0, 0, 0.04); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 20; z-index: 25; } .big-image.small .background { min-height: 0px; height: 420px; overflow: hidden; } .big-image .image { width: 100%; max-height: 620px; max-height: 100vh; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .big-image .wrapper { position: absolute; width: 100%; height: 100%; top: 0px; z-index: 40; text-align: center; white-space: nowrap; } .big-image .wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .big-image .wrapper.has-footer { padding-bottom: 100px; } .big-image .wrapper.has-footer.broker { padding-bottom: 0; } .big-image .has-footer { min-height: 100px; } @media screen and (max-width: 992px) { .big-image .has-footer { min-height: 300px; } } .big-image .content { display: inline-block; vertical-align: middle; text-align: center; } .big-image .content .title { font-weight: normal; color: white; padding-bottom: 10px; margin-bottom: 0px; white-space: normal; } .big-image .content h2.title { font-weight: 300; font-size: 3.2em; text-shadow: 0 0 50px rgba(0, 0, 0, 0.5); } .big-image .content .description { display: block; color: white; padding-top: 10px; padding-bottom: 20px; white-space: normal; font-size: 20px; word-break: break-word; line-height: 21px; text-shadow: 0 0 50px rgba(0, 0, 0, 0.5); } .big-image .content .btn-image { margin-top: 20px; } .big-image .footer { background-color: rgba(255, 255, 255, 0.3); z-index: 45; position: absolute; bottom: 0px; width: 100%; padding: 28px 0px; } @media screen and (max-width: 767px) { .big-image .footer .center .row .col-xs-12 { display: block; clear: both; } } .big-image .footer > .search { height: 108px; } @media screen and (min-width: 992px) { .big-image .footer .search .title-container { padding-left: 0px; } } .big-image .footer .search > div > .input-group-btn { width: 100%; display: block; } .big-image .footer .search > div > .input-group-btn button#skv-search-type { width: 100%; -ms-box-sizing: 'border-box'; -moz-box-sizing: 'border-box'; -webkit-box-sizing: 'border-box'; box-sizing: 'border-box'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; padding-right: 25px; text-align: center; position: relative; } .big-image .footer .search > div > .input-group-btn button#skv-search-type span.caret { position: absolute; right: 15px; top: 50%; } .big-image .footer .search h3.title { height: 44px; line-height: 44px; text-align: left; } @media screen and (min-width: 992px) { .big-image .footer .search h3.title { font-size: 1em; } } @media screen and (min-width: 1170px) { .big-image .footer .search h3.title { font-size: 24px; } } @media screen and (min-width: 992px) { .big-image .footer .search .property-search, .big-image .footer .search .broker-search { padding: 0px; } } .big-image .footer .search .property-search input.search, .big-image .footer .search .broker-search input.search { height: 44px; line-height: 44px; } @media screen and (max-width: 767px) { .big-image .footer .search .property-search input.search, .big-image .footer .search .broker-search input.search { margin-top: 10px; margin-bottom: 10px; } } .big-image .footer .search .input-group-btn button { width: 100%; } .big-image .footer .search .link-more { float: right; line-height: 44px; } .big-image .footer .search .btn-primary.dropdown-toggle { background: #e3e4e6; color: #7b7b7e; } .big-image .footer .search .btn-primary.submit { min-width: 100px; float: left; width: 100%; } .big-image .footer .input-group { margin: 0 auto; } .big-image .footer .row { display: inline-block; width: 100%; } @media screen and (min-width: 992px) { .big-image .footer .property-search { padding-left: 10px; } } .big-image .footer .property-search + div { text-align: left; } .big-image .footer .title { color: white; text-align: center; font-weight: 300; margin-top: 0px; margin-bottom: 0px; } @media screen and (max-width: 1169px) { .big-image .wrapper.has-footer.properties { padding-bottom: 267px; } .big-image .content { word-break: break-all; padding: 0px 15px; height: auto; width: 100%; max-width: 100%; padding-top: 130px; } .big-image .footer { background-color: white; color: #2e2f33; padding: 15px 0px 30px 0px; position: relative; z-index: 50; } .big-image .footer .title { color: #2e2f33; font-size: 1.5em; } .big-image .footer .row > div { margin-bottom: 10px; padding-right: 15px; padding-left: 15px; } .big-image .footer .title, .big-image .footer .input-group-btn, .big-image .footer .btn, .big-image .footer .link-more { width: 100%; max-width: none; display: block; } .big-image .footer .link-more { display: block; text-align: center; color: #2e2f33; padding-top: 15px; width: 100%; } .big-image .footer .input-group-btn { position: relative; } .big-image .footer .dropdown-menu { top: 42px; position: absolute; } .big-image .footer > .search { height: auto; } } @media screen and (max-width: 767px) { .big-image .content { padding-top: 0px; margin-top: -70px; } .big-image .content h2.title { font-size: 2.4em; font-weight: 700; line-height: 1em; text-shadow: 0 0 50px rgba(0, 0, 0, 0.4); } .big-image .content .description { font-weight: normal; text-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } .big-image .footer { padding: 40px 0px; padding-top: 25px; } .big-image .footer .col-xs-12 { padding-left: 0px; padding-right: 0px; } } @media screen and (max-width: 768px) { .front .big-image .wrapper.has-footer.properties { padding-bottom: 0; } } .quick-search-tooltipped .quick-search-tooltip { background: #75caeb none repeat scroll 0 0; box-sizing: border-box; padding: 10px 20px 10px 45px; width: auto; } .quick-search-tooltipped .quick-search-tooltip-close { border: 1px solid #3e3f42; border-radius: 50px; cursor: pointer; height: 21px; left: 10px; position: absolute; text-indent: -9999px; top: 11px; width: 21px; } .quick-search-tooltipped .quick-search-tooltip-close:before, .quick-search-tooltipped .quick-search-tooltip-close:after { border-left: 1px solid #3e3f42; content: ""; height: 14px; left: 9px; position: absolute; top: 3px; transform: rotate(45deg); width: 0; } .quick-search-tooltipped .quick-search-tooltip-close:after { transform: rotate(135deg); } .pane-bundle-text { padding: 75px 0px; } @media screen and (max-width: 767px) { .pane-bundle-text { padding: 35px 0px; } } .pane-bundle-text h1:first-of-type, .pane-bundle-text h2:first-of-type { margin-top: 0px; } @media screen and (max-width: 767px) { .pane-bundle-text iframe { width: 100%; } } .page-yhteystiedot #header_menu li a, .page-kiinteistonvalittaja #header_menu li a, .page-yhteystiedot #main_menu li a, .page-kiinteistonvalittaja #main_menu li a { color: #fff; } .page-yhteystiedot .panel-display.rolph .row:first-child, .page-kiinteistonvalittaja .panel-display.rolph .row:first-child { position: relative; } .page-yhteystiedot .panel-display.rolph .row:first-child .panels-ipe-portlet-wrapper:last-child, .page-kiinteistonvalittaja .panel-display.rolph .row:first-child .panels-ipe-portlet-wrapper:last-child, .page-yhteystiedot .panel-display.rolph .row:first-child .pane-broker-search, .page-kiinteistonvalittaja .panel-display.rolph .row:first-child .pane-broker-search { background: #fff; } @media screen and (min-width: 1170px) { .page-yhteystiedot .panel-display.rolph .row:first-child .panels-ipe-portlet-wrapper:last-child, .page-kiinteistonvalittaja .panel-display.rolph .row:first-child .panels-ipe-portlet-wrapper:last-child, .page-yhteystiedot .panel-display.rolph .row:first-child .pane-broker-search, .page-kiinteistonvalittaja .panel-display.rolph .row:first-child .pane-broker-search { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.3); } } .page-yhteystiedot .panel-display.rolph .row .col-md-12.radix-layouts-header.panel-panel, .page-kiinteistonvalittaja .panel-display.rolph .row .col-md-12.radix-layouts-header.panel-panel { padding: 0; } .pane-broker-search #realia-kivi-search-form { text-align: center; padding: 28px; } .pane-broker-search #realia-kivi-search-form .form-item, .pane-broker-search #realia-kivi-search-form .form-submit { display: block; margin: 0 0 20px; } @media screen and (min-width: 768px) { .pane-broker-search #realia-kivi-search-form .form-item, .pane-broker-search #realia-kivi-search-form .form-submit { display: inline-block; margin-bottom: 0; } } .pane-broker-search #realia-kivi-search-form .form-title { font-size: 24px; height: 44px; line-height: 44px; text-align: left; color: #2e2f33; font-weight: 300; margin: 0 0 10px; } @media screen and (min-width: 768px) { .pane-broker-search #realia-kivi-search-form .form-title { text-align: center; } } @media screen and (min-width: 992px) { .pane-broker-search #realia-kivi-search-form .form-title { display: inline-block; margin: 0 40px 0 0; text-align: left; } } @media screen and (min-width: 1170px) { .pane-broker-search #realia-kivi-search-form .form-title { color: #fff; } } @media screen and (min-width: 768px) { .pane-broker-search #realia-kivi-search-form .form-item { margin-right: 20px; width: 24%; } } @media screen and (min-width: 1170px) { .pane-broker-search #realia-kivi-search-form .form-item { width: 18%; } } .pane-broker-search #realia-kivi-search-form .form-item label { display: none; } .pane-broker-search #realia-kivi-search-form .form-item input { height: 44px; line-height: 44px; padding-left: 22px; border: 0; background: #f4f4f4; } @media screen and (min-width: 1170px) { .pane-broker-search #realia-kivi-search-form .form-item input { background: #fff; } } .pane-broker-search #realia-kivi-search-form .form-submit { padding: 10px 60px; } @media screen and (min-width: 768px) { .pane-broker-search #realia-kivi-search-form .form-submit { margin-bottom: 4px; max-width: 150px; } } .pane-broker-search-result { position: relative; text-align: center; padding: 75px 0; } .pane-broker-search-result h2 { text-align: center; line-height: 60px; font-weight: 400; font-size: 32px; } @media screen and (min-width: 768px) { .pane-broker-search-result h2 { font-size: 56px; } } .pane-broker-search-result .broker { margin: 0 auto 20px; display: block; vertical-align: top; width: 260px; text-align: left; } .pane-broker-search-result .broker .broker-image img { max-width: 100%; } .pane-broker-search-result .broker .broker-image .placeholder-image { height: 255px; line-height: 255px; text-align: center; background: #ed1c24; } .pane-broker-search-result .broker .broker-details { padding: 15px 20px; background: #fff; font-weight: 700; text-align: left; } .pane-broker-search-result .broker .broker-details .broker-name a { color: #ed1c24; width: 100%; margin: 0; } .pane-broker-search-result .broker .broker-details .broker-name a:after { content: "\f178"; font-family: "FontAwesome"; padding-left: 4px; } .pane-broker-search-result .broker .broker-details .broker-title { font-size: 14px; color: #2e2f33; margin-bottom: 15px; font-weight: 700; } .pane-broker-search-result .broker .broker-details .broker-email a { color: #ed1c24; } .pane-broker-search-result .broker .broker-details .broker-phone a, .pane-broker-search-result .broker .broker-details .broker-gsm a { color: #2e2f33; } .pane-broker-search-result .broker .broker-button a { margin: 20px 0 0; } @media screen and (min-width: 768px) { .pane-broker-search-result .broker { margin: 0 40px 40px 0; display: inline-block; width: 300px; } .pane-broker-search-result .broker:nth-child(2n) { margin: 0 0 40px; } } @media screen and (min-width: 1170px) { .pane-broker-search-result .broker { width: 22%; } .pane-broker-search-result .broker:nth-child(2n) { margin: 0 40px 40px 0; } .pane-broker-search-result .broker:nth-child(4n) { margin: 0 0 40px 0; } } .news-article.card { margin: 0 auto; margin-bottom: 40px; max-width: 360px; box-sizing: border-box; } .news-article.card .image { max-width: 100%; height: auto; vertical-align: bottom; width: 100%; min-height: 230px; background-color: white; color: white; } .news-article.card .content { background-color: white; padding: 40px; } .news-article.card .content .title { margin-bottom: 30px; border-bottom: 0px; } .news-article.card .content .description { font-weight: 400; margin-bottom: 30px; } .news-article.card .content .link-more { font-size: 15px; padding-top: 6px; } @media screen and (min-width: 768px) { #section-local-new-listing .row.content { margin-bottom: 0px; } #section-local-new-listing .row .card { height: 380px; overflow: hidden; position: relative; } #section-local-new-listing .row .card a.link-more { position: absolute; display: block; background: #fff; padding-left: 30px; width: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 0px; padding-bottom: 20px; left: 0px; } } .section-media .card.local-media .content, .section-media .card.local-media-article .content { position: relative; min-height: 320px; } .section-media .card.local-media .content .link-more, .section-media .card.local-media-article .content .link-more { position: absolute; bottom: 30px; } .section-media .card.card-list { min-height: 320px; } .profile.card .body { background-color: white; padding: 15px 20px; } .profile.card .image { position: relative; width: 100%; } .profile.card .btn-group { position: absolute; bottom: 0px; right: 0px; z-index: 10; } .profile.card .btn-group .fa { font-size: 16px; } .profile.card .name, .profile.card .title, .profile.card .job, .profile.card .email, .profile.card .phone { display: block; font-weight: 700; text-overflow: ellipsis; overflow: hidden; } .profile.card .title { margin-top: 40px; } .profile.card .job { font-size: 14px; color: #2e2f33; margin-bottom: 15px; } .profile.card .phone { color: #2e2f33; } .profile.card .actions .btn { margin: 0px; margin-top: 20px; } @media screen and (min-width: 768px) and (max-width: 1170px) { .profile.card .body, .profile.card .name, .profile.card .title, .profile.card .job, .profile.card .email, .profile.card .phone, .profile.card .actions .btn { font-size: 12px; } .profile.card .body { padding: 15px 20px; } } .view-skv-views-current-list.view-display-id-sidebar .list-current { list-style: none; padding: 0px; } .view-skv-views-current-list.view-display-id-sidebar .list-item { list-style: none; margin: 0px; border-bottom: 1px solid #ddd; padding: 15px; text-align: left; } .view-skv-views-current-list.view-display-id-footer .image { display: none; } .view-skv-views-current-list.view-display-id-footer .col-xs-12 { width: 100% !important; } .view-skv-views-current-list.view-display-id-footer .list-current { list-style: none; padding: 0px; } .view-skv-views-current-list.view-display-id-footer .list-item { margin: 0px; margin-bottom: 15px; text-align: left; } .view-skv-views-current-list.view-display-id-footer .list-item div:first-of-type span { color: #7b7b7e; } #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry { margin-top: -64px; position: relative; } @media screen and (min-width: 992px) { #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry { margin-top: -60px; } } #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper { width: 100%; padding: 0px; } #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget { overflow: hidden; text-align: center; } #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget .form-type-bef-link, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget .form-type-bef-link { display: inline-block; float: left; margin-top: 0px; padding: 0px; width: 50%; } @media screen and (min-width: 768px) { #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget .form-type-bef-link, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget .form-type-bef-link { width: 25%; } } @media screen and (min-width: 992px) { #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget .form-type-bef-link, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget .form-type-bef-link { width: 20%; } } #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget .form-type-bef-link a, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget .form-type-bef-link a { display: block; color: #fff; background: #999; text-align: center; text-decoration: none; font-weight: bold; padding: 20px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; height: auto; width: auto; } @media screen and (min-width: 992px) { #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget .form-type-bef-link a, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget .form-type-bef-link a { padding: 0px 20px; height: 60px; line-height: 60px; } } #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget .form-type-bef-link a:hover, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget .form-type-bef-link a:hover { text-decoration: none; } #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-tid-wrapper .views-widget .form-type-bef-link a.active, #views-exposed-form-skv-views-current-card-list-skv-views-current-masonry #edit-term-node-tid-depth-wrapper .views-widget .form-type-bef-link a.active { background: #f4f4f4; color: #3e3f42; border: 0; } .pane-open-jobs-panel-pane-1 { padding: 35px 0; } @media screen and (min-width: 992px) { .pane-open-jobs-panel-pane-1 { padding: 75px 0; } } .pane-open-jobs-panel-pane-1 h2 { text-align: center; margin-top: 24px; margin-bottom: 24px; font-weight: 400; color: #3e3f42; font-size: 25px; } @media screen and (min-width: 992px) { .pane-open-jobs-panel-pane-1 h2 { font-size: 56px; line-height: 60px; } } .pane-open-jobs-panel-pane-1 .view-open-jobs .view-header { text-align: center; margin-bottom: 24px; padding: 0 15px; } .pane-open-jobs-panel-pane-1 .view-open-jobs .view-content { text-align: center; } .pane-open-jobs-panel-pane-1 .view-open-jobs .col-xs-12 { float: none; margin-bottom: 30px; height: 320px; width: 100%; padding: 0; } @media screen and (min-width: 992px) { .pane-open-jobs-panel-pane-1 .view-open-jobs .col-xs-12 { height: 360px; width: 46%; margin: 0 7% 30px 0; display: inline-block; } .pane-open-jobs-panel-pane-1 .view-open-jobs .col-xs-12:nth-child(2n) { margin: 0 0 30px; } } @media screen and (min-width: 1170px) { .pane-open-jobs-panel-pane-1 .view-open-jobs .col-xs-12 { width: 30%; margin: 0 4% 30px 0; } .pane-open-jobs-panel-pane-1 .view-open-jobs .col-xs-12:nth-child(2n) { margin: 0 4% 30px 0; } .pane-open-jobs-panel-pane-1 .view-open-jobs .col-xs-12:nth-child(3n) { margin: 0 0 30px; } } .view-skv-views-current-card-list.section-office-masonry { padding-top: 75px; padding-bottom: 75px; text-align: center; } .view-skv-views-current-card-list.section-office-masonry .masonry-processed { width: 100% !important; } .view-skv-views-current-card-list.section-office-masonry .views-row { padding: 10px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; margin: 0px; float: left; } @media screen and (max-width: 1169px) { .view-skv-views-current-card-list.section-office-masonry .views-row { width: 50%; } } @media screen and (max-width: 767px) { .view-skv-views-current-card-list.section-office-masonry .views-row { width: 100%; } } .view-skv-views-current-card-list.section-office-masonry .views-row .featured { width: 100%; height: 250px; margin: 0px; } .view-skv-views-current-card-list.section-office-masonry .views-row .featured .title { text-align: left; margin-bottom: 0px; } .view-skv-views-current-card-list.section-office-masonry .masonry-item--width2 { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; width: 50%; height: 540px; margin: 0px; } @media screen and (max-width: 1169px) { .view-skv-views-current-card-list.section-office-masonry .masonry-item--width2 { width: 100%; height: 340px; } } .view-skv-views-current-card-list.section-office-masonry .masonry-item--width2 .featured { width: 100%; height: 520px; } @media screen and (max-width: 1169px) { .view-skv-views-current-card-list.section-office-masonry .masonry-item--width2 .featured { height: 320px; } } .view-skv-views-current-card-list .title { text-align: center; margin-top: 0px; margin-bottom: 30px; } .view-skv-views-current-card-list .masonry { margin: 0 auto; } .view-skv-views-current-card-list .masonry-item { width: 270px; height: 270px; margin: 0 0 15px; padding: 0; border: none; float: left; } .view-skv-views-current-card-list .masonry-item .featured { height: 270px; width: 270px; } .view-skv-views-current-card-list .masonry-item .featured .title { text-align: left; margin-bottom: 0px; } @media screen and (max-width: 1169px) { .view-skv-views-current-card-list .masonry, .view-skv-views-current-card-list .masonry[style] { margin: 0px; width: 100% !important; } .view-skv-views-current-card-list .masonry-item { width: 100%; height: auto; position: relative !important; top: auto !important; } .view-skv-views-current-card-list .masonry-item .featured { margin: 0px; width: 100%; } .view-skv-views-current-card-list .masonry-item.big { width: 100%; height: 100vw; } } #news-taxonomy-filter { width: 100%; display: block; list-style: none; padding: 0px; text-align: center; } #news-taxonomy-filter li { list-style: none; padding: 0; display: inline-block; width: 20%; } #news-taxonomy-filter li a { display: block; text-align: center; background: #7b7b7e; color: #fff; cursor: pointer; height: 60px; line-height: 60px; font-weight: normal; font-size: 18px; } #news-taxonomy-filter li a.active, #news-taxonomy-filter li a:hover { background: #fff; color: #3e3f42; text-decoration: none; } .ie9 .gradient { filter: none; } /*# sourceMappingURL=./styles.css.map */