/* old orange: #f98b3b; new green : #87a330 */ @font-face {font-family: 'pooters'; src:url('../fonts/pooters.eot?-cdgc6e'); src:url('../fonts/pooters.eot?#iefix-cdgc6e') format('embedded-opentype'),url('../fonts/pooters.ttf?-cdgc6e') format('truetype'),url('../fonts/pooters.woff?-cdgc6e') format('woff'),url('../fonts/pooters.svg?-cdgc6e#pooters') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'pooters';speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-curtain:before { content: "\e600"; color:#999;} #dathuis_waardeschatting_container { z-index :1000 !important; } #dathuis_waardeschatting_container>div:nth-of-type(2)>a { background-color : rgba(135, 163, 50, 0.99); border-style : none !important; font-weight : bold;} html,body {font-family: "ff-dagny-web-pro",Arial, Helvetica, sans-serif; } html.noscroll { position: fixed; overflow: auto; width: 100%;} .nomarginRow{margin-left:0 !important; margin-right:0 !important;} .nopaddingCol{padding-left:0 !important; padding-right:0 !important;} .nopaddingLeft { padding-left:0 !important; } .col-no-pad-right {padding-right: 0;} .col-no-pad-left { padding-left: 0;} .spacer{padding:15px 0;} /*.off-page { display: inline-block; text-indent: -999999px; height: 0}*/ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } h1{ font-size:36px; text-align:center; font-family: "informapro-cond",Arial, Helvetica, sans-serif;} h2{ font-size:30px; text-align:center; font-family: "informapro-cond",Arial, Helvetica, sans-serif;} h3{ font-size:24px; text-align:center; font-family: "informapro-cond",Arial, Helvetica, sans-serif;} h4{ font-size:18px; text-align:center;} .btn{background-color:#87a330; color:#fff; font-weight:bold; font-size:20px; padding:10px 50px; border-radius:0;} .btn.small {padding: 5px 15px; font-size:18px; } .btn:hover { color: #333; background-color: #999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .btn:active,.btn:focus, btn:active:focus { outline:none; box-shadow:none;} /*Owl carousel*/ /*.owl-theme .owl-controls {margin-top:0;}*/ .owl-nav{ opacity:0.5; } .owl-nav:hover,.owl-nav:focus{opacity:1;} .owl-nav div {background:none; opacity:1; padding:0; font-size:18px; color:#fff; } .owl-nav .owl-prev {position: absolute; top:45%; left:5px; margin-top: -70px; padding: 75px 50px 75px 0;} .owl-nav .owl-next {position: absolute; top:45%; right:5px;margin-top: -70px; padding: 75px 0 75px 50px;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#87a330;} header .dropdown-menu {border-radius: 0; margin: 0; box-shadow: none; border-top: none; } header.exclusive-account #topbar-background{ background-color:#091a2a; } header.exclusive-account #topbar li{ border-right:none; } header.exclusive-account #navigatie{ background-color:#091a2a; } header.exclusive-account #navigatie .navbar{ background-color:#091a2a; border:none; } header.exclusive-account #navigatie .dropdown-toggle::after { background-color:#091a2a; color:#FFF; } header.exclusive-account #menu-top{background-color:#091a2a;} header.exclusive-account .navbar-default .navbar-nav > li > a{ color:#FFF; } header.exclusive-account .navbar-default .navbar-nav > li > a:hover,header.exclusive-account .navbar-default .navbar-nav > li > a:focus{ color:#999999; } /*Swipebox*/ #swipebox-bottom-bar.visible-bars { opacity:0.3; } #swipebox-bottom-bar.visible-bars:hover, #swipebox-bottom-bar.visible-bars:focus{opacity:1;} /*CtA topbar*/ #topbar-background {top:0;height:43px; background-color:#00649e; position:fixed; width:100%; z-index:12; } #topbar {top:0;height:43px; position:fixed; width:100%; z-index:15; } /*#topbar .btn{height:30px; font-size:16px; font-weight:normal; background-color:#fff; color:#000; border:2px solid #ccc; border-radius:0;margin:5px 25px 5px 25px; padding:3px 15px 0;}*/ #topbar ul{float:right; list-style:none;} #topbar li{border-right:1px solid #ccc; float:left; } #topbar li a{color:#fff;padding:9px 15px; display:block; text-decoration: none;font-size:15px;} #topbar li a:hover {color:#ccc;} #topbar .fa{color:#ccc; font-size:16px; margin-right:5px;} #topbar .dropdown-menu { background-color: #e6e6e6;padding: 0; } #topbar .dropdown-menu li { float:left; border: none; width: 100%;} #topbar .dropdown-menu li.active a { } #topbar .dropdown-menu li a, #topbar .dropdown-menu li a i { color: #333; } #topbar .dropdown-menu li a:hover, #topbar .dropdown-menu li a:hover i { color: #777; } #topbar .login { /*background-color: #f98b3b;*/ } /*Maintemp*/ #navigatie{position:fixed; top:40px; left:0; right:0;z-index:14; background-color:#FFF; border-bottom:1px solid #adadad; font-family: "informapro-cond",Arial, Helvetica, sans-serif;} /*#navigatie .navbar-fixed-top{top:40px; background-color:#FFF; border:1px solid #adadad; font-family: "informapro-cond",Arial, Helvetica, sans-serif;}*/ #navigatie .navbar{margin-bottom:0 !important; background-color:#fff;} #navigatie .navbar-nav{float:right;} #navigatie .navbar .nav > li {padding:39px 15px 36px 15px;} #navigatie .navbar .nav > li > a { font-size:18px; padding:0 0 3px 0;border-bottom:2px solid #fff; margin-top:-2px; } #navigatie .navbar .navbar-brand{height:100%; padding-bottom:0;} #navigatie .navbar .navbar-brand img{margin-top:-47px;} #navigatie .navbar .nav-tel{position:absolute;top: 50%; -webkit-transform: translate(0,-50%); -ms-transform:translate(0,-50%); transform: translate(0,-50%); font-size:18px;} #navigatie .navbar span.nav-tel{ font-size:24px;} #navigatie .navbar .nav-tel:hover, #navigatie .navbar .nav-tel:focus{ text-decoration:none; } #navigatie .navbar .nav-site{position:absolute;top: 50%; margin-left: 90px; -webkit-transform: translate(0,-50%); -ms-transform:translate(0,-50%); transform: translate(0,-50%); font-size:18px;} #navigatie .navbar span.nav-site{ font-size:24px;} #navigatie .navbar .nav-site:hover, #navigatie .navbar .nav-site:focus{ text-decoration:none; } #navigatie .dropdown-toggle::after{font-family: FontAwesome; content: " \f107"; font-size:22px; position: absolute; bottom: -14px; left: 40%; color:#333333; background-color:#fff;} #navigatie .navbar-nav > li > .dropdown-menu{/*padding-left:15px;*/ font-size:17px; padding: 0;} #navigatie .dropdown-menu > li > a{color:#777777; padding: 10px 15px;} #navigatie .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#333333; background-color:#e6e6e6;} #navigatie .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color:#fff !important;} #navigatie .slogan{ display:inline-block; float:right; font-size:20px; color:#00649e; margin-right:70px; } #navigatie .slogan.mobile{ display:none; } .navbar-default .navbar-nav > .active > a{background-color:#fff; border-bottom:2px solid #333 !important;} .navbar-default .navbar-nav > .active > a:active, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:#fff !important; border-bottom:2px solid #333 !important;} #menu-top{background-color:#fff; height:100%; } #menu-top .partner-wrapper{position:relative; width:100%;} #menu-top .partner-wrapper img{position:absolute; top:25px; left:35%;} .language-switcher img.pull-left { margin: 5px 5px 0;} .language-switcher li:last-child{border-right:none!important; } .language-switcher li a{ text-transform:uppercase; } .alert-spacer { height:10px; display:block; } #PaymentAlert { position:fixed; padding:0 0 25px; z-index:2; min-height:75px; width:100%; } #PaymentAlert .container { text-align:center; } #footer {background-color:#333; color:#fff; font-size:18px; position: relative; z-index: 9; } #footer h3{text-align:left;} #footer a{color:#fff;} #footer a:hover, #footer a:focus {color:#ccc; text-decoration:none;} #footer table td:first-child{width:15%; } #footer ul{ padding:0; list-style:none;} #footer li{position: relative; padding-left:13px;} #footer li:before { position:absolute; top:0; left:0; font-family:FontAwesome; font-size:10px; font-weight:100; content:"\f054"; margin-top:2px;} #footer .footnote{ font-size:14px; background-color:#00649e; color:#ccc; padding-top:10px;} #footer #sitemap li { font-size: 13px; } #footer .pooters-logos { background-color: #222; margin-top: 10px !important; padding: 20px 0; } #footer .pooters-logos p { } #footer .pooters-logos p { font-size: 13px; padding: 0 0 0 56px !important; margin-top: -4px !important; } /*LoginAlert*/ #LoginAlert{position:fixed; width:100%; z-index:3; text-align:center; display:none;} /*LoginModal*/ .box-login { margin-bottom: 40px;} .box-login h3{margin-top:5px;text-align:left;} .box-login .btn {margin-top: 15px;width: 150px;text-align: left; padding:6px 12px; font-size: 14px;} .box-login .btn.go-back { background-color: #999;} .box-login span.input-icon, span.input-help { display: block; position: relative; width:100%;} .box-login .new-account { border-top: 1px dotted #ccc; margin-top: 10px; display: block; padding:10px 0 0 0 !important; } .modal-backdrop{z-index:unset;} .modal-dialog{width:800px;max-width: 100%;} .checkbox-inline {display: inline-block; color: #7F7F7F; font-size: 14px; margin-top: 15px; margin-right:45px; padding-left: 20px;margin-bottom: 0;font-weight: 400;vertical-align: middle;cursor: pointer;} .input-icon > input { padding-left: 25px; padding-right: 6px;} .input-icon > [class*="fa-"], .input-icon > [class*="clip-"] { bottom: 0;color: #909090;display: inline-block;font-size: 14px;left: 5px;line-height: 35px;padding: 0 3px;position: absolute;top: 0;z-index: 2;} .verticalLine{border-right: 1px solid #CCC; height: 155px; width: 1px; padding: 0 25px 0 7px;} .verticalWord {padding-left: 25px; margin: 0;} .social-login {text-align: center;} .social-login h3 {text-align: center;} .btn-facebook{color: #fff; background-color: #133783; border-color: #133783; position:relative;} .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active { color: #FFF; background-color: #0E285F;border-color: #0B214E;} .btn-linkedin{color: #FFF;background-color: #73B8DB;border-color: #4393BB; position:relative;} .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active {color: #FFF; background-color: #53A8D3; border-color: #33708E;} .btn-google{color: #FFF; background-color: #DD4B39; border-color: #C53727; position:relative;} .btn-google:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active { color: #FFF; background-color: #CA3523; border-color: #92291D;} .btn-twitter { color: #FFF; background-color: #2DADDC; border-color: #0271BF; position:relative; } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active { color: #FFF; background-color: #2095C0; border-color: #014D82;} .field-validation-error { color: #C53727; } .field-validation-valid .error { color: #C53727; font-weight: normal; margin: 0; } .box-login .checkbox-inline { float: left; margin-right: 0; margin-top: 0; padding-bottom: 30px;} .box-login .alert-info { margin-top: 30px;} .box-login .agree { margin-right: 10px; } /* Password strength */ #passwordStrengthDiv { margin: 5px;} #NewPassword { margin-bottom: 5px; } .is0{background:url(/Backend/Images/pwstrength.png) no-repeat 0 0;width:138px;height:7px;} .is10{background-position:0 -7px;} .is20{background-position:0 -14px;} .is30{background-position:0 -21px;} .is40{background-position:0 -28px;} .is50{background-position:0 -35px;} .is60{background-position:0 -42px;} .is70{background-position:0 -49px;} .is80{background-position:0 -56px;} .is90{background-position:0 -63px;} .is100{background-position:0 -70px;} #passwordStrengthMessage { border: 1px solid #ccc; border-radius: 4px; display: block; font-size: 13px; margin-top: 2px; padding: 5px 10px; display: none; } /*Frontpage && Alike houses*/ #frontpage-carousel{ margin-top:140px; background-color:#e6e6e6; padding:25px 0; text-align:center;} #frontpage-carousel .arrow-wrapper{position:relative;} #frontpage-carousel .arrow-left{position:absolute; left:-10px; top:40%; font-size:36px; color:#87a330; cursor:pointer;} #frontpage-carousel .arrow-right{position:absolute;right:-10px; top:40%; font-size:36px; color:#87a330;cursor:pointer;} #frontpage-carousel .houseCardText .btn.btn-exclusive { padding-bottom:0; } #house-carousel.owl-buttons .owl-prev{ left:-10px;} #house-carousel .owl-dots .owl-dot{display: inline-block; margin:15px 5px 0;} #house-carousel .owl-dots .owl-dot span{width:15px; height:15px; display:inline-block; border-radius:50%; border:2px solid #87a330;} #house-carousel .owl-dots .owl-dot.active span{background-color:#87a330;} .houseCard{width:360px; margin:0 auto; border:1px solid #b5b5b5;} .houseCard .no-image-wrapper{width:100%; height:100%; background-color:#ffffff; } .houseCard .houseCardImage {max-height:240px;} .houseCard .houseCardImage img{max-height:240px;} .houseCardHeader{ background-color:#595959; font-family: "informapro-cond", sans-serif; padding:5px 15px; border-top:2px solid #fff; display:block;min-height:87px;} .houseCardHeader h2{ color:#fff; text-align:left; margin:5px 0; } .houseCardHeader h4{ color:#ccc;text-align:left; margin:5px 0 10px; font-size: 20px} .houseCardHeader h4 small { color:#ccc; font-size: 16px} .houseCardText { background-color:#fff; padding:10px 15px 15px; } .houseCardText i {color:#999999; font-size:20px; margin:0 5px 0 0;} .houseCardText table {font-size:16px;} .houseCardText table td{vertical-align:top;} .houseCardText table td:first-child{text-align:center;} .houseCardText table td:last-child{text-align:left;} .houseCardText .btn{width:100%; margin-top:15px; padding:10px 0; text-align:center; line-height: 20px;} .houseCardText .btn-filler { background-color:transparent !important; } /*Link to exclusive site on Pro-Housing etc*/ .houseCardText .btn.btn-exclusive{ font-size: 16px;line-height:30px; background-color:#FFF; color:#87a330;} .houseCardText .btn.btn-exclusive:hover i,.houseCardText .btn.btn-exclusive:focus i{color:#87a330; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .houseCardText .btn.btn-exclusive i{height:10px; width:10px; position:relative; color:#fff; font-size:22px; color:#87a330;} .houseCardText .btn.btn-exclusive i:before{position:absolute; top:50%; transform:translateY(-50%);} .houseCardText .btn[disabled]{ display:none; } .houseCardText .houseInfoText {display:none;} .aanbodBtn{margin-top:10px;} #frontpage-carousel .owl-pagination{margin:20px 0 5px;} #call-to-action { color: #fff; background: url('/Frontend/Images/BackgroundHorizontal.png') top center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } #call-to-action .col-1, #call-to-action .col-2, #call-to-action .col-3{ text-align:center; padding:55px 60px;} #call-to-action .col-1 {background-color:#0075b9;} #call-to-action .col-2 {background-color:#00649e;} #call-to-action .col-3 {background-color:#005180;} #call-to-action .btn{font-size:18px; margin-top:15px; padding:10px 20px; border-radius:0;white-space: normal;} #partners h3{margin:0;padding:12px 0; } #partners .partnersTitle{background-color:#bababa; color:#333; border-bottom:2px solid #fff; text-align:center;} #partners .partnersLogo{background-color:#cccccc; text-align:center; padding:35px 0; } #welkom { background-color:#e7e7e7;} #welkom .welkomtekst{text-align:center; padding:40px 60px; background-color:#fff;} .welkomtekst h1{margin:5px 0 20px 0; font-size:55px; font-weight:bold;} .welkomtekst h3{margin-top:0;} .welkomtekst p{font-size:18px; margin-bottom:30px;} /*.welkomtekst .btn{background-color:#f98b3b; color:#fff; font-weight:bold; font-size:20px; padding:10px 50px; border-radius:0;} .welkomimage {height:200px;}*/ #afdelingen{ margin:25px 0;} #afdelingen .afdelingheader{margin-bottom:25px;} #afdelingen img{max-width:100%;} .collapseable.open{overflow:visible; } .btn.collapseBtn {background-color:#fff; color:#00649e; padding:0; border:none;} .popover { margin-top: 5px!important; position: fixed!important } .popover .popover-title { font-family: "ff-dagny-web-pro",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 20px; padding: 12px 0;} .popover .btn { font-size: 14px; padding: 5px 10px; margin-top: 10px; } .popover .btn.cancel { background-color: #666;} /*Rental*/ #AddFavorite-Added,#AddFavorite-Exist,#UserOtherSection{position:fixed; width:100%; z-index:3; text-align:center; display:none;} #Message-Send{position:fixed; width:100%; z-index:2; text-align:center;} #Message-Send .close{font-size:32px;margin-top:-10px;} #rentcontent .collapseClose{display:none;} #rentcontent .AreaAppliances .collapseable.closed{overflow: hidden; } #rentcontent .DesciptionPrice .collapseable.closed{overflow: hidden; height: 150px;} #rentcontent{margin-top:140px; font-size:18px; display:block;} #rentcontent p{font-size:18px;} #rentcontent .houseHeaderphoto {position:relative; background-color:#00649e; height:500px;} #rentcontent .houseHeaderphoto h1{position:absolute; font-size:60px; text-align:left; color:#fff; text-shadow:3px 3px 2px #333; bottom:15px; max-width:850px;} #rentcontent .housedetails {padding:20px 0 0;} .housedetails td { vertical-align:top;} .housedetails p {font-size:16px !important; margin:0;} .housedetails .fa {font-size:48px; color:#999999; padding:0 15px 8px 0; width: 60px; text-align: center; } .housedetails .icon-curtain{font-size:40px;} .housedetails h4 {font-size:20px; font-weight:bold; } .housedetails table{width:100%;} .housedetails tr>td:first-child{width:60px; text-align:center;} .housedetails .priceCard .price{height:100px; margin-top:-120px; border-left:1px solid #fff;border-right:1px solid #fff; border-top:2px solid #fff; background-color:#595959; color:#fff; text-align:center;display:block;} .housedetails .priceCard .price p{ font-family: "informapro-cond",Arial, Helvetica, sans-serif; padding-bottom:5px;} .housedetails .priceCard .price h2{ font-size:48px; margin:10px 0 5px;} .housedetails .priceCard .price h3{ margin-top:35px;} .housedetails .availability {padding:20px 10px 15px 10px; border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5; display:block;} .housedetails .availability .fa{font-size:42px; padding:0 12px 5px 0;} #maptab{ height:500px; position:relative; } #rentcontent .globalTekst{background-color:#e6e6e6; padding:30px 0 40px;} .globalTekst .priceCardBtn {padding:0 10px 10px; border:1px solid #b5b5b5; border-top:none; margin-top:-30px; background-color:#fff;margin-bottom:25px;} .globalTekst .priceCardBtn .btn{font-weight:normal; padding-left:0; padding-right:0; width:100%; font-size:19px; text-align:left; margin-bottom:10px;} .globalTekst .priceCardBtn .blue-btn{background-color:#00649e;} .globalTekst .priceCardBtn .blue-btn:hover,.globalTekst .priceCardBtn .blue-btn:focus {background-color:#999; color:#FFF; } .globalTekst .priceCardBtn .btn:last-child{margin-bottom:0; } .globalTekst .priceCardBtn .btn i{margin: 0 5px 0 10px;} .globalTekst .shareSocial .fa{font-size:24px; width:32px; height:32px; text-align:center; color:#fff;} .globalTekst #media{margin-top:15px; } .globalTekst .owl-carousel .owl-item{text-align:center; background-color:#fff; border-right:2px solid #ccc; } .globalTekst .owl-carousel img{max-height:285px; position:relative; z-index:7; width:auto; display:inline-block;} .globalTekst #imageSlide{margin-top:0; } .globalTekst h2.house-reserved{ text-align:left; color:#87a330;} .globalTekst h2.open-house{ text-align:left; color:#00649e;} .globalTekst h2.investment-property{ text-align:left; color:#330066;} .globalTekst .nav-tabs a{font-size:18px; color:#666; font-weight:bold;} .globalTekst .nav-tabs a:focus{outline: none;} .globalTekst .nav-tabs .active a,.globalTekst .nav-tabs .active a:hover,.globalTekst .nav-tabs .active a:focus{color:#333333;outline: none; } .globalTekst .tab-content {padding:20px 0; background-color:#fff;} .globalTekst .tab-content #floorplan .iframe-wrapper{ background: url(../../Frontend/Images/ajax-loader.gif) center center no-repeat; background-size:initial; } .globalTekst .tab-content #video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .globalTekst .tab-content #video .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 4%; width: 100%; height: 100%;} .globalTekst .tab-content #documents h3{margin:15px 0;} .globalTekst .tab-content #documents .document-file{text-align:left; width:100%;} .globalTekst .tab-content #documents .document-file tr{border-bottom:1px dotted #ccc;} .globalTekst .tab-content #documents .document-file tr:last-child{border-bottom:none;} .globalTekst .tab-content #documents .document-file td{padding:10px 0; } .globalTekst .tab-content #documents .document-file td:first-child{width:70px;} .globalTekst .tab-content #documents .document-file td:last-child{text-align:right;} .globalTekst .tab-content #documents .document-file i{font-size:42px; margin:0 10px;} .globalTekst .tab-content #documents .document-file a{margin:0 10px;} .globalTekst .tab-content #documents .document-file .download-btn{padding:5px 40px;margin:0;} .blur-wrapper{overflow:hidden; position: relative; } .blurBackground{ -webkit-filter: blur(5px) brightness(1.2); -moz-filter: blur(5px) brightness(1.2); -o-filter: blur(5px) brightness(1.2); -ms-filter: blur(5px) brightness(1.2); filter: blur(5px) brightness(1.2); min-width:100%; min-height: 100%; position: absolute; z-index: 6; left:-15px; right:-15px; top:-15px; bottom:-15px;} #rentcontent h4{font-size:18px; margin-top:0; font-weight:bold; text-align:left; } .fullDetails {padding-top:25px;} .fullDetails .row{margin-bottom:30px;} .fullDetails table{width:100%;} .fullDetails table td{vertical-align: top; font-size:18px } .fullDetails table tr>td:first-child{ width:45%; vertical-align: top;} .fullDetails table tr>td:last-child{font-weight:bold;} .fullDetails .smallTable tr>td:first-child{width:20%;} .fullDetails .collapseWrapper{display:none;} .fullDetails .collapseGradient { position:absolute; bottom:20px; width:100%; margin-left:-15px; display:block;} #rentcontent .locationMap{height:500px;position:relative;margin-top: 30px;} #rentcontent .switchStores{position:relative; z-index:1; width: 300px; background-color:#00649E; color:#fff;margin-top:25px; padding:10px 15px;} .switchStores h4{text-align:left;} .switchStores input[type="checkbox"]{margin:0 0 4px;} .switchStores label{font-size:16px; cursor:pointer;} #rentcontent .renter{margin:45px 0 25px;} #housesAlike { margin-bottom:30px; } #housesAlike h4{font-size:20px; font-weight:bold; text-align:left; margin-bottom:15px;} #housesAlike .houseCardHeader h4{ color:#ccc;text-align:left; margin:5px 0 10px; font-size: 20px; font-weight: normal; } #housesAlike .houseCardHeader h4 small { color:#ccc; font-size: 16px} #housesAlike .houseCardImage {position: relative; background-color: #fff; overflow: hidden; height: 240px; background-size: cover !important;} #Message-form { margin:0 10%;} #Message-form input[type="radio"], input[type="checkbox"]{ width:auto;} #Message-form textarea, #Message-form input{width:100%;} #Message-form .info-known{padding-left:15px;} #Message-form label{position:relative; margin:0; color:#333333;} #Message-form label.info-known{padding-left:34px;min-width: 120px;} #Message-form label.info-known:before{content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; left: 0; top: -2px; background-color: transparent; border-radius: 12px; border:2px solid #333333;} #Message-form input[type="radio"]:checked + label::before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: "\f00c"; padding-top: 3px; text-align: center; color:#87a330; font-size: 15px;} #Message-form input[type="radio"]{display:none;} /*#Message-form #timepicker .btn{ background-color:#ffffff; color:#f98b3b; padding:0;}*/ /*#Message-form #timepicker .bootstrap-datetimepicker{ background-color:#ffffff; color:#f98b3b; padding:0;}*/ /*Lijst met filters*/ #jpListHouses { margin-top: 120px; background-color: #e6e6e6;} #jpListHouses .filter-padding { padding-top: 20px } #housesFilters { padding-bottom: 20px; /*display:none; position: fixed;*/ z-index: 11; width: 100%; } #jpListHouses.jplist-grid-view .filter-column.relative, #jpListHouses.jplist-list-view .filter-column.relative{ position:relative !important;} #housesFilters .nomarginContainer { margin-left: 0; background-color:#fff; padding-bottom:20px; } #housesFilters .collapseWrapper{text-align:center; margin: 0 0;} #housesFilters .collapseBtn{width: 180px; border: 1px solid #ccc; border-top: 0; margin-top: -1px; display: none;} #housesFilters .collapseClose { display: inline-block; } #housesFilters.closed { margin-top: -130px; } #housesFilters.closed .collapseBtn{ display: inline-block; } #housesFilters.closed .collapseClose{ display: none } #housesFilters .close-wrapper h3{ text-align:left; position:relative; padding:0 15px;} #housesFilters .close-wrapper i{ position:absolute; right:15px; color:#87a330; display:none; cursor:pointer; } #housesFilters .close-wrapper i:hover,#housesFilters .close-wrapper i:focus{ color:#000;} #housesFilters.is_stuck { width:278px !important; } #housesFilters.is_stuck.initialize { bottom:unset !important; } #housesList { position: relative; margin-top: 10px; overflow:hidden; } #housesList #housesContainer { display: none; margin-left:auto !important; } #housesList #housesContainer >.row{ position:relative; } #housesList #loading { display: block; height: 100%; min-height: 500px; background: url(/Frontend/Images/loading.gif) center center no-repeat;} #housesList .nomarginContainer{margin-left:0; } #housesList .filters { display: none; } #housesList .collapseWrapper { text-align: center; margin: 0 auto; position: fixed; z-index: 3;} #housesList .collapseBtn { width: 180px; border: 1px solid #ccc; border-top: 0; margin-top: 10px; } #housesList .houseCardImage { position: relative; background-color:#fff; overflow:hidden; padding-bottom: 75%; background-size:cover !important;} #housesList .houseDetailList{position:relative;} #housesList .houseDetailList .btn{position:absolute; bottom:0;} #housesList .houseDetailList .btn.btn-exclusive{font-size:15px; } #housesList .houseDetailList .btn.btn-exclusive:hover i,.houseCardText .btn.btn-exclusive:focus i{color:#000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } #housesList .houseDetailList .btn.btn-exclusive i{height:10px; width:10px; position:relative; color:#fff; font-size:20px;} #housesList .houseDetailList .btn.btn-exclusive i:before{position:absolute; top:50%; transform:translateY(-50%);} #housesList .toolate, .iw-image .toolate,#HouseGrid .toolate { position: absolute; bottom: 0;left: 0;width: 100%; padding: 5px;text-align: center;color: #fff;font-size: 24px;font-family: "informapro-cond",Arial, Helvetica, sans-serif;background-color: rgba(255, 0, 0, 0.5);} #housesList .toolate.underoffer, .iw-image .toolate.underoffer,#HouseGrid .toolate.underoffer { background-color: rgba(249, 184, 59, 0.72);} #housesList .reducedprice, .iw-image .reducedprice { position: absolute; bottom: 0;left: 0;width: 100%; padding: 5px;text-align: center;color: #fff;font-size: 24px;font-family: "informapro-cond",Arial, Helvetica, sans-serif;background-color: rgba(0, 200, 70,0.7);} #housesList .reservedSold { position: absolute; bottom: 0;left: 0;width: 100%; padding: 5px;text-align: center;color: #fff;font-size: 24px;font-family: "informapro-cond",Arial, Helvetica, sans-serif;background-color: rgba(249, 139, 59,0.7);} #housesList .opendoorday { position: absolute; bottom: 0;left: 0;width: 100%; padding: 5px;text-align: center;color: #fff;font-size: 24px;font-family: "informapro-cond",Arial, Helvetica, sans-serif;background-color: rgba(0, 100, 158,0.7);} #housesList .investment-property { position: absolute; bottom: 0;left: 0;width: 100%; padding: 5px;text-align: center;color: #fff;font-size: 24px;font-family: "informapro-cond",Arial, Helvetica, sans-serif;background-color: rgba(51, 0, 102,0.7);} #housesList .jplist-map { margin-left: 0; margin-top: 0; position: absolute; top: 0; left: 1170px; height: 800px; background-color: #00649e; } /*Banners for other sites on the list page*/ #housesList .banner-wrapper .GridAd{margin-bottom:20px; background-color: #fff;} #housesList .banner-wrapper .GridAd >.row{ margin:0; border:1px solid #ccc;} #housesList .banner-wrapper .GridAd >.row img{ margin-top:10px; } #housesList .banner-wrapper .GridAd >.row .text{padding-bottom:20px; } #housesList .banner-wrapper .GridAd >.row .text a { font-weight:bold; position:absolute; bottom:5px; left:50%; transform:translate(-50%,-50%); } .jplist-sort button{ margin: 10px 10px 15px !important; } .jplist-items-per-page { display:none !important; } /*MAp view houselist*/ #map-canvas { position:absolute; width: 100% !important; height:100% !important; z-index:0; top: 0; } #map-canvas .labels { font-weight: bold; font-size: 12px; color: #fff; background-color: #00649e; padding: 2px 4px; margin-top: -30px !important; white-space: nowrap; } #map-canvas .gm-ui-hover-effect { top: -7px !important; right: 7px !important; } #map-canvas .gm-ui-hover-effect img{ width: 24px !important;height: 24px !important; background-color:#FFF; } #map-canvas .gm-style .gm-style-iw-t::after{ display:none !important; } #housesList #mapContainer { display: none; padding-bottom:calc(100vh - 210px); } #jpListHouses.jplist-thumbs-view #mapContainer{position: relative; display:block;margin-left: -15px; transform: translateX(calc(-50vw + 585px)); width: 100vw; } #jpListHouses.jplist-thumbs-view .housesItems{ display:none; } #jpListHouses.jplist-thumbs-view .filter-column { position:absolute; right:0; max-width:400px; z-index: 3; height: calc(100%); overflow:scroll; padding-right:0 !important;} #jpListHouses.jplist-thumbs-view #housesFilters { height:100%; background-color:#FFF;} #jpListHouses.jplist-thumbs-view .jplist-views { position:relative !important; } #jpListHouses.jplist-thumbs-view .banner-wrapper { display:none !important; } #jpListHouses.jplist-thumbs-view .jplist-items-per-page { display:none !important; } #jpListHouses.jplist-thumbs-view .jplist-sort { display:none !important; } #jpListHouses.jplist-thumbs-view .jplist-pagination { display:none !important; } #jpListHouses.jplist-thumbs-view .jplist-pagination-info { display:none !important; } #jpListHouses.jplist-grid-view .filter-column,#jpListHouses.jplist-list-view .filter-column { position:absolute; right:0; height:100%;} /*JPLIST*/ .jplist-no-results { min-height: 800px; } .jplist-checkbox-dropdown { width: 100%; border-radius: 0; background: #87a330; color: #fff; border: none; box-shadow: none; text-shadow: none; height:auto !important;} .jplist-checkbox-dropdown .jplist-dd-panel { width: 100%; padding: 2px 20px 2px 0; height: 34px; line-height: 34px; } .jplist-checkbox-dropdown:hover .jplist-dd-panel, .jplist-checkbox-dropdown:hover .jplist-dd-panel::after { color: #000; } .jplist-checkbox-dropdown .jplist-dd-panel::after { font-family: FontAwesome; color: #fff; content: "\f107"; } .jplist-checkbox-dropdown ul { width: auto; box-shadow: none; text-shadow: none; z-index: 3;} .jplist-checkbox-dropdown ul li { width: 100%; text-indent: 0; padding: 0; height: auto; } .jplist-checkbox-dropdown ul li ul { width: 100%; box-shadow: none; text-shadow: none; background: #fff none repeat scroll 0 0;border: none;border-radius: 0; box-sizing: border-box;list-style: outside none none;margin: 0;padding: 0;position: relative;display: none;} .jplist-checkbox-dropdown ul li ul.hidden { display: none!important;} .jplist-checkbox-dropdown ul li:hover { background-color: #f5ffd9; } .jplist-panel label { font-weight: normal; margin: 0; padding: 0;} .jplist-panel h5 { text-align: left; font-weight: bold; padding: 0 5px;} .jplist-panel .pagination { margin: 10px 0 15px 0;} .jplist-panel .jplist-views .jplist-thumbs-view { background: url('../Assets/jpList/views-control/img/icons/map-marker-disable.png') no-repeat 50% 50%; } .jplist-thumbs-view .jplist-panel .jplist-views .jplist-thumbs-view { background: url('../Assets/jpList/views-control/img/icons/map-marker.png') no-repeat 50% 50%; } .jplist-grid-view .jplist-panel .jplist-views .jplist-thumbs-view { background: url('../Assets/jpList/views-control/img/icons/map-marker-disable.png') no-repeat 50% 50%; } .jplist-panel button { position:relative; margin: 0 10px 25px; background-color: #fff; border-color: #ddd;color: #428bca; border-radius: 0; font-weight: normal; font-size: 14px; box-shadow: none; height: auto; padding: 6px 12px;} .jplist-panel button:hover { background-color: #eee; border-color: #ddd;} .jplist-panel button.jplist-view span,.jplist-panel button.jplist-map-view span { position:absolute; font-weight:bold; top:100%; left:50%; color:#585858; margin-top:3px; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); } .jplist-panel button.jplist-map-view{ float: left; height: 30px; box-shadow: 0 0 1px #fff; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dbdbdb; border-radius: 3px; text-shadow: 1px 1px 1px #fff; color: #27252a; cursor: pointer; width: 32px;} .jplist-views { left: 50%; margin: 2px 0 0 -60px; position: absolute; text-align: center;} .jplist-pagination-info { margin-top:20px; } .jplist-checkbox-dropdown input[type="checkbox"], .jplist-checkbox input[type="checkbox"] { display: none; } .jplist-checkbox-dropdown label, .jplist-checkbox label { display: inline-block; position: relative; padding: 0 10px 0 25px; } .jplist-checkbox-dropdown label{ margin-left: 5px; width:100%;} .jplist-checkbox-dropdown input[type="checkbox"] + label::before, .jplist-checkbox input[type="checkbox"] + label::before { border: 1px solid #333; background-color: #fff; color: #333; content: ""; width: 16px; height: 16px; display: inline-block; font-family: FontAwesome; position: absolute; left: 0; top: 6px; line-height: 1; text-align: center; font-size: 15px;} .jplist-checkbox-dropdown input[type="checkbox"]:checked + label::before, .jplist-checkbox input[type="checkbox"]:checked + label::before { content: "\f00c";} .jplist-checkbox-dropdown ul li ul label { padding-left: 54px; } .jplist-checkbox-dropdown ul li ul input[type="checkbox"] + label::before { left: 30px;} .jplist-panel input[type="text"] { border: 1px solid #333; border-radius: 0; margin: 10px 0 0; width:100%; display: block; } .range-slider { padding: 0 35px 15px 25px;} .jplist-range-slider { width: 100%; margin-top: 0; } .ui-widget-content { border: none; background-color: #999; border-radius: 0;} .jplist-range-slider .ui-slider { width: 100%;} .jplist-range-slider .value { float: left; font-size: 18px; margin: 10px 0 0; color: #333;} .jplist-range-slider .value.next { float: right;} .ui-slider-horizontal { height: 5px; margin-top: 15px;} .ui-slider .ui-slider-handle { border-radius: 50%; border: none; background: #87a330; width: 25px; height: 25px; top: -10px; box-shadow: rgba(0,0,0,0.3) 2px 2px 4px;} .ui-slider .ui-slider-range { background: #87a330;} .ui-slider-tip { white-space: nowrap; background-color: #f5ffd9;} .ui-slider-pips .ui-slider-pip-label .ui-slider-label { font-weight:normal; font-size:11px; } .ui-slider-pip-first .ui-slider-label { left:0; } .ui-slider-pip-last .ui-slider-label { left:-15px; } .gm-style-iw { width: 320px !important; top: 15px !important;left: 0px !important; background-color: #fff; border: 1px solid #b5b5b5; border-radius: 0; max-width:none !important;} .gm-style-iw-d { max-width:none !important; } #iw-container { /*margin-bottom: 10px;*/} .iw-image { position: relative;} .iw-image img { width: 220px; height: 160px;} .iw-header { background-color:#595959; font-family: "informapro-cond", sans-serif; padding:5px 15px; border-top:2px solid #fff;} .iw-header h2{ color:#fff; text-align:left; margin:5px 0; } .iw-header h4{ color:#ccc;text-align:left; margin:5px 0;} .iw-header h4 small{ color:#ccc;} .iw-deeplink { padding: 10px 0; } .iw-deeplink .btn { width: 90%; font-weight: normal; font-size: 16px;margin: 0 5%; padding:6px 50px; } .iw-info { width: 100%; font-family: "informapro-cond", sans-serif; padding:5px 15px; } .iw-info h2{ color:#333; text-align:left; margin:5px 0; } .iw-info h4{ color:#999; text-align:left; margin:5px 0;} .jplist-map .labels { font-weight: bold; font-size: 12px; color: #fff; background-color: #00649e; padding: 2px 4px; margin-top: -30px!important; white-space: nowrap;} /* col-lg-4 col-md-4 col-sm-6 col-tn-6 col-xs-12 */ .jplist-grid-view .houseItem, .jplist-list-view .houseItem { float: left; padding-left: 15px; padding-right: 15px; position: relative;} .jplist-grid-view .houseItem { width:50%; margin-bottom:15px; } .jplist-grid-view .housesItems .houseItem:nth-child(2n+1) { padding-left:0; } .jplist-grid-view .housesItems .houseItem:nth-child(2n) { padding-right:0; } /*.jplist-grid-view .houseCard .houseCardHeader-list-view{display:none;}*/ .jplist-grid-view .houseCard, .jplist-list-view .houseCard {width: auto;} .jplist-grid-view .houseItem .houseCardHeader-list-view { display:none !important; } .jplist-grid-view .houseItem .houseCardText .houseDetailList { height: auto !important; } .jplist-grid-view .houseCardText .btn { height:40px;} .jplist-grid-view .houseCardText .btn.btn-exclusive { color:#FFF; background-color:#87a330; line-height:20px; } .jplist-grid-view .houseCardText .btn.btn-exclusive i{ color:#FFF; } .jplist-grid-view .houseCardText .btn.btn-exclusive:hover,.jplist-grid-view .houseCardText .btn.btn-exclusive:focus { color:#000; background-color:#999; } .jplist-grid-view .houseCardText .btn.btn-exclusive:hover i, .jplist-grid-view .houseCardText .btn.btn-exclusive:focus i { color:#000; } .jplist-list-view .housesItems { margin: 0!important; } .jplist-list-view .houseItem { background-color: #fff; border: 1px solid #b5b5b5; margin: 0 0 20px; padding: 0; width: 100%; cursor: pointer; } .jplist-list-view .houseItem.unavailable { cursor:default ; } .jplist-list-view .houseItem .houseCard{ border: none!important; } .jplist-list-view .houseItem .houseCard .houseCardImage { border-bottom:2px solid #FFF;} .jplist-list-view .houseItem .houseCard .houseCardImage img{ max-height:255px !important; height: 255px !important; width:auto !important;} .jplist-list-view .houseItem .houseCardTop { width: 40%; float: left; /*border-right:none; border: 1px solid #b5b5b5;*/} .jplist-list-view .houseItem .houseCardTop .image-wrapper { width: 33.3333334%; float: left; border-left:1px solid #FFF; border-right:1px solid #FFF; } .jplist-list-view .houseItem .houseCardTop .image-wrapper:first-of-type {} .jplist-list-view .houseItem .houseCardTop .image-wrapper:last-of-type {} .jplist-list-view .houseItem .houseCardTop .image-wrapper .smallCardImage {padding-bottom:75%; background-position:center center !important; background-size:cover !important; } .jplist-list-view .houseItem .houseCardText { width: 60%; float: left; overflow:hidden; padding:15px 10px 5px 20px; /*border: 1px solid #b5b5b5;*/ border-left:none;} .jplist-list-view .houseCardText .link span { display: none; } .jplist-list-view .houseItem .houseCardText .houseDetailList {width:50%; float:left; position:relative; height:auto !important; padding-left:25px;} .jplist-list-view .houseItem .houseCardText .houseInfoText {display:inline-block; width: 50%; position:relative; font-size: 16px; overflow: hidden; float:left; } .houseInfoText .textEndGradient{position:absolute; bottom:-35px; width:100%; height:70px !important; left:0;} .jplist-list-view .houseItem .houseCardText .btn{ width:250px; position: absolute; right:0; bottom:0; margin-top:0; font-size:14px; } .jplist-list-view .houseItem .houseCardText .btn i{ font-size:18px; } .jplist-list-view .houseCard .houseCardHeader-list-view{display:normal; font-family: "informapro-cond", sans-serif; padding:5px 15px; margin:-15px -15px 15px -18px; background-color:#595959; color:#FFF;} .jplist-list-view .houseCard .houseCardHeader-list-view h2{ color:#FFF; text-align:left; margin:5px 0; } .jplist-list-view .houseCard .houseCardHeader-list-view h4{ color:#CCC;text-align:left; margin:5px 0;} .jplist-list-view .houseItem .houseCardHeader {display:none;} .jplist-list-view .houseItem .houseCardHeader h4{ font-size:16px;} .jplist-list-view .houseCardText .btn { display:none;} .jplist-list-view .houseCardText .btn-exclusive { display:block;} .houseItem { cursor: pointer; } .houseItem.unavailable { cursor:default ; } /*General pages*/ #General_Content{margin-top:140px; font-size:16px; margin-bottom: 40px; } #General_Content h1, #General_Content h2,#General_Content h3{text-align:left;} #General_Content p{font-size:16px;line-height: 26px;margin: 0 0 15px;} #General_Content .header-image { background-color:#333333; position: relative; } #General_Content .header-image .blur-wrapper{ position:absolute; height:285px; width:100%; } #General_Content .header-image .blur-wrapper .coverImage{ position:absolute; top:0; height:100%; width:100%; background:url('/Frontend/Images/bg-header.png') repeat-x top center; } #General_Content .header-image .blur-background{ filter:blur(8px) brightness(1.2); -webkit-filter: blur(8px) brightness(1.2);-moz-filter: blur(8px) brightness(1.2); -o-filter: blur(8px) brightness(1.2);-ms-filter: blur(8px) brightness(1.2);height:285px;width:100%; } /*sStyling for split header*/ #General_Content .header-image.split-header .background-element{ background-color: #00649e; height: 100%; position: absolute; top: 0; left: 0; } #General_Content .header-image.split-header .background-element:nth-child(2){ left: 50%; } #General_Content .header-image.split-header .content{ padding:50px; min-height:375px; color:#FFF; } #General_Content .header-image.split-header .content p{ font-size:20px; } #General_Content .header-image.split-header .content .breadcrumbs span{ font-size:16px; text-decoration:none; color:#CCC; display:inline-block; } #General_Content .header-image.split-header .content .breadcrumbs i{ font-size:10px; color:#CCC; display:inline-block; margin:0 10px; } #General_Content .header-img-wrapper{min-height:285px; color:#fff; position:relative;max-width: 1480px;margin: 0 auto;} /*#General_Content .header-img-wrapper .coverImage{height:285px; width:100%;}*/ #General_Content .header-img-wrapper h1{position: absolute; font-size: 60px; text-align: left; color: #fff; text-shadow: 3px 3px 2px #333; bottom: 15px; padding-left:25px;} #General_Content .title-wrapper{padding-bottom:10px; } #General_Content .intro-wrapper{background-color:#e6e6e6; padding:10px 0 20px; font-size:16px;} #General_Content .intro-wrapper h2{text-align:left; font-size:40px; margin-top:10px;} #General_Content .intro-wrapper p{font-size:19px;} #General_Content .wrapper_white{background-color:#FFF;padding: 20px 0 10px;} #General_Content .wrapper_white h4{text-align:left;} #General_Content .intro_content {margin-top:50px;} #General_Content .input-icon{position:relative; display: block;} #General_Content .img-circle.pull-right { margin: 0 0 10px 20px;} #General_Content .img-circle.pull-left { margin: 0 20px 10px 0;} /*#General_Content #subnav .btn{width:100%;padding:10px 0; position: relative;}*/ #General_Content #subnav ul {margin: 20px 0;padding: 0;} #General_Content #subnav ul li{list-style:none; font-size:16.5px;} #General_Content #subnav ul li ul{padding-left:0;} #General_Content #subnav ul li ul li{position:relative;font-size:15px; } #General_Content #subnav .btn { padding: 5px 0 5px 15px; width: 90%; margin: 5px 0; display: inline-block; height: 36px; font-size: 16px; position: relative; background-color: #999; text-align: left; } #General_Content #subnav .btn span{position:absolute; right:5px; top:8px; background-color:#000; } #General_Content #subnav .active-btn-arrow{ width:0; height:0; border-style: solid; border-width: 18px 0 18px 12px; border-color: transparent transparent transparent #87a330; position:absolute; top:-1px; right:-13px; display:none;} #General_Content #subnav .active{box-shadow:none; background-color:#87a330;} #General_Content #subnav .active .active-btn-arrow{ display:inline-block; } /*#General_Content #subnav ul{padding-left:0;} #General_Content #subnav li{list-style:none; border:none; margin-bottom:10px;} #General_Content #subnav a.active{background-color:#fab98a; } #General_Content #subnav a.active:before{font-family: FontAwesome; font-size:28px; content: "\f105"; position:absolute; right:40px;top:5px;}*/ #RentalServices .panel-heading {font-weight: bold; font-size: 18px; } #RentalServices h4 {text-align: left; font-weight: bold; } #RentalServices p.description { font-weight: normal; font-size: 14px; } #RentalServices .btn { font-size:18px; margin-top:15px; padding:10px 20px; border-radius:0;white-space: normal; } #mapBanner {position:relative; margin-bottom:40px;} #mapBanner .mapContent { position:absolute; top: 42px; height: 80%; right: 42px; width: 70%; } #mapBanner .mapText{color: #fff; padding: 15px 20px; background-color: #00649e; height: 100%; } #mapBanner .mapImage{ height: 100%; min-height: 280px; } .map-contact{min-height:400px;} #simpleForm button{margin:0 0 15px !important; padding: 5px 30px; width:auto !important;} #simpleForm input.check{ display:none; pointer-events: none;} #simpleForm input.checkVis{ pointer-events: none; border: none !important; border-bottom: none !important; border-radius: 0 !important; font-size: 1px !important; width: 0; padding: 0; height:0; } #Account_Overview #account-menu h3, #Account_Overview #account-menu h4{margin:5px 0;} #Account_Overview #account-menu ul {margin: 0;padding: 0;} #Account_Overview #account-menu ul li{list-style:none; font-size:16.5px;} #Account_Overview #account-menu ul li ul{padding-left:0;} #Account_Overview #account-menu ul li ul li{position:relative;font-size:15px; } #Account_Overview #account-menu .btn{padding:5px 0 5px 15px; width:90%; margin:5px 0; display:inline-block; height:36px; font-size:16px; position:relative; background-color:#999; text-align:left;} #Account_Overview #account-menu .btn span{position:absolute; right:5px; top:8px; background-color:#000; } #Account_Overview #account-menu .active-btn-arrow{ width:0; height:0; border-style: solid; border-width: 18px 0 18px 12px; border-color: transparent transparent transparent #87a330; position:absolute; top:-1px; right:-13px; display:none;} #Account_Overview #account-menu .active{box-shadow:none; background-color:#87a330;} #Account_Overview #account-menu .active .active-btn-arrow{ display:inline-block; } #Account_Overview #account-content{font-size:16px;} #Account_Overview #account-content .header-text { margin-bottom: 40px;} #Account_Overview #account-content .panel {border:none; border-radius:0;} #Account_Overview #Account_Info label{font-weight:normal;padding-top:5px;} #Account_Overview #Account_Info .form-group{margin-bottom:5px; clear: both;} #Account_Overview #Account_Info .input-group{ margin-bottom:10px;} #Account_Overview #Account_Info input, #Account_Overview #Account_Info select {margin-bottom:10px;} #Account_Overview #Account_Info #socialLoginList .btn{padding:8px 30px 8px 50px;} #Account_Overview #Account_Info .btn-twitter:before{position:absolute; top:6px; left:15px; font-family:FontAwesome; content:"\f099 |";} #Account_Overview #Account_Info .btn-facebook:before{position:absolute; top:7px; left:15px; font-family:FontAwesome; content:"\f09a |";} #Account_Overview #Account_Info .btn-google:before{position:absolute; top:8px; left:15px; font-family:FontAwesome; content:"\f1a0 |";} #Account_Overview #Account_Info .btn-linkedin:before{position:absolute; top:7px; left:15px; font-family:FontAwesome; content:"\f0e1 |";} #Account_Overview #Account_Info .input-icon{ position:relative; display: block;} #Account_Overview #account-content .panel a:hover, #Account_Overview #account-content .panel a:focus{text-decoration:none;} #Account_Overview #account-content .collapsed .panel-heading{ background-color:#00649e !important; position:relative;} #Account_Overview #account-content .collapsed .panel-heading:after{position:absolute; top:4px; right:10px; font-family:FontAwesome; content:"\f078"; } #Account_Overview #account-content .panel-heading{border:1px solid #dddddd; border-top-right-radius: 0; border-top-left-radius: 0; background-color:#87a330; color:#fff;position:relative;} #Account_Overview #account-content .panel-heading:after{position:absolute; top:4px; right:10px; font-family:FontAwesome; content:"\f077"; font-size:20px; } #Account_Overview #account-content .panel-body{padding:0 15px;border:none; background-color:#fff;} #Account_Overview #account-content .button-wrapper{ margin:15px 0 10px;} #Account_Overview #account-content .button-wrapper button{ padding:10px 25px; font-size:18px;} #Account_Overview h1{text-align:left; margin-top:0;} #Account_Overview .house-list h2{text-align:left;} #Account_Overview .house-list .house-item {margin:10px 0; background-color:#fff; border:1px solid #dddddd;} #Account_Overview .house-list .house-item .row{margin-right:0;} #Account_Overview .house-list .house-item .house-image{width:100%; max-height: 140px;} #Account_Overview .house-list .house-item .house-text{display:inline-block;} #Account_Overview .house-list .house-item h3{text-align:left;margin:10px 0 0 -15px; } #Account_Overview .house-list .house-item h5{margin:5px 0; font-size:16px; margin-left:-15px;} #Account_Overview .house-list .house-item .add-date { margin: 15px 0 0 0; margin-left:-15px; font-size:14px; } #Account_Overview .house-list .house-item .add-date span { padding: 3px 5px } #Account_Overview .house-list .house-item .house-info{font-size:15px; margin-top:15px;} #Account_Overview .house-list .house-item .house-info .fa{margin-right:8px;} #Account_Overview .house-list .house-item .btn{font-size:16px; margin-top:15px; width:100%;padding:7.5px 0;} #Account_Overview #Reaction_List .message{ margin-top:-1px; background-color:#fff; } #Account_Overview #Reaction_List .message .panel-group{ margin-bottom:0; } #Account_Overview #Reaction_List .message .panel-collapse{ margin:0; background-color:#fff; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;} #Account_Overview #Reaction_List .message .row{margin-right:0;} #Account_Overview #Reaction_List .message h4{ text-align:left;} #Account_Overview #Reaction_List .message h4 small{ color:#ddd;} #Account_Overview #Reaction_List .message h5 span{color:#999999;} #Account_Overview #Reaction_List .message .btn{font-size:16px; margin-top:25px; width:100%;padding:7.5px 0;} #Account_Overview #account-content h3 {text-align:left; } #Account_Overview #account-content .acount-data-form h3{padding-left:15px;} #Account_Overview #account-content form input, #Account_Overview #account-content form select{margin-bottom:10px;} #Account_Overview #account-content form input#DateOfBirth{ margin-bottom:0;} #Account_Overview #select-elements { display: none; } #Account_Overview .btn-alert { font-size: 16px; padding: 10px 20px; margin-top: 10px; background-color:#00649e !important; } #Account_Overview #ViewingReactions .header-text { margin-bottom:0; } #Account_Overview #ViewingReactions .slot-wrapper {border: 1px solid #595959; margin-bottom:25px; } #Account_Overview #ViewingReactions .slot-wrapper h4 {background-color:#595959; color:#FFF; padding:10px 15px; margin-top:0; font-size:20px; font-family: "informapro-cond",Arial, Helvetica, sans-serif; } #Account_Overview #ViewingReactions .slot-wrapper .slot-content { padding:5px 15px;} #Account_Overview #ViewingReactions .slot-wrapper .slot-content table{ } #Account_Overview #ViewingReactions .slot-wrapper .slot-content table td{ } #Account_Overview #ViewingReactions .slot-wrapper .slot-content table td:first-child{width:25%;} #Account_Overview #HousingDocumentation .header-text{ margin-bottom:0; } #Account_Overview #HousingDocumentation .titel {margin-top:5px; } #Account_Overview #HousingDocumentation .titel {margin-top:5px; } #Account_Overview #HousingDocumentation .check-wrapper .fa-check { color:#28a745; } #Account_Overview #HousingDocumentation .check-wrapper .fa-times { color:#dc3545; width:16px;} #Account_Overview #HousingDocumentation .check-wrapper .fa-times:before { margin-left:1px;} #Account_Overview #HousingDocumentation .check-wrapper span {margin-left:10px; } #Account_Overview #CurrentHomeAlert { position:relative; } #Account_Overview #CurrentHomeAlert .close{ position:absolute; top:10px; right:10px; font-size:24px; } #Account_Overview #CurrentHomeAlert h3 { margin-top:0; } #Account_Overview #CurrentHomeAlert p:last-of-type { margin-bottom:0; } #Account_Overview #CurrentHomeAlert .btn { font-size: 16px; padding: 5px 15px; margin-top:10px;} #Account_Overview .form-group.highlight{ padding-top:10px; background-color:#fcf8e3; } .match { border: 6px solid #87a330; border-radius: 50%; width: 70px; height: 70px; text-align: center; color: #999; padding-top: 8px; line-height: 18px; font-weight: bold; position: relative;} .match span { font-weight: normal; font-size: 0.9em; position: absolute; bottom: 7px; left: 10px;} .field-validation-error span, .field-validation-valid span { display: block; position: relative; border: 1px solid #ebccd1; font-size: 12px; border-radius: 4px; background-color: #f2dede; border-color: #ebccd1; color: #a94442; padding: 5px 10px; margin-top: -5px; } .field-validation-error span:after, .field-validation-error span:before, .field-validation-valid span:after, .field-validation-valid span:before { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .field-validation-error span:after, .field-validation-valid span:after { border-color: rgba(242, 222, 222, 0); border-bottom-color: #f2dede; border-width: 10px; margin-left: -10px; } .field-validation-error span:before, .field-validation-valid span:before { border-color: rgba(235, 204, 209, 0); border-bottom-color: #ebccd1; border-width: 11px; margin-left: -11px; } .form-login .field-validation-error span { margin-top: 0px; } input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} input[type=number] {-moz-appearance:textfield;} label .required:before { content: "*"; color: #C53727; } #modal-noaccount .modal-dialog { width: 420px; } .equaltext:after{ clear: both; content: ""; display: block; } #housesContainer .show-filter { position: relative; display: none; white-space: nowrap; background-color:#87a330; color: #FFF; padding: 0.5rem 1.25rem; margin:11px 0 0 10px; cursor:pointer; float: right;} #housesContainer .show-filter:hover,#housesContainer .show-filter:focus{ background-color:#95b23b; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #999; border-color:#999; } .pagination > li > a, .pagination > li > span { color: #595959; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color:#595959; } .jplist-panel button { color: #595959; } .jplist-panel button:hover { color: #595959; } #swipebox-top-bar {top: -50px; width: unset!important; height: unset!important; padding: 0 10px!important;} /*Popup 30 min gesprek over waarde */ .popup{ background-color:#0075b9; color:#FFF; padding-bottom:20px; max-width:300px; position:fixed; bottom: 0; right: 0; z-index:1000; text-align:center; font-size:18px; } .popup .close-popup{position:absolute; right:10px; top:5px; cursor:pointer; opacity:0.7; color:#FFF; } .popup .close-popup:hover,.popup .close-popup:focus{ opacity:1; } .popup .popup-content{ padding:0 30px; } .popup img{ max-width:100%; } .popup .popup-btn{ display: inline-block; background-color:#87a330; color:#FFF; padding:10px 30px; margin-top:10px; text-decoration:none; font-weight:bold; } .popup .popup-btn:hover,.popup .popup-btn:focus{ color: #333; background-color: #999; } #StaffMembers .member{ padding-top:15px; } #StaffMembers .member h3{ margin-top:0; } @media (min-width: 1200px) and (max-width: 1399px) { #housesList .nomarginContainer{ } #housesFilters.is_stuck { width:278px !important; } } @media (min-width: 992px) and (max-width: 1199px) { body.show-overlay { overflow:hidden;} body.show-overlay:before { content:""; background-color:#ccc; opacity:0.6; height:100%; width:100%; position:absolute; top:0; left:0; z-index: 15; } #housesContainer .show-filter { display:inline-block; margin-right:-15px; } #housesContainer .filter-column { z-index: 15; overflow: scroll; height:100%; position: fixed; top: 0; left: 100%; padding-right:0; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out; background-color:#FFF; } #housesContainer .filter-column.open{ z-index: 15; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out; } .jplist-views{ left:27%;} .jplist-grid-view .houseItem{width:50%;} .jplist-grid-view .houseCard, .jplist-list-view .houseCard { width: auto !important;} .jplist-sort button { margin-top:0; } #jpListHouses.jplist-thumbs-view #mapContainer { transform: translateX(calc(-50vw + 390px)); } #jpListHouses.jplist-thumbs-view .filter-column { position:fixed; width:33.33333333%; } .jplist-list-view .housesItems { padding:0; } .jplist-list-view .houseItem .houseCardText .houseDetailList { padding-left:15px; } .jplist-pagination-info { max-width:120px; margin-left:-15px; margin-top:5px;} #housesFilters .close-wrapper i{ display:inline-block; } #navigatie .navbar .nav > li{ padding: 39px 10px 36px; } #navigatie .navbar .navbar-brand { padding-left:0; padding-right:0; } #navigatie .navbar .navbar-brand img { width:300px; margin-top: -27px; height:auto !important;} #navigatie .slogan.desktop{ margin-right:40px; padding-top:33px; } #frontpage-carousel .houseCard {width:300px;} .globalTekst .priceCardBtn{margin-top:-37px;} .globalTekst .priceCardBtn .btn{font-size:16px; } .globalTekst .priceCardBtn .btn i{margin:0 0 0 5px; } #housesAlike .houseCard, #housesList .houseCard {width:300px;} #call-to-action .col-1, #call-to-action .col-2, #call-to-action .col-3{padding: 55px 25px 30px;} #partners .partnersLogo img{max-width:100%; } #housesFilters .collapseWrapper{width:720px;} #housesList .jplist-map{left: 720px;} /*#housesList .nomarginContainer{width:720px;}*/ #housesList .collapseWrapper{width:720px;} #housesList .houseCardImage{height:200px;} .jplist-list-view .houseCardImage{height:255px !important;} #housesList .houseCardHeader h2{font-size:26px;} #housesList .houseCardHeader h4 > small{font-size:16px;} #jpListHouses.jplist-grid-view .filter-column, #jpListHouses.jplist-list-view .filter-column { position:fixed; right:unset; } #housesContainer{width:780px;} #General_Content .header-image .blur-wrapper{ height:235px; } #General_Content .header-image .blur-background{ height:235px; } #General_Content .header-img-wrapper{min-height:235px; } #General_Content .header-img-wrapper .coverImage{height:235px;} #General_Content .header-image.split-header .background-element { width: 50%; } #General_Content .header-image.split-header .content { padding: 50px 20px; text-shadow: 1px 1px 2px #000; } #rentcontent .houseHeaderphoto h1{max-width:720px;} #team .teamtekst{padding: 40px 75px;} #housesList .banner-wrapper .GridAd > .row .logo-col{text-align:center;} } @media (min-width: 768px) and (max-width: 991px) { body.show-overlay { overflow:hidden;} body.show-overlay:before { content:""; background-color:#ccc; opacity:0.6; height:100%; width:100%; position:absolute; top:0; left:0; z-index: 15; } #housesContainer .show-filter { display:inline-block; margin: 1px 0 0 10px; } #housesContainer .filter-column { z-index: 15; overflow: scroll; height:100%; position: fixed; top: 0; left: 100%; padding-right:0; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out; background-color:#FFF; } #housesContainer .filter-column.open{ z-index: 15; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out; } #jpListHouses.jplist-thumbs-view #mapContainer { transform: translateX(calc(-50vw + 375px)); } #jpListHouses.jplist-thumbs-view .filter-column { position:fixed; } .jplist-views{ left:27%;} .jplist-sort button { margin: 0 10px 15px !important; } .jplist-panel .pagination { margin:0 0 25px 0; } .jplist-pagination-info { max-width:120px; margin-top: 5px; } #housesFilters .close-wrapper i{ display:inline-block; } /*#navigatie{background: #fff url(/Images/hr.png) center center no-repeat;}*/ #navigatie .navbar{height:60px;} #navigatie .navbar .nav-tel{font-size:16px; left:auto; right:0; transform:translate(-100%,-50%);} #navbar .navbar-nav {display: block; clear: both; float:left; margin-left:-25px; } #navbar .navbar-nav li > a {padding-left:10px; padding-right:10px;font-size:16px;} #navigatie .container > .navbar-header{margin-left:-15px; margin-right:-15px;} #menu-top{background-color:transparent; height:100%; } #frontpage-carousel {margin-top:158px;} #frontpage-carousel .houseCard{width:340px;} #call-to-action .col-1, #call-to-action .col-2, #call-to-action .col-3{padding: 55px 15px 30px;} #call-to-action .btn {padding:10px 20px;} #partners .partnersLogo{padding:10px 0;} #partners .partnersLogo img{padding:10px 0; } #afdelingen .nopaddingCol{padding-left:15px !important; padding-right:15px !important;} #rentcontent{margin-top:158px;} .fullDetails table td{font-size:16px;} #navigatie .navbar .navbar-brand img{height:90px !important;} #navigatie .navbar .nav > li{padding-top:19px !important; padding-bottom:16px !important;} #navigatie .slogan.mobile{ display:inline-block; padding-top: 14px; } #navigatie .slogan.desktop{ display:none; } #login-modal .modal-dialog{width:700px;} .box-login{padding-left:0; padding-right:15px;} .box-login h3{text-align:center;} .box-login p{text-align:center;} .box-login .new-account{border:none;} .social-login h3{padding-top:15px; margin:20px 15px 10px 30px !important; border-top:1px dotted #ccc;} #housesList .nomarginContainer{margin-left:auto;} #housesList .jplist-map{display:none;} #housesList .collapseWrapper{top:149px !important;} .jplist-list-view .houseCardImage{height:255px !important;} #housesList .collapseBtn{margin-top:-1px;} #jpListHouses{margin-top:90px; margin-bottom:5px;} #jpListHouses .filter-padding { padding-top: 75px } #jpListHouses.jplist-grid-view .filter-column, #jpListHouses.jplist-list-view .filter-column { position:fixed; right:unset; } .houseCard{width:100%;} .globalTekst .priceCardBtn .btn{font-size:16px; } .globalTekst .priceCardBtn .btn i{margin:0 0 0 5px; } .jplist-grid-view .houseItem { width: 50%;} .jplist-list-view .houseItem .houseCardHeader{padding:5px 5px 5px 10px;} .housedetails .availability{margin-top:-132px; border:none; } .housedetails .price{margin-top:0;} .housedetails .priceCard .price{margin-top:0;} .globalTekst .priceCardBtn{padding-top:10px;} #General_Content {margin-top: 158px;} #General_Content .wrapper_white .btn{max-width:100%; white-space: normal;} #General_Content #subnav a.active::before { font-size: 24px; right: 30px; top: 8px;} #General_Content .header-image .blur-wrapper{ height:180px; } #General_Content .header-image .blur-background{ height:180px; } #General_Content .header-img-wrapper{min-height:180px; } #General_Content .header-img-wrapper .coverImage{height:180px;} #General_Content .header-image.split-header .background-element { width: 50%; } #General_Content .header-image.split-header .content { padding: 50px 20px; text-shadow: 1px 1px 2px #000; } #General_Content .header-image.split-header .background-element:nth-child(2) { padding: 0; } #General_Content .header-image.split-header .background-element:nth-child(2)::before { content: ""; width: 100%; height: 100%; background-color: rgba(0,36,81,0.5); position: absolute; } #rentcontent .houseHeaderphoto h1{max-width:100%;} #mapBanner .mapContent { width: 90%; } #team .teamtekst{padding: 40px 75px; background-color:#e7e7e7;} /*Add-banner*/ #housesList .banner-wrapper .GridAd > .row .logo-col{text-align:center;} #housesList .banner-wrapper .GridAd > .row .text a{position:relative; bottom:auto; left:auto; -webkit-transform:none;-ms-transform:none;transform:none;} #housesList .banner-wrapper .GridAd > .row .text p{text-align:center;} } @media (max-width: 767px) { body.show-overlay { overflow:hidden;} body.show-overlay:before { content:""; background-color:#ccc; opacity:0.6; height:100%; width:100%; position:absolute; top:0; left:0; z-index: 15; } #housesContainer .show-filter { display:inline-block; } #housesContainer .filter-column { z-index: 15; overflow: scroll; height:100%; position: fixed; top: 0; left: 100%; padding-right:0; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out; background-color:#FFF; } #housesContainer .filter-column.open{ -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out; max-width: 400px; } #swipebox-bottom-bar.visible-bars { opacity:1; } .jplist-pagination-info { position: absolute; top: -48px; } #housesFilters .close-wrapper i{ display:inline-block; } /*#topbar ul>li:first-child{display:none;}*/ .navbar-toggle{margin-top:14px;} #navigatie .navbar .navbar-brand{padding-right:0;} #navigatie .navbar .nav-site{ margin-left:0; right:70px; } #navigatie .navbar .navbar-brand img{width:75%;} #navigatie .navbar .nav-tel{font-size:15px; left:50%;transform: translate(-10%,-50%);} #navigatie .navbar-nav {text-align: center; float:none;} #navigatie .navbar .nav > li{padding-top:15px;padding-bottom:15px;} .navbar-default .navbar-nav > .active > a:active, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom:none;} #navigatie .dropdown-toggle::after { left: 49%; bottom: -10px; height:16px; } #navigatie .navbar-nav > li > .dropdown-menu{padding-left:0; margin-top:10px;} .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px;} #navigatie .slogan{ position:absolute; top: 50%; left: 60%; transform: translate(-50%,-50%); font-size: 18px; margin-right: 0px;} #navigatie .slogan.mobile{ display:inline-block; } #navigatie .slogan.desktop{ display:none; } #frontpage-carousel {margin-top:104px;} #call-to-action .col-1, #call-to-action .col-2, #call-to-action .col-3{padding:40px} #welkom .welkomtekst{padding:30px 40px;} #partners .partnersLogo{padding:10px 0; } #partners .partnersLogo img{padding:10px 0; } #team .teamtekst{padding: 40px; background-color:#e7e7e7;} #afdelingen{margin-top:0;} #afdelingen .nopaddingCol{padding-left:15px !important; padding-right:15px !important;} #footer{font-size:16px;} #footer .footnote .pull-right{float:left !important;} #rentcontent{margin-top: 104px;} #rentcontent .houseHeaderphoto{height:350px;} .houseHeaderphoto h1 {font-size:42px;} #rentcontent .locationMap{height:300px;} #rentcontent .switchStores{width:250px;} .switchStores label{font-size:14px; margin-bottom:0;} #rentcontent .globalTekst .shareSocialXs{padding:0 15px; margin:-15px 0 10px 0} #rentcontent p{font-size:16px;} .fullDetails table td{font-size:16px } .housedetails .availability{margin-top:-132px; border:none; padding:20px 0 15px 0;} .housedetails .price{margin-top:0;} .housedetails .priceCard .price{margin-top:0;} .globalTekst .priceCardBtn{padding-top:10px;} .globalTekst .priceCardBtn .btn{font-size:17px; text-align:center; } .globalTekst .priceCardBtn .btn i{display:none; } .globalTekst .tab-content #documents .document-file .download-btn{padding: 5px 20px; font-size:16px; } #housesAlike {margin-bottom:25px;} .houseCard{width:100%;} .houseCardText{padding:10px;} .houseCardText i{margin-left:0;} .houseCardHeader{padding:5px 5px 5px 10px;} .houseCardHeader h4{font-size:16px;} #jpListHouses { margin-top: 40px;} #jpListHouses .filter-padding { padding-top:70px; } #housesList .houseCardImage{height:200px;} .jplist-list-view .houseCardImage{height:255px !important;} #housesList .collapseWrapper{width:100%;} #housesList .collapseBtn{margin-top:-1px;} #housesList .jplist-map{display:none;} #jpListHouses.jplist-thumbs-view #mapContainer { -webkit-transform:none;-ms-transform:none;transform:none; } #jpListHouses.jplist-thumbs-view .filter-column { position:fixed; z-index:15; } #jpListHouses.jplist-grid-view .filter-column, #jpListHouses.jplist-list-view .filter-column { position:fixed; right:unset; } .jplist-grid-view .houseItem { width: 100%; padding: 0;} .jplist-views { left: 70px; } .jplist-views .jplist-list-view { display:none;} #login-modal .modal-dialog{width:auto;} .box-login {padding-left: 0; padding-right:15px;} .box-login h3{text-align:center;} .box-login p{text-align:center;} .box-login .new-account{border:none; text-align:center; clear: both;} .box-login .form-actions{ text-align:center;} .social-login h3{padding-top:15px; margin:20px 15px 10px 30px !important; border-top:1px dotted #ccc;} #General_Content {margin-top: 104px;} #General_Content p{margin:0 0 10px;} #General_Content .wrapper_white .btn{width: 70%; margin: 0 15%; white-space: normal;} #General_Content .header-img-wrapper{background:none !important; background-color:#333333 !important; min-height:unset;} #General_Content .header-img-wrapper h1{font-size:46px; position:relative; padding-top:25px;} #General_Content .header-img-wrapper .coverImage{display:none;} #General_Content .intro-wrapper h2{font-size:32px;} #General_Content .header-image .blur-wrapper{display:none;} #General_Content .header-image.split-header .background-element { width: 100%; } #General_Content .header-image.split-header .content { padding: 50px 20px; text-shadow: 1px 1px 2px #000; } #mapBanner .mapText .btn{padding:10px 20px;} #mapBanner .mapContent { width: 90%; } /*Add-banner*/ #housesList .banner-wrapper .GridAd > .row .logo-col{text-align:center;} #housesList .banner-wrapper .GridAd > .row .text a{position:relative; bottom:auto; left:auto; -webkit-transform:none;-ms-transform:none;transform:none;} #housesList .banner-wrapper .GridAd > .row .text p{text-align:center;} .jplist-pagination li { display:none; } .jplist-pagination li.jplist-first,.jplist-pagination li.jplist-last,.jplist-pagination li.jplist-prev,.jplist-pagination li.jplist-next,.jplist-pagination li.jplist-current { display:inline; } /*Hides Waarderapport popup op mobiel*/ #dathuis_waardeschatting_container{ display:none; } } @media (max-width: 479px) { .btn{white-space: normal;} /*#topbar li {border:none;}*/ #topbar ul > li:nth-of-type(2){border:none;} #topbar li a{padding:10px 5px; font-size:14px; } #navigatie .navbar .navbar-brand{width:250px;} #navigatie .navbar .navbar-brand img{width:100%; margin-top:-40px; margin-left: -20px;} #navigatie .navbar .nav-tel{display:none;} #navigatie .navbar .nav-site{ font-size:15px; } #navigatie .slogan.mobile{ display:none; } .navbar-toggle{margin-top:12px;} #frontpage-carousel {margin-top:95px;} .aanbodBtn{padding:10px 25px;} .houseCard{width:100%;} #carousel .aanbodBtn{padding:10px 20px;} #call-to-action .col-1, #call-to-action .col-2, #call-to-action .col-3{padding:40px 15px;} #call-to-action .btn {padding:10px 30px;} #welkom .welkomtekst{padding:30px 10px;} #welkom .welkomtekst h1{font-size:40px;} #welkom .welkomtekst .btn{padding:10px 20px; text-align:center;} #team .teamtekst {padding:20px;} #team .teamtekst .btn{padding:10px 20px; width:100%; font-size:18px;} #afdelingen .col-xs-12{text-align:center; margin:10px 0;} #footer{font-size:14px;} .btn { font-size: 16px; font-weight: bold; } #rentcontent .houseHeaderphoto{height:250px;} .houseHeaderphoto h1 {font-size:36px;} #rentcontent .housedetails .availability{padding:10px 0 5px 0;} #rentcontent .housedetails .inrichting{clear:both;} .housedetails table{width:100%;} .housedetails tr>td:first-child{width:33%; text-align:right;} #rentcontent .priceCard{margin-top:120px;} #rentcontent .globalTekst .shareSocial{margin-bottom:15px;} #rentcontent .locationMap .switchStores{display:none;} #General_Content, #rentcontent{margin-top: 95px;} #General_Content .wrapper_white .btn{width: 100%; margin:0 0; padding: 10px 30px;} #General_Content .header-image.split-header .background-element:nth-child(2) { left: 100%; } #General_Content .header-image.split-header .background-element { width: 100%; } #General_Content .header-image.split-header .content { text-shadow: none; } #jpListHouses{margin-top:-255px;} #jpListHouses .filter-padding{padding-top:355px;} #housesList .collapseWrapper{top:98px;} #housesList .houseCardImage{height:240px;} .globalTekst .priceCardBtn .btn{font-size:20px;} .globalTekst .priceCardBtn .btn i{display:inline-block; } .globalTekst .tab-content #documents .document-file td:first-child{width:50px;} .globalTekst .tab-content #documents .document-file i{margin:0;} .globalTekst .tab-content #documents .document-file .download-btn{padding:5px 20px;} .globalTekst .nav-tabs a{font-size:16px;} .jplist-panel { display: block; } .jplist-grid-view .houseItem { width: 100%;} #rentcontent .houseHeaderphoto h1{font-size:42px;} #login-modal button{width:100px; text-align:center;} #login-modal .social-login button{width:150px; text-align:left;} #modal-noaccount .modal-dialog{width:100%;margin:10px 0;} /*Add-banner*/ #housesList .banner-wrapper .GridAd > .row .logo-col img{max-width:100%;} #mapBanner { padding:0 15px; margin-bottom:20px;} #mapBanner .map-contact{display:none;} #mapBanner .mapContent { position: relative; right:unset; } #mapBanner .mapText{ } .jplist-sort { display:none; } .jplist-pagination li { display:none; } #housesContainer > .row > .col-lg-12 > .dropdown.pull-right { float:left !important; } #sort-by-dropdown-btn { margin-left:0; } .jplist-pagination li.jplist-first,.jplist-pagination li.jplist-last,.jplist-pagination li.jplist-prev,.jplist-pagination li.jplist-next,.jplist-pagination li.jplist-current { display:inline; } #jpListHouses.jplist-grid-view .jplist-views .jplist-grid-view{ display:none; } #jpListHouses.jplist-thumbs-view .jplist-views .jplist-thumbs-view{ display:none; } #housesContainer .filter-column { min-width: 275px; } #map-canvas { height: calc(100% - 60px) !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .houseCardHeader{min-height:115px !important;} .blurBackground { background-color:#ffffff !important;} #General_Content .header-image .blur-background{ background:none !important; background-color:#ffffff !important;} .jplist-list-view #housesList .houseDetailList .btn { bottom: auto; top: 150px; } } @supports (-ms-accelerator:true) { .houseCardHeader{min-height:115px !important;} }