/*@import url('https://fonts.googleapis.com/css?family='Open Sans':400,400i,500,500i&subset=latin-ext');*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin-ext'); body { background-color: #222222; width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: 'Open Sans' !important; } textarea { resize: none; } #headline { display: block; position: fixed; background-color: #222222; width: 100%; height: 28px; top: 0px; left: 0px; padding-left: 20px; padding-right: 20px; z-index: 100; } #headline ul { margin: 0px; padding: 0px; } #headline ul li { list-style: none; display: inline-block; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; text-transform: uppercase; margin: 0px; padding: 0px; padding-right: 18px; color: #ffffff; } #headline ul li a { color: #ffffff; text-decoration: none; } #headline ul li a.head-link { padding-left: 18px; } #headline ul li.head-right { float: right; padding-top: 5px; } #headline ul li.head-right a { padding-right: 20px; } #search-form { margin-top: -3px; } #menu { display: block; position: fixed; z-index: 100; background-color: #42464C; width: 100%; height: 63px; top: 28px; left: 0px; padding-left: 20px; padding-right: 20px; } #menu ul { margin: 0px; padding: 0px; } #menu ul.submenu { margin: 0px; margin-left: -15px; margin-top: 19px; padding: 0px; display: none; position: fixed; width: 100%; left: 5px; height: auto; z-index: 9999; background-color: rgba(255,255,255,1); padding: 5px; /*padding-top: 30px;*/ /*border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;*/ } #menu ul.submenu li.thicker { margin-top: -15px; margin-left: 30px; display: block; background-color: rgba(255,255,255,1); width: 10px; height: 10px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari */ transform: rotate(45deg); z-index: 0; } #menu ul.submenu li { list-style: none; display: block; padding-bottom: 10px; padding-left: 10px; z-index: 10; } #menu ul.submenu li div { display: inline-block; width: 20%; height: auto; margin: 0px; padding: 0px; margin-right: 20px; margin-left: 20px; } #menu ul.submenu li div h4 { font-size: 12px; font-weight: lighter; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #42464C; text-decoration: none; text-transform: uppercase; margin-top: -10px; } #menu ul.submenu li div p { font-size: 12px; font-weight: lighter; font-style: normal; font-stretch: normal; line-height: 35px; letter-spacing: normal; color: #42464C; text-decoration: none; } #menu ul.submenu li a { font-size: 12px; font-weight: lighter; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #42464C; text-decoration: none; } #menu ul li { list-style: none; display: inline-block; margin: 0px; padding: 0px; margin-top: 20px; } #menu .logo { display: block; float: left; width: 200px; height: 28px; font-family: 'Open Sans'; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; text-decoration: none; margin-top: 17px; } #menu .logo img { width: 100px; height: auto; } #menu ul li .item { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; text-decoration: none; padding-right: 35px; } #menu ul li.menu-spacer { margin-left: 100px; } #menu ul li a i { font-size: 12px; letter-spacing: 1.3px; font-size: 12px; } #menu ul li.menu-search { float: right; margin-top: 15px; padding-right: 40px; } #menu ul li .input-search { width: 295px; height: 33px; font-size: 14px; border-radius: 15px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; padding-left: 10px; margin-top: -3px; color: #999999; } #menu ul li .btn-search { width: 33px; height: 37px; border: none; background-color: transparent; margin-left: -40px; color: #999999; } #menu ul li .btn-login { display: inline-block; width: 30px; height: 30px; background-color: #41DE75; border-radius: 90px; color: #ffffff; text-align: center; margin-left: 20px; font-family: 'Open Sans' !important; padding-left: 2px; padding-top: 2px; } #slider { display: block; width: 100%; height: auto; margin: 0px; padding: 0px; } #smallslider { display: block; width: 100%; height: 200px; margin: 0px; padding: 0px; } .slide { display: block; width: 100%; height: auto; padding: 0px; margin: 0px; margin-top: 90px; } .slide img { width: 100%; height: auto; } #location_search { display: block; position: absolute; width: 100%; height: auto; margin: 0 auto; text-align: center; top: 25%; } .slide h1 { font-family: 'Open Sans'; font-size: 64px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.16; letter-spacing: normal; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); padding-top: 100px; padding-left: 115px; max-width: 720px; width: 720px; position: absolute; } #slider .slide .input-big-search { display: inline-block; margin-top: 100px; width: 920px; height: 68px; border-radius: 3px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; padding-left: 0px; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; } #slider .slide .input-big-search::-webkit-input-placeholder { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; } #slider .slide .input-big-search:-ms-input-placeholder { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; } #slider .slide .input-big-search:-moz-placeholder { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; } .location-icon { display: block; margin-left: -850px; margin-top: -50px; font-size: 34px; letter-spacing: 1.3px; color: #b9b9b9; } .remove-icon { display: block; margin-left: 450px; margin-top: -30px; font-size: 24px; letter-spacing: 0.8px; color: #555555; } .btn-inside { margin-left: 245px; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; font-family: 'Open Sans' !important; position: absolute; margin-top: 235px; background-color: #41DE75 !important; } .btn-location { width: 200px; height: 48px; border: solid 1px transparent; border-radius: 10px; background-color: #222222; cursor: pointer; } #slider .slide .navigation-down-link { display: block; width: 100%; text-align: center; color: #ffffff; text-decoration: none; font-size: 48px; letter-spacing: 4.4px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); margin-top: 200px; } #slider .slide ul.slider-navigation { display: block; margin: 0px; padding: 0px; margin-top: 241px; width: 100%; height: 110px; background-color: #222222; opacity: 0.7; text-align: center; z-index: -10; } #slider .slide ul.slider-navigation li { list-style: none; display: inline-block; margin: 0px; padding: 0px; margin-right: 100px; margin-top: 40px; } #slider .slide ul.slider-navigation li a { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #dddddd; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); text-decoration: none; } #slider .slide ul.slider-navigation li a strong { color: #ffffff; } #properties { display: block; width: 100%; height: auto; background-color: #ffffff; } #content { display: block; width: 100%; height: auto; background-color: #ffffff; } .content-wrap { padding-top: 100px; /*margin-left: 300px;*/ width: 1180px; height: auto; margin: 0 auto; } .content-wrap-main { padding-top: 25px; /*margin-left: 300px;*/ width: 1180px; height: auto; margin: 0 auto; } .content-wrap-main .result-item { margin-right: 40px !important; } .text-wrap { padding-top: 30px; /*margin-left: 300px;*/ width: 1180px; height: auto; margin: 0 auto; } #properties ul { display: block; margin: 0px; padding: 0px; padding-bottom: 20px; } #properties ul li { display: inline-block; list-style: none; padding: 0px; margin: 0px; margin-right: 90px; } #properties ul li h3 { font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; } #properties ul li a { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #222222; text-decoration: none; } #properties .property-main { width: 320px; height: 290px; float: left; margin-right: 40px; margin-top: 40px; cursor: pointer; } #properties .property-main .image { display: block; background-repeat: no-repeat; background-size: cover; width: 320px; height: 220px; margin: 0px; padding: 0px; } #properties .property-main .price { font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; float: left; } #properties .property-main .size { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: right; color: #555555; float: right; margin-right: 30px; } #properties .property-main .rooms { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: right; color: #555555; float: right; } #news { display: block; width: 100%; height: 650px; background-position: center; background-size: cover; background-repeat: no-repeat; } #news article { display: block; width: 680px; height: auto; float: right; margin-right: 100px; margin-top: 170px; } #news article h3.title { font-size: 36px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.28; letter-spacing: normal; color: #222222; margin-bottom: 25px; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5); } #news article .lead { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-bottom: 35px; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5); } #news article .details { width: 320px; height: 60px; } #news article .details .btn-more { width: 320px; height: 60px; border: solid 1px transparent; border-radius: 10px; background-color: #41DE75; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; cursor: pointer; font-family: 'Open Sans' !important; } #blog { display: block; width: 100%; height: 455px; margin: 0px; padding: 0px; } #blog .entry { display: block; width: 50%; height: 455px; margin: 0px; padding: 0px; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; } #blog .entry .btn-blog { display: block; width: 333px; height: 58px; border: solid 1px transparent; border-radius: 10px; background-color: #41DE75; font-family: 'Open Sans'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; margin: 0 auto; margin-top: 200px; cursor: pointer; } .clear { clear: both; display: block; width: 0px; height: 0px; margin: 0px; padding: 0px; } #project { width: 100%; height: 132px; background-color: #dddddd; } #project h2 { font-family: 'Open Sans'; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; padding-top: 50px; padding-left: 280px; } #footermenu { display: block; width: 100%; height: 439px; min-height: 439px; background-color: #393939; background-image: url('/uix/images/footerbg.png'); background-repeat: repeat; background-size: contain; margin: 0px; padding: 0px; text-align: center; } #footermenu ul { display: inline-block; width: 200px; height: auto; margin: 0px; padding: 0px; margin-right: 38px; margin-top: 86px; text-align: left; } #footermenu ul li { list-style: none; font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.06; letter-spacing: normal; color: #cccccc; } #footermenu ul li.title { font-family: 'Open Sans'; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff; padding-bottom: 15px; } #footermenu ul li a { text-decoration: none; color: #ffffff; } footer { display: block; height: 84px; min-height: 84px; background-color: #222222; text-align: center; } footer .copyright { display: inline-block; margin-top: 20px; font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.06; letter-spacing: normal; color: #cccccc; } footer ul { display: inline-block; margin: 0px; padding: 0px; margin-left: 140px; } footer ul li { display: inline-block; margin: 0px; padding: 0px; font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.06; letter-spacing: normal; color: #ffffff; margin-right: 33px; } footer ul li a { color: #ffffff; text-decoration: none; } footer .socials { display: inline-block; margin: 0px; padding: 0px; margin-left: 200px; margin-top: 25px; } footer .social { font-size: 28px; color: #cccccc; margin-right: 10px; } .location-search-layer { display: none; position: absolute; width: 920px; height: 154px; border-radius: 3px; background-color: #efefef; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); margin-top: 17px; z-index: 0; } div.icon-item { display: inline-block; width: 300px; height: 154px; margin: 0 auto; text-align: center; cursor: pointer; /* border-right: solid 1px #dddddd;*/ } div.oval { display: inline-block; width: 68px; height: 63px; margin: 0px; padding: 0px; background-color: #4a4a4a; border-radius: 90px; text-align: center; font-size: 36px; color: #ffffff; padding-top: 5px; margin-top: 30px; } .search-forsale { /* margin-right: 230px;*/ } .search-agents { /* margin-right: 230px;*/ } div.icon-item span { display: block; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #222222; margin-top: 5px; } div.icon-item span strong { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #222222; } #accountbox { display: none; position: fixed; z-index: 1000; /*top: 92px;*/ top: 91px; right: 25px; width: 388px; height: 194px; background-color: #efefef; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .box-title { display: block; margin: 0px; padding: 0px; width: 100%; height: auto; font-family: 'Open Sans'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; text-align: center; margin-top: 10px; margin-bottom: 15px; } .box-lead { width: auto; height: auto; margin: 0 auto; text-align: center; } .box-content { width: auto; height: auto; text-align: center; margin-top: 15px; } .btn-normal { width: 166px; height: 48px; background-color: transparent; border-radius: 10px; border: solid 1px #555555; font-family: 'Open Sans'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #222222; margin-right: 10px; cursor: pointer; } .btn-normal:last-of-type { margin-right: 0px; } .btn-black { width: 345px; height: 48px; border: solid 1px transparent; border-radius: 10px; background-color: #41DE75; font-family: 'Open Sans'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; cursor: pointer; } .register-popup { width: 790px; height: auto; margin: 0px; padding: 0px; } .login-popup { width: 440px; height: auto; margin: 0px; padding: 0px; } .popup-header { width: 100%; height: 41px; margin: 0px; padding: 0px; background-color: #555555; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff; padding-top: 20px; padding-left: 20px; } .close-modal { display: inline-block; float: right; padding-right: 20px; margin-top: -13px; color: #222222; font-size: 34px; } .popup-content { width: 740px; background-color: #ffffff; padding: 20px; padding-bottom: 20px; padding-left: 50px; } .popup-content-small { width: 430px; background-color: #ffffff; padding: 20px; padding-bottom: 40px; padding-left: 10px; } .form-group { display: block; float: left; width: 50%; height: auto; } .form-group label { display: block; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #555555; margin-top: 10px; } .form-group .input-text { width: 320px; height: 30px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .form-group .input-select { width: 330px; height: 30px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .form-group-full label { display: block; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #555555; margin-top: 10px; } .form-group-full .input-text { width: 320px; height: 30px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .form-group-full .input-select { width: 330px; height: 30px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .input-checkbox { display: inline-block; float: left; width: 10px; height: 10px; margin-top: 15px; margin-left: 0px; border-radius: 3px; background-color: #ffffff; border: solid 1px #cccccc; } .form-group-full { display: block; width: 100%; height: auto; text-align: center; margin-top: 20px; } .btn-link { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #222222; } .form-group-gray { display: block; width: 100%; height: auto; background-color: #f7f7f7; text-align: center; margin: 0px; padding: 20px; padding-bottom: 30px; padding-right: 0px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; } .btn-facebook { margin-top: 15px; width: 320px; height: 58px; border-radius: 3px; border: solid 1px transparent; background-color: #3b5998; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; cursor: pointer; } .breadcrumb { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; padding-bottom: 40px; padding-top: 0px; } .breadcrumb a { font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; text-decoration: none; } .menu-block { display: block; float: left; width: 250px; height: auto; margin: 0px; padding: 0px; } .text-block { display: block; float: left; width: 680px; height: auto; margin: 0px; padding: 0px; border-left: solid 1px #41DE75; padding-left: 40px; margin-bottom: 40px; } .text-block-alt { display: block; float: left; width: 70%; height: auto; margin: 0px; padding: 0px; border-left: solid 1px #dddddd; padding-left: 40px; margin-bottom: 40px; } .tool-block { display: block; float: left; width: 280px; height: auto; margin: 0px; padding: 30px; background-color: #dddddd; margin-left: 40px; border-radius: 10px; } .menu-block ul { display: block; margin: 0; padding: 0px; width: 100%; } .menu-block ul li { list-style: none; margin: 0px; padding: 0px; width: 100%; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.63; letter-spacing: normal; color: #222222; } .menu-block ul li.submenu-title { font-family: 'Open Sans'; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #222222; padding-bottom: 13px; padding-top: 60px; } .menu-block ul li.submenu-title:first-of-type { padding-top: 0px; } .menu-block ul li.active-submenu-item { font-weight: 600; } .menu-block ul li a { text-decoration: none; color: #222222; } .text-block h2 { display: block; padding: 0px; margin: 0px; font-family: 'Open Sans'; font-size: 36px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.28; letter-spacing: normal; color: #222222; } .text-block p { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; } .text-block p strong { font-weight: 500; } .tool-block h3 { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-bottom: 15px; } .tool-block p { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin: 0px; padding: 0px; } .detailed-filter { display: none; width: 100%; height: auto; position: fixed; z-index: 800; text-align: center; margin: 0 auto; padding: 10px; background-color: rgb(255,255,255); -webkit-box-shadow: 0px 3px 10px 0px rgba(57,57,57,1); -moz-box-shadow: 0px 3px 10px 0px rgba(57,57,57,1); box-shadow: 0px 3px 10px 0px rgba(57,57,57,1); margin-top: 160px; padding-left: 0px; } .bottomed { position: relative !important; min-height: 200px; margin-top: 0px !important; width: 99.3% !important; border: solid 1px #dddddd; -webkit-box-shadow: initial !important; -moz-box-shadow: initial !important; box-shadow: initial !important; z-index: 0 !important; } .detailed-filter h5 { margin: 0px; padding: 0px; margin-left: 30px; margin-bottom: -10px; } .filter-bar { width: 100%; height: 70px; position: fixed; z-index: 98; text-align: center; margin: 0 auto; padding: 0px; background-color: #ffffff; border: solid 1px #dddddd; margin-top: 90px; padding-left: 0px; } .filter-input-wrap { display: inline-block; width: auto; height: auto; padding: 0px; margin: 0px; padding-top: 18px; } .topped { padding-top: 5px !important; } .modal-input { width: 180px; height: 33px; padding-left: 10px; border-radius: 10px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; background-color: var(--white); border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; cursor: pointer; } select.modal-input { height: 37px !important; } #dsBtn { display: block; position: fixed; background-color: rgba(255,255,255,0.9); width: 100px; height: 20px; margin-top: 160px; right: 0px; font-family: 'Open Sans'; font-size: 11px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; cursor: pointer; z-index: 999; border-bottom: solid 1px #dddddd; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; text-decoration: none; padding-top: 5px; } .do-btn { display: block; position: relative !important; background-color: rgba(255,255,255,0.9); width: 100px; height: 30px; margin-top: 0px !important; margin-bottom: 10px !important; right: 0px; float: right !important; font-family: 'Open Sans'; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; cursor: pointer; z-index: 0 !important; border-bottom: solid 1px #dddddd; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; text-decoration: none; padding-top: 10px; } .active-thumb { opacity: 0.2; } .w50percent { width: 80px !important; cursor: initial !important; } .filter-input-wrap:first-of-type { padding-left: 30px; } .pre { padding-left: 35px; } .pre-icon { margin-right: -30px; } .post-icon { margin-left: -30px; cursor: pointer; } .set-view { display: inline-block; margin: 0px; padding: 0px; float: right; margin-right: 10px; margin-top: 20px; margin-bottom: 20px; width: 35px; height: 30px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #555555; text-decoration: none; text-align: center; } .set-view i { clear: both; } .results-block { padding-top: 180px; width: 1180px; height: auto; margin: 0 auto; background-color: #ffffff; } .thin-block { display: block; float: right; padding-top: 26px; width: 450px !important; min-height: 1505px; margin: 0 auto; background-color: #ffffff; overflow-y: hidden; padding-left: 20px; position: absolute; right: 0px; top: 162px; } .result-list-thin { overflow-x: hidden !important; } .map-block { display: block; float: left; width: 100% !important; min-height: 1530px; margin: 0 auto; background-color: #d8d8d8; margin-top: 162px; } .results-block h3 { font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-bottom: 10px; } .results-block h3 strong { font-weight: 500; } .sorter { display: block; margin: 0px; padding: 0px; margin-bottom: 10px; } .view-list { margin-right: 55px; } .righted { display: block; float: right; margin-top: 0px !important; margin-right: 15px; } .sorter label { font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.43; letter-spacing: normal; color: #222222; padding-right: 10px; } .sorter select { width: 150px; height: 33px; border-radius: 10px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; padding: 5px; } .result-list { display: block; margin: 0px; padding: 0px; width: 1180px; height: auto; background-color: #ffffff; padding-bottom: 10px; } .min-result-list { width: 1000px !important; } .half { width: 1120px !important; } .resutl-list-thin { display: block; margin: 0px; padding: 0px; width: 560px; height: auto; background-color: #ffffff; padding-bottom: 10px; } .result-item { display: block; margin: 0px; padding: 0px; float: left; width: 255px; height: 275px; margin-right: 39px; margin-bottom: 30px; background-color: #f7f7f7; cursor: pointer; border-radius: 15px; } .result-item:last-of-type { display: block; margin: 0px; padding: 0px; float: left; width: 255px; height: 290px; margin-right: 0px; margin-left: 8px; margin-bottom: 30px; background-color: #f7f7f7; cursor: pointer; } .result-item figure { display: block; width: 100%; height: 190px; margin: 0px; padding: 0px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 15px; } .result-details { float: left; max-width: 100%; } .horizontal-item { width: 430px !important; height: 160px !important; } .horizontal-item figure { width: 160px !important; height: 160px !important; } .result-item span.new { display: block; position: absolute; width: 97px; height: 18px; background-color: #222222; padding: 0px; margin: 0px; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 3px; font-family: 'Open Sans'; font-size: 10px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; text-transform: uppercase; text-align: center; } .result-item span.gallery { display: inline-block; position: absolute; padding: 0px; margin: 0px; margin-top: -30px; margin-left: 10px; font-family: 'Open Sans'; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; background-color: rgba(255,255,255,0.8); padding-left: 10px; padding-right: 10px; border-radius: 10px; } .result-item span.gallery small { color: #555555 !important; font-weight: 500; } .result-item pre.price { font-family: 'Open Sans'; font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; padding-left: 10px; padding-top: 5px; } .result-item span.size, .result-item span.site, .result-item span.rooms { display: inline-block; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; } .result-item span.address { display: block; font-family: 'Open Sans'; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; padding-left: 10px; padding-bottom: 5px; min-height: 60px; } .result-item a.tool-icon { display: inline-block; margin: 0px; padding: 0px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #999999; padding-left: 10px !important; text-decoration: none; } .filter-map-modal { width: 100%; height: 467px; display: none; position: absolute; left: 0px; background-color: #f7f7f7; border: solid 1px #dddddd; margin-top: 18px; } .filter-map-modal figure { background-color: #f7f7f7; border: none; border-left: solid 1px #dddddd; border-top: solid 1px #dddddd; width: 20px; height: 20px; transform: rotate(45deg); margin-top: -11px; } .filter-map-modal h3 { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-top: 10px; margin-left: 15px; } .filter-map-modal ul { display: inline-block; margin: 0px; padding: 0px; padding-left: 10px; margin-top: 10px; margin-right: 130px; } .filter-map-modal ul li { list-style: none; margin: 0px; padding: 0p; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; padding-bottom: 5px; } .filter-map-modal ul li input { width: 20px; height: 20px; border-radius: 3px; background-color: #ffffff; border: solid 1px #cccccc; } .short { width: auto !important; height: auto !important; font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px; margin-top: 40px; } .filter-map-modal .map { display: inline-block; width: 918px; height: 362px; background-color: #efefef; float: right; margin: 0px; padding: 0px; margin-top: -300px; margin-right: 40px; } .filter-details-modal { width: 100%; height: 467px; display: none; position: absolute; left: 0px; background-color: #f7f7f7; border: solid 1px #dddddd; margin-top: 18px; } .filter-details-modal figure { background-color: #f7f7f7; border: none; border-left: solid 1px #dddddd; border-top: solid 1px #dddddd; width: 20px; height: 20px; transform: rotate(45deg); margin-top: -11px; position: absolute; } .filter-details-modal h3 { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-top: 10px; margin-left: 15px; } .filter-details-modal ul { display: inline-block; margin: 0px; padding: 0px; padding-left: 10px; margin-top: 10px; margin-right: 130px; } .filter-details-modal ul li { list-style: none; margin: 0px; padding: 0p; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; padding-bottom: 5px; } .filter-details-modal ul li input { width: 20px; height: 20px; border-radius: 3px; background-color: #ffffff; border: solid 1px #cccccc; } .filter-details-modal .map { display: inline-block; width: 918px; height: 362px; background-color: #efefef; float: right; margin: 0px; padding: 0px; margin-top: -300px; margin-right: 40px; } .property-info { width: 50%; float: left; margin: 0px; padding: 0px; color: #dddddd; font-size: 30px; font-family: 'Open Sans'; font-style: normal; font-weight: lighter; text-align: left; } .property-info h2 { width: 680px; height: 46px; font-family: 'Open Sans'; font-size: 36px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.28; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-top: 10px; } .property-info span { width: 106px; height: 30px; font-family: 'Open Sans'; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #555555; } .property-info p { height: 30px; font-family: 'Open Sans'; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #222222; padding: 0px; margin: 0px; padding-top: 5px; } .nohead-margin { margin-top: 90px; } .property-share { width: 50%; float: left; margin: 0px; padding: 0px; color: #dddddd; font-size: 30px; font-family: 'Open Sans'; font-style: normal; font-weight: lighter; text-align: right; } .property-share a { height: 26px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; text-decoration: none; padding-right: 14px; } .property-contact { width: 33%; float: left; margin: 0px; padding: 0px; color: #dddddd; font-size: 30px; font-family: 'Open Sans'; font-style: normal; font-weight: lighter; text-align: right; } .property-contact button { width: 200px; height: 48px; border-radius: 3px; border: solid 3px #555555; background-color: #ffffff; font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #555555; cursor: pointer; } .image-slider { width: 600px; height: 495px; display: block; float: left; } .image-slider .slider-picture { display: block; width: 600px; height: 495px; background-color: #eeeeee; background-position: center center; background-repeat: no-repeat; background-size: cover; background-origin: content-box; margin-left: 0px; border-radius: 10px; } .image-slider a.prev { display: block; position: absolute; z-index: 10; width: 40px; height: 52px; border-radius: 3px; background-color: #41DE75; color: #ffffff; text-decoration: none; font-size: 30px; font-weight: lighter; text-align: center; padding-top: 8px; margin-left: -20px; margin-top: 225px; } .image-slider a.next { display: block; position: absolute; z-index: 10; width: 40px; height: 52px; border-radius: 3px; background-color: #41DE75; color: #ffffff; text-decoration: none; font-size: 30px; font-weight: lighter; text-align: center; padding-top: 8px; margin-left: 580px; margin-top: 225px; } /*::-webkit-scrollbar{width:1px;height:1px;}*/ /*::-webkit-scrollbar-button{width:1px;height:1px;}*/ .thumbs-container a.prev { display: inline-block; position: absolute; z-index: 10; width: 40px; height: 52px; border-radius: 3px; background-color: #DDDDDD; color: #ffffff; text-decoration: none; font-size: 30px; font-weight: lighter; text-align: center; padding-top: 8px; margin-left: -10px; margin-top: 50px; } .thumbs-container a.next { display: inline-block; position: absolute; z-index: 10; width: 40px; height: 52px; border-radius: 3px; background-color: #DDDDDD; color: #ffffff; text-decoration: none; font-size: 30px; font-weight: lighter; text-align: center; padding-top: 8px; margin-top: -115px; margin-left: 1150px; } .contact-form { width: 500px; min-height: auto; float: right; background-color: #f7f7f7; margin-top: 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .contact-form h2 { display: block; height: 41px; margin: 0px; padding: 0px; background-color: #868B91; text-align: left; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff; padding-top: 15px; padding-left: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .contact-form .namecard { width: 100%; padding: 15px; } .contact-form .namecard img { width: 100px; height: 120px; float: left; text-align: left; display: block; background-color: #555555; margin-right: 15px; } .contact-form .namecard strong { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; display: block; } .contact-form .namecard span { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; display: block; } .contact-form .namecard a { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; text-decoration: none; display: block; } .contact-form .contact-type { display: block; width: 100%; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin-left: 15px; margin-bottom: 15px; } .contact-form .contactFRM { display: block; margin-left: 15px; } .row { width: 100%; } .col1 { width: 100%; } .col2 { width: 50%; float: left; } .col3 { width: 33.3%; float: left; } .col4 { width: 25%; float: left; } .text-block-alt label { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #555555; } .textbox { width: 90%; height: 25px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; padding: 5px; padding-left: 10px; margin-bottom: 15px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; border-radius: 10px; } .editor { width: 95%; height: 70px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; padding: 5px; padding-left: 10px; margin-bottom: 15px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; border-radius: 10px; } .btn-submit { height: 48px; border: solid 1px transparent; border-radius: 10px; background-color: #41DE75; font-family: 'Open Sans'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; cursor: pointer; padding: 10px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } .center { text-align: center; } .thumbs-container { display: block; height: 150px; max-height: 150px; min-height: 150px; width: 100%; background-color: #f7f7f7; margin-top: 40px; border-radius: 10px; overflow-x: hidden; overflow-y: hidden; } .image-thumbs { width: auto; height: 160px; } .image-thumbs img { display: inline-block; width: 160px; height: 120px; background-color: #555555; margin: 14px; margin-left: 0px; cursor: pointer; } .image-thumbs img:first-of-type { margin-left: 14px; } .property-description { width: 48%; float: left; margin: 0px; padding: 0px; margin-top: 40px; } .property-description h2 { font-family: 'Open Sans'; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; color: #222222; } .property-description p { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; } .property-map { width: 48%; float: left; margin: 0px; padding: 0px; margin-top: 40px; margin-left: 15px; } .property-map h2 { display: block; height: 41px; margin: 0px; padding: 0px; background-color: #868B91; text-align: left; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff; padding-top: 15px; padding-left: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .property-features { display: block; margin: 0px; padding: 0px; width: 100%; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; padding-top: 40px; padding-bottom: 40px; margin-top: 40px; } .property-features div { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; } .agent-item { width: 340px; height: 150px; background-color: #f7f7f7; margin: 0px; padding: 15px; float: left; margin-right: 20px; margin-bottom: 20px; cursor: pointer; border-radius: 10px; } .agent-item figure { display: block; width: 135px; height: 150px; background-color: #555555; background-position: center center; background-size: cover; margin: 0px; padding: 0px; float: left; border-radius: 10px; } .agent-item .namecard { float: left; margin: 0px; padding: 0px; margin-left: 10px; } .agent-item .namecard h4 { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #222222; margin: 0px !important; padding: 0px !important; } .agent-item .namecard span { display: block; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; } .agent-item .namecard small { display: block; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin-bottom: 20px; } .agent-item .namecard span strong { font-weight: 500; color: #222222; } .agent-item .namecard .stars { display: block; width: 100%; margin: 0px; padding: 0px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; } .agent-item .namecard .stars a.star-info { color: #999999 !important; text-decoration: none; } .agent-item .namecard .contact-panel { display: block; width: 100%; margin: 0px; padding: 0px; margin-top: 20px; } .agent-item .namecard .contact-panel a { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #999999; text-decoration: none; padding-right: 10px; } .agent-info { width: 680px; min-height: 425px; height: auto; display: block; float: left; margin: 0px; padding: 0px; } .agent-info figure { width: 280px; height: 390px; display: block; float: left; margin: 0px; padding: 0px; background-color: #555555; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 10px; } .agent-info .namecard { float: left; margin: 0px; padding: 0px; margin-left: 40px; } .agent-info .namecard h2 { font-family: 'Open Sans'; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; color: #222222; margin: 0px !important; padding: 0px !important; } .agent-info .namecard h4 { font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #222222; margin: 0px !important; padding: 0px !important; } .agent-info .namecard h5 { font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; margin: 0px; padding: 0px; } .agent-info .namecard span { display: block; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; } .agent-info .namecard small { display: block; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin-bottom: 20px; } .agent-info .namecard span strong { font-weight: 500; color: #222222; } .agent-info .namecard .stars { display: block; width: 100%; margin: 0px; padding: 0px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin-top: 15px; } .agent-info .namecard .stars strong { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; font-weight: 500; color: #222222; } .agent-info .namecard .stars a.star-info { color: #999999 !important; text-decoration: none; } .agent-info .namecard .contact-panel { display: block; width: 100%; margin: 0px; padding: 0px; margin-top: 20px; } .agent-info .namecard .contact-panel a { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #999999; text-decoration: none; padding-right: 10px; } .agent-info .namecard a.social { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; text-decoration: none; padding-right: 14px; } .agent-info .namecard .socials { margin: 0px; padding: 0px; margin-top: 15px; margin-bottom: 15px; } .agent-info .namecard .locations { margin: 0px; padding: 0px; margin-top: 15px; } .agent-info .namecard .locations strong { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; font-weight: 500; color: #222222; display: block; } .agent-info .namecard .locations a { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #222222; text-decoration: underline; } .agent-form { height: 400px !important; margin-top: 0px !important; min-height: 400px !important; } .agent-form .editor { height: 45px !important; } .agent-form .contact-type { margin-top: 20px; } .agent-review { display: block; margin: 0px; padding: 0px; background-color: #f7f7f7; width: 100%; height: auto; padding-bottom: 5px; margin-bottom: 20px; } .agent-review h2 { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff; background-color: #555555; margin: 0px; padding: 15px; } .agent-review .all-link { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: right; color: #ffffff; text-decoration: none; float: right; cursor: pointer; } .agent-review .stars { display: block; width: 100%; margin: 0px; padding: 0px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin-top: 15px; margin-left: 15px; margin-bottom: 15px; } .agent-review .stars strong { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; font-weight: 500; color: #222222; } .agent-review .stars a.star-info { color: #999999 !important; text-decoration: none; } .review { display: block; margin: 0px; padding: 0px; background-color: #efefef; height: auto; margin-left: 15px; margin-right: 15px; padding: 20px; margin-bottom: 15px; } .review strong { font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #222222; } .review p { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; } .agent-listing { display: block; margin: 0px; padding: 0px; width: 100%; height: auto; padding-bottom: 40px; } .agent-listing h2 { font-family: 'Open Sans'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff; background-color: #868B91; margin: 0px; padding: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .all-link { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: right; color: #ffffff; text-decoration: none; float: right; cursor: pointer; } .topmarged { margin-top: 40px; } .office-details { width: 100%; height: auto; margin: 0px; padding: 0px; margin-top: 5px; margin-bottom: 240px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; } h2.head { font-family: 'Open Sans' !important; font-size: 18px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff !important; background-color: #868B91; margin: 0px; padding: 15px !important; border-top-left-radius: 10px; border-top-right-radius: 10px; } h3.head { font-family: 'Open Sans' !important; font-size: 18px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222 !important; background-color: #efefef !important; margin: 0px; padding: 15px !important; border-top-left-radius: 10px; border-top-right-radius: 10px; } .text-block-alt p { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; } .text-block-alt .overload { width: 100.3%; } .text-block-alt .slim { width: 110%; } .leftmarged { margin-left: 15px; } #mobile { display: none; } #moveButton { cursor: pointer; } #polyButton { cursor: pointer; } #trashButton { cursor: pointer; } .error { border: solid 1px #ff0000 !important; } .error-message { display: none; width: 92%; height: auto; padding: 10px; background-color: #c77b7b; color: white; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } #uglipop_content_fixed { top: 50% !important; z-index: 9999 !important; } .success-message { display: none; width: 97%; height: auto; padding: 10px; background-color: #41DE75; color: white; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .error-email { display: none; width: 92%; height: auto; padding: 10px; background-color: #c77b7b; color: white; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .error-login { display: none; width: 97%; height: auto; padding: 10px; background-color: #c77b7b; color: white; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .error-reminder { display: none; width: 92%; height: auto; padding: 10px; background-color: #c77b7b; color: white; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .error-pass { display: none; width: 101.3%; height: auto; padding: 10px; background-color: #c77b7b; color: white; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .success-settings { display: none; width: 101.3%; height: auto; padding: 10px; background-color: #41DE75; color: white; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .status-bar { display: none; width: 100%; min-height: 25px; height: auto; position: fixed; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: left; padding: 10px; margin: 0px; padding-left: 20px; z-index: 9999; top: 0px; } .success-bar { color: white; background-color: #41DE75; } .error-bar { color: white; background-color: #c77b7b; } .hidden-item { display: none !important; } .overflower { overflow-y: auto; } .selectize-control { height: 0px; } .selectize-input { padding: 10px !important; width: 220px !important; min-width: 220px; max-width: 220px; height: 37px; padding-left: 10px; padding-top: 10px; border-radius: 10px !important; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff !important; background-color: var(--white) !important; border: solid 1px #dddddd; font-family: 'Open Sans' !important; font-size: 12px !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; cursor: pointer; margin-top: -6px; } .selectize-dropdown { top: 35px !important; } .selectize-dropdown-content { margin-top: 0px; padding-top: 0px; } .selectize-control.multi .selectize-input > div { padding-top: 0px !important; padding-bottom: 0px !important; } .mini { width: auto !important; height: 34px !important; margin-left: 10px; } .suggession { display: none; position: absolute; top: 0px; left: 0px; background: white; border: none; padding: 0px; margin: 0px; height: auto; min-height: 150px; max-height: 150px; overflow-y: auto; overflow-x: hidden; } .suggession li { display: block; list-style: none; padding: 5px; margin: 0px; border-bottom: solid 1px #ccc; color: #222222; font-family: 'Open Sans' !important; font-size: 12px !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; cursor: pointer; } .suggession li:hover { background-color: #bbb; } .gm-bundled-control { margin-top: 48px !important; margin-left: 20px !important; } .subpage-head { display: block; position: static; width: 100%; height: 200px; min-height: 200px; max-height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0px; margin: 0px; margin-top: 90px; } .subpage-head h1 { font-family: 'Open Sans'; font-size: 64px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.16; letter-spacing: normal; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); padding-top: 10px; padding-left: 70px; max-width: 720px; width: 720px; position: absolute; } .agent-head { background-image: url('/uix/images/about_head.png'); } .office-head { background-image: url('/uix/images/office_head.png'); } .profile-head { background-image: url('/uix/images/profile-head.png'); } .agent-info a { color: #41DE75; text-decoration: none; } hr { border: none; height: 1px; max-height: 1px; min-height: 1px; color: #DDDDDD; background-color: #DDDDDD; } a.tool-icon { display: inline-block; margin: 0px; padding: 0px !important; font-family: 'Open Sans' !important; font-size: 14px !important; font-weight: normalv; font-style: normal !important; font-stretch: normal !important; line-height: 1.86 !important; letter-spacing: normal !important; color: #999999 !important; text-decoration: none !important; } .mobile-submenu { display: none; margin: 0px !important; padding: 0px !important; width: 100% !important; height: auto !important; position: relative !important; top: 0px !important; min-height: auto !important; margin-top: 10px !important; } .mobile-submenu li { display: block !important; list-style: none !important; margin: 0px !important; padding: 0px !important; width: 100% !important; height: auto !important; padding-left: 25px !important; line-height: 30px !important; } .mobile-submenu li a { font-weight: lighter !important; } #nsBtn { display: none; position: fixed; background-color: rgba(255,255,255,0.9); width: 100px; height: 20px; margin-top: 160px; right: 0px; font-family: 'Open Sans'; font-size: 11px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; cursor: pointer; z-index: 999; border-bottom: solid 1px #dddddd; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; text-decoration: none; padding-top: 5px; }