@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600'); html, body { height: 100%; font-family: 'Open Sans', sans-serif !important; background-image: url('../img/bg.jpg'); background-size: cover; } * { transition: all 100ms ease; } @font-face { font-family: 'Gotham Medium'; src: url('../fonts/Gotham-Medium.otf') format('opentype'); } @font-face { font-family: 'Gotham Book'; src: url('../fonts/Gotham-Book.otf') format('opentype'); } @font-face { font-family: 'Gotham Ultra'; src: url('../fonts/Gotham-Ultra.otf') format('opentype'); } .wtext a { line-height: 20px !important; padding: 1px 8px !important; } .jumbotron.vertical-center { margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */ background-color: transparent; } .vertical-center { min-height: 100%; /* Fallback for vh unit */ min-height: 100vh; /* You might also want to use 'height' property instead. Note that for percentage values of 'height' or 'min-height' properties, the 'height' of the parent element should be specified explicitly. In this case the parent of '.vertical-center' is the element */ /* Make it a flex container */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* Align the bootstrap's container vertically */ -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /* In legacy web browsers such as Firefox 9 we need to specify the width of the flex container */ width: 100%; /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers hence the bootstrap's container won't be aligned to the center anymore. Therefore, we should use the following declarations to get it centered again */ -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .container { background-color: #daddde; } .outerborder { /*height: 650px;*/ border: 15px solid #fff; width: 100%; border-top: 0px; position: relative; overflow: hidden; } .shareview { padding-left: 10px; } .mapview li { list-style-type: none; float: left; padding-right: 10px; margin-right: 10px; } .mapview li.borderright { border-right: 1px solid #b3b3b3; } .mapview li a { text-decoration: none; } .dropdown ul.dropdown-menu:before { content: ""; border-bottom: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; top: -8px; right: 16px; z-index: 10; } .dropdown ul.dropdown-menu:after { content: ""; border-bottom: 10px solid #ddd; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; right: 14px; z-index: 9; } /* share */ .mapview li a { color: #333; } .mapview li a img { opacity: 0.3; } .mapview li a.active { color: #333333; opacity: 1; } .shareview li { list-style-type: none; text-align: left; float: left; } .shareview li a { color: #565656; text-decoration: none; font-family: 'Gotham Book'; font-size: 11px !important; position: relative; z-index: 10; } .shareview li a:hover { color: #333; } .share-dropdown { min-width: 50px !important; padding: 0px; } .share-dropdown > li > a { padding: 2px 10px !important; } .share-dropdown > li > a:hover { padding: 2px 10px !important; } /* right side */ .hginfo { position: absolute; right: 0px; font-family: 'Open Sans', sans-serif; z-index: 99999; } .hginfo.width35 li { width: 35px; } .hginfo.width35 li .hginfo-data { right: 39px; } .hginfo li.wtext { width: 133px; text-align: left; padding: 4px 0px; } .hginfo-data.wtextdata { right: 138px; } .hginfo li { list-style-type: none; width: 25px; text-align: center; margin-bottom: 1px; position: relative; } .hginfo li a { text-decoration: none; padding: 3px 7px; font-size: 11px; cursor: pointer; } .hginfo-data { padding: 0px; color: #333; background: #fff; max-width: 260px !important; right: 34px; position: absolute; box-shadow: 2px 2px 3px #d0d0d0; font-family: 'Open Sans', sans-serif !important; font-weight: normal !important; } .gallery .hginfo-data { width: 500px; max-width: 500px !important; min-width: 500px !important; } .gallery .hginfo-data img { width: 500px; } .hginfo-data:before { /*width: 10px; height: 25px; background: #fff;*/ content: ''; position: absolute; right: -3px; top: 0px; width: 2px; height: 30px; border-top: 0; border-bottom: 0; border-right: 3px solid #fff; } /*.arrow-right { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green; }*/ .hginfo-data-top { top: 0px; border-radius: 0px; } .hginfo-data-top:before { top: 0px; } .hginfo-data-middle { top: -80px; border-radius: 0px; } .hginfo-data-middle:before { top: 80px; } .hginfo-data-bottom { bottom: 0px; } .hginfo-data-bottom:before { bottom: 0; top: inherit; } .hginfo-data.gallery, .hginfo-data-middle.gallery, .hginfo-data-bottom.gallery { width: 400px; } .hginfo-data.widthauto { width: auto !important; } /*.hginfo li.active { background: #fff !important; } .hginfo li.active a { color: #333 !important; font-weight: bold; }*/ /* left side */ .left .hginfo-data { padding: 5px; color: #333; background: #fff; max-width: 260px !important; left: 35px; right: auto; position: absolute; box-shadow: 2px 2px 3px #d0d0d0; } .left .hginfo-data:before { content: ''; position: absolute; left: -10px; right: auto; top: auto; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; } .left.hginfo-data:before { content: ''; position: absolute; left: -10px; right: auto; top: auto; width: 10px; height: 30px; border-top: 0; border-bottom: 0; border-right: 3px solid #b3b3b3; border-left: none; } .left .hginfo-data-top { top: 0px; border-radius: 0px; } .left .hginfo-data-top:before { top: 0; } .table-info th { color: #f4c429; border-bottom: 1px solid #3c3d41; height: 30px; text-transform: uppercase; } .table-info th, td { padding: 5px !important; } .table-info td { padding: 5px !important; border-bottom: 1px solid #3c3d41; width: 50%; line-height: 8px; } .lh15 .table-info td { line-height: 15px; } .left .hginfo-data table { border: 1px solid #3c3d41; } .table-info tr td { border-right: 1px solid #3c3d41 !important; } .table-info tr td:last-child { border-right: none; } .table-info tr.last td { border-bottom: none; } .available { color: #1ea752 !important; } /*.sold { background: #ff0000; color: #fff; }*/ .sold { background: #ff7e7e !important; color: #fff !important; } .booked { background: #fa9300; color: #000; } /* left arrow */ .left-arrow, .right-arrow { width: 47px; height: 36px; line-height: 30px; display: inline-block; } .left-arrow i, .right-arrow i { width: 49px; height: 36px; color: #000; font-size: 30px; line-height: 30px; } /* hg info inside */ .hginfoinside { position: absolute; right: 0px; /*top: 73px;*/ font-family: 'Gotham Book'; z-index: 9; } .hginfoinside li { list-style-type: none; width: 25px; height: 25px; text-align: center; margin-bottom: 1px; position: relative; } .hginfoinside li a { text-decoration: none; vertical-align: sub; font-size: 11px; display: block; height: 25px; padding: 2px; } .hginfoinside .hginfoinside-data { padding: 6px; color: #333; background: #fff; right: 25px; position: absolute; /* box-shadow: 2px 2px 3px #d0d0d0; */ } .hginfoinside-data.widthauto { min-width: 130px !important; } /* contact us */ .contact h4 { font-family: 'Gotham Ultra' !important; font-size: 24px; } .contact { color: #4c4c4c; } /* help */ .help { position: absolute; width: 300px; right: 10px; padding: 4px; top: 60px; z-index: 9; line-height: 18px; font-size: 12px; } .help:after { content: ''; width: 0px; height: 0px; position: absolute; right: 25px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -6px; } .share { position: absolute; right: 30px; padding: 10px; top: 60px; z-index: 999999; } .share:after { content: ''; width: 0px; height: 0px; position: absolute; right: 20px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -6px; } .mapview { padding-left: 20px; padding-top: 10px; } .shareview li a:hover .fa { color: #fff; } .specifications { overflow: auto; height: auto; font-family: 'Gotham Book'; } .specifications h6 { cursor: pointer; font-size: 13px; } .s-faq .pb10 { padding-bottom: 10px !important; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-top: 10px; } .mob-home-lastshow { display: none; } .fsoverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0,0,0,0.8); /*dim the background*/ } .fsmodal { /* some styles to position the modal at the center of the page */ position: absolute; top: 40%; margin-left: 0px; margin-top: -100px; text-align: center; border-radius: 5px; /* needed styles for the overlay */ z-index: 10; /* keep on top of other elements on the page */ left: 27%; } .fsmodal a { position: absolute; right: 15px; top: 3px; z-index: 9; } .fsmodal a i { color: #fff; font-size: 25px; } .fsmodal a.closegif { position: absolute; right: -10px; top: -13px; } .promo-modal { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; margin: auto; } .promo-skip { text-align: right; color: #fff !important; position: absolute; right: 0px; z-index: 99; top: -30px; text-decoration: none !important; font-size: 18px; } .s-faq a { cursor: pointer; } .specifications h6 .fa { color: #a2a2a2 !important; } .panel-title span { vertical-align: middle; padding-right: 10px; } .panel-title svg { vertical-align: middle; } .s-faq #Layer_1 { height: 20px !important; padding: 0px !important; } .s-faq a:hover { text-decoration: none; } .contact p { position: relative; } .contact p label { position: absolute; top: 0px; left: -3px; } .divFlatsview table { width: 100%; } .divFlatsview .table-info tr td:first-child { border-right: none; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .gal-overlay { z-index: 999; position: absolute; width: 100%; } .in-gal { margin: 50px auto; box-sizing: border-box; width: 100%; background-position: center !important; height: 448px; width: 835px; text-align: center; background-size: contain !important; } .flooriframe { height: 100% !important; } button.view { background: #51c37c !important; /* green fixed */ color: #fff !important; padding: 4px 16px !important; border: none; font-size: 10px; border-radius: 2px; width: 48%; letter-spacing: 1px; } button.view:hover { background: #25b45b !important; /* green fixed */ /*color: #fff !important; padding: 5px 18px !important; border: none; font-size: 12px; border-radius: 2px;*/ } button.next { background: #788dd7 !important; color: #fff !important; padding: 4px 16px !important; border: none; font-size: 10px; border-radius: 2px; width: 48%; letter-spacing: 1px; } button.next:hover { color: #fff !important; background: #6077ca !important; /*padding: 5px 18px !important; border: none; font-size: 12px; border-radius: 2px;*/ } .table-info tr.totalunits { } .table-info tr.sizetype { } .back { font-size: 12px; } .table-info td { color: #b3b3b3; } @media (min-width:480px) { .interactivemap { min-height: 540px; } } @media (min-width:767px) { .outerborder { max-height: 650px; min-height: 100%; } .minheightauto { min-height: auto !important; } .maxheightauto { max-height: 100% !important; } #clientlogo { padding-left: 20px; padding-top: 30px; } .back-pad { padding: 10px; } .home-data .hginfo-data { width: 200px !important; } } @media (min-width:1000px) { video { min-height: 520px; } .outerborder { max-height: 650px; min-height: 450px !important; } .gt-tab-wth{width:240px !important;} } @media (max-width:1000px) { .vertical-center { align-items: baseline; } .container { width: 970px; } .outerborder { border: 5px solid #fff; } .navbar-nav > li { float: left; border-left: 1px solid #f6f6f6; } .navbar-nav > li > a { text-transform: uppercase; font-size: 8px !important; text-align: left; } #Layer_1 { height: 30px !important; padding: 0px 15px !important; } .jumbotron p { margin-bottom: 0px; font-weight: 200; margin-top: 0px; padding: 2px 10px !important; } .shareview li { list-style-type: none; text-align: left; height: auto; line-height: inherit; } .floor_img { /*width: 70% !important;*/ width: 100% !important; } /*.outerborder { height: auto; }*/ /*#divmodelsource iframe { height: 380px; }*/ .shareview li a { font-size: 9px; } .fsmodal { position: absolute; top: 60px; left: 0; right: 0px; margin-left: 0; margin-top: -100px; text-align: center; border-radius: 5px; z-index: 10; width: 80%; margin: auto; } .fsmodal video { width: 100%; } .in-gal { margin: 40px auto; box-sizing: border-box; width: 100%; background-position: center !important; height: 400px; width: 535px; text-align: center; background-size: contain !important; } .hginfo-data table { max-height: 150px !important; overflow-y: auto; overflow-x: hidden; display: block; } .promo-modal img { width: 55% !important; } .promo-skip { width: 38% !important; text-align: center; margin: auto; } } @media (max-width:999px) { .form-outerborder { max-height: 100% !important; } } @media (max-width:768px) { .container { width: 750px; } /*.outerborder { height: 350px; }*/ .outerborder { border: 5px solid #fff; } .navbar-nav > li { float: left; border-left: 1px solid #f6f6f6; padding-right: 5px !important; } .navbar-nav > li > a { text-transform: uppercase; font-size: 9px !important; text-align: left; } #Layer_1 { height: 20px !important; padding: 0px 10px !important; padding-top: 3px !important; } .jumbotron p { margin-bottom: 0px; font-weight: 200; margin-top: 0px; padding: 2px 5px !important; } .floor_img { /*width: 60% !important;*/ width: 100% !important; } .floor_img_home { /*width: 67% !important;*/ width: 100% !important; } .floor_img_blocks { width: 76% !important; } .floor_img_blocks_sub .floor_img { /*width: 85.5% !important;*/ width:100% !important; } .floor_img_flats .floor_img { /*width: 79% !important;*/ width: 100% !important; } .floor_img_flats_view { width: 68% !important; } .floor_img_specifications { width: 68% !important; } .mapview { padding-left: 2px !important; padding-top: 0px !important; } .mapview img { width: 20px !important; } .mapview a { font-size: 12px !important; } .navbar { position: relative; min-height: auto !important; padding-bottom: 10px !important; } .navbar-nav > li > a { padding-top: 0px !important; padding-bottom: 1px !important; line-height: 10px !important; font-size: 14px; padding: 0 3px !important; } .navbar-nav > li a:after { content: ''; background: #fff; height: 9px; width: 1px; float: left; position: absolute; top: 0px; right: -3px; margin-right: 0px; transform: rotate(15deg); } .back { font-size: 10px !important; } .shareview li { list-style-type: none; text-align: left; height: auto; line-height: 12px; float: left; } .nofs.aa { left: 10%; top: 32%; display: block; } .nofs.bb { left: 17%; top: 28%; display: block; } .nofs.cc { left: 26%; top: 23%; display: block; } .nofs.dd { left: 32%; top: 18%; display: block; } .nofs.ee { left: 38%; top: 14%; display: block; } .nofs.jj { left: 27%; top: 62%; display: block; } .nofs.ii { left: 34%; top: 47%; display: block; } .nofs.hh { left: 41%; top: 40%; display: block; } .nofs.gg { left: 46%; top: 28%; display: block; } .nofs.ff { left: 51%; top: 22%; display: block; } .nofs { background: #ff7e7e; position: relative; padding: 20px 20px; width: 200px; max-width: 200px; min-width: 200px; position: absolute; z-index: 99; color: #fff; display: none; } .nofs:after { content: ''; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #ff7e7e; border-right: 10px solid transparent; width: 0px; height: 0px; position: absolute; right: -20px; top: 22px; } .left-arrow, .right-arrow { width: 20px; height: 20px; line-height: 20px; display: inline-block; } .hginfo-data { padding: 2px; color: #333; background: #fff; font-size: 10px !important; width:150px; right: 25px; position: absolute; box-shadow: 2px 2px 3px #d0d0d0; } .hginfo-data:before{height:20px;} .left .hginfo-data { padding: 5px; color: #333; background: #fff; max-width: 260px !important; left:25px; right: auto; position: absolute; box-shadow: 2px 2px 3px #d0d0d0; width: auto; } .left.hginfo-data:before{height:25px; } .left-arrow i, .right-arrow i { width: 20px; height: 20px; font-size: 15px; line-height: 20px; } .hginfo-data h6 { font-size: 9px !important; } .himg { width: 15px; } .powered { width:100px; } .table-info.fs10 { font-size: 8px !important; } .hginfo { position: absolute; right: 0px; font-family: 'Gotham Book'; z-index: 99999; } .hginfo li { list-style-type: none; width: 20px; height: 20px; text-align: center; margin-bottom: 1px; position: relative; } .hginfo li a { text-decoration: none; padding: 1px; vertical-align: text-top; font-size: 11px; line-height: 12px !important; } /*#divmodelsource iframe { height: 325px; }*/ .shareview a span { display: none; } .shareview li a:hover .fa { color: #b3b3b3; } #switcher li { width: 10px !important; height: 10px !important; } #clientlogo img { width: 60px; } .flooriframe { position: absolute; top: 0px; left: 0px; } .gallery .hginfo-data { width: 200px; max-width: 200px !important; min-width: 200px !important; } .gallery .hginfo-data img { width: 200px; } .hginfo-data.p10 { padding: 4px !important; } .hginfo li.wtext { padding: 4px 0px; } .s-faq .pb10 { padding-bottom: 0px !important; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-top: 0px; } .mob-home-lasthide { display: none; } .mob-home-lastshow { display: block; } .fsmodal { position: absolute; top: 30px; left: 0; right: 0px; margin-left: 0; margin-top: -100px; text-align: center; border-radius: 5px; z-index: 10; width: 80%; margin: auto; } .fsmodal video { width: 100%; } .in-gal { margin: 50px auto; box-sizing: border-box; width: 100%; background-position: center !important; height: 220px; width: 470px; text-align: center; background-size: contain !important; } .navbar-nav > li > a:before { display: none !important; } .hginfo li:hover a.view { background: #25b45b !important; color: #fff !important; padding: 3px 10px !important; } .hginfo li:hover a.next { background: #e1ad01 !important; color: #fff !important; padding: 3px 10px !important; } .help { position: absolute; right: -8px; top: 28px; } .share { position: absolute; right: -8px; padding: 10px; top: 30px; z-index: 999999; } button.view { color: #fff !important; padding: 3px 14px !important; border: none; font-size: 10px; border-radius: 2px; } button.next { color: #fff !important; padding: 3px 14px !important; border: none; font-size: 10px; border-radius: 2px; } .hginfo-data table { max-height: 120px !important; overflow-y: auto; overflow-x: hidden; display: block; } .hginfo-data table.mh95 { max-height:95px !important; overflow-y: auto; overflow-x: hidden; display: block; } .jumbotron { padding-top: 20px !important; padding-bottom: 20px !important; } #clientlogo { padding-left: 5px; padding-top: 10px; } .back.pinfo { position: absolute; left: -30px; } .flooriframe { position: relative; top: 0px; left: 0px; } .mob-width-full { width: 100% !important; } /*.mob-bform-table{display:block;overflow:auto;}*/ } @media (max-width:640px) { .help { position: absolute; width: 300px; right: 48px; padding: 4px; top: 28px; z-index: 9; line-height: 18px; font-size: 12px; } } @media (max-width:600px) { .jumbotron { padding-top: 10px !important; padding-bottom: 10px !important; } .container { width: 580px; } .navbar-nav > li { float: left !important; border-left: 1px solid #f6f6f6; padding-right: 0px !important; } .navbar-nav > li > a { text-transform: uppercase; font-size: 8px !important; text-align: left; padding: 0 5px !important; } .nav > li > a > svg { max-width: none; width: 60px !important; } /*.outerborder { height:235px; }*/ .outerborder { border: 0px solid #fff; } .jumbotron p { margin-bottom: 0px; font-weight: 200; margin-top: 5px; padding: 2px 4px !important; } .shareview { padding-left: 5px !important; margin-top: 12px; } .shareview li a { color: #b3b3b3; text-decoration: none; font-family: 'Gotham Book'; font-size: 8px; } .shareview li a i { font-size: 12px !important; } .mapview li a { font-size: 9px; } .mapview svg { width: 15px; } .floor_img { width: 65% !important; } .clogo { width: 50px; } .mapview { padding-left: 2px !important; padding-top: 0px !important; } .mapview img { width: 15px !important; } .hginfo li { list-style-type: none; width: 18px; height: 16px; text-align: center; margin-bottom: 1px; position: relative; line-height: 0px; } .hginfo li a { text-decoration: none; vertical-align: sub; font-size: 8px; line-height: 16px !important; } .hginfo-data { padding: 2px; color: #333; background: #fff; width: 130px; min-height: 25px; right: 25px; position: absolute; box-shadow: 2px 2px 3px #d0d0d0; z-index: 1; } /*.hginfo-data:before { width: 10px; height:11px; background: #fff; content: ''; position: absolute; right: -10px; top: 0px; }*/ .hginfo-data-middle:before { top: 80px; } /*.left .hginfo-data:before { width: 10px; height: 15px; background: #fff; content: ''; position: absolute; left: -10px; right: auto; top: auto; }*/ .left .hginfo-data { padding: 5px; color: #333; background: #fff; width:180px; left: 25px; right: auto; position: absolute; box-shadow: 2px 2px 3px #d0d0d0; } h6, .h6 { font-size: 10px; } /*#divmodelsource iframe { height: 150px; }*/ .navbar-nav > li > a { text-align: center !important; } .in-gal { margin: 10px auto; box-sizing: border-box; width: 100%; background-position: center !important; height: 220px; width: 400px; text-align: center; background-size: contain !important; } .promo-modal video { width: 50% !important; } .promo-modal img { width: 50% !important; } .help { position: absolute; width: 300px; right: 48px; padding: 4px; top: 34px; z-index: 9; line-height: 18px; font-size: 12px; } .floor_home_blocks .floor_img { width: 76% !important; } button.view { color: #fff !important; padding: 10px 14px !important; border: none; font-size: 10px; border-radius: 2px; } button.next { color: #fff !important; padding: 10px 14px !important; border: none; font-size: 10px; border-radius: 2px; } .table-info th, td { padding: 10px 5px !important; } .hginfo-data table { max-height: 90px !important; overflow-y: auto; overflow-x: hidden; display: block; } .navbar-nav > li a:after { content: ''; background: #fff; height: 9px; width: 1px; float: left; position: absolute; top: 0px; right: -3px; margin-right: 2px; transform: rotate(15deg); } } @media (max-width:480px) { .jumbotron { display: none !important; } body:after { content: 'Please switch to Landscape mode.'; top: 50px; position: absolute; left: 50px; color: white; content:url('../img/rotate-device.png'); } } .share-dropdown > li > a { color: #fff !important; } #switcher { list-style: none; margin: 0; padding: 0; overflow: hidden; position: absolute; z-index: 9; right: 0px; display: none; } #switcher li { width: 10px; height: 10px; margin: 0; border-radius: 0; border: 0; } #grayButton { background: #0898f3; } #whiteButton { background: #03787d; } #blueButton { background: #2d4289; } #yellowButton { background: #27cc34; } @media (max-width:490px) { .navbar-nav > li > a { text-transform: uppercase; font-size: 7px !important; text-align: left; } } @media (min-width:480px) { .navbar-nav > li > a:before { background: #474747; } } @media (min-width:1000px) { .promo-modal { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 640px; margin: auto; } .ht650 { height: 640px; } .hometext h6 { font-size: 14px; line-height: 18px; } } .hometext { background: #000 !important; } /* hardly replace harmfull */ /*html.ng-scope body.hblue div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div{position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); width: 192px; height: 134px; } html.ng-scope body.hblue div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div{position: absolute; left: 1px; top: 1px; border-radius: 2px; background-color: rgb(255, 255, 255); width: 190px; height: 132px; } html.ng-scope body.hblue div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div.gm-style-iw{top: 10px; position: absolute; left: 10px; width: 195px; }*/ /*.gm-style-iw { top: 0 !important; left: 0 !important; border-radius: 2px 2px 0 0; }*/ /*.location-h-img { width:220px !important; }*/ .gm-style-iw img { width: 83% !important; border: solid 3px #fff; } .gm-style-iw { top: 11px !important; position: absolute; left: 1px !important; width: 243px !important; } .location-h-img { width: 100%; } /*#clvmap div div div div div div div div div div div { width: 275px !important; height: 203px !important; }*/ .gm-style-iw div { width: 100%; } /*html.ng-scope body.hblue div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div { width: 275px !important; }*/ html.ng-scope body div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div div div { display: none !important; } html.ng-scope body div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div div div { display: none !important; } .gm-style-iw span img { position: absolute; bottom: -140px; width: 26px !important; overflow: visible; z-index: 9999; left: 50px; border: none; } /*.gm-style-iw pi { position: absolute; bottom: -175px !important; width: 26px !important; overflow: visible; z-index: 9999; left: 50px; }*/ .gm-style-iw strong { position: absolute; background: rgba(0,0,0,0.4); display: inline-block; width: 80.75%; color: #fff; left: 23px; top: 3px; } html.ng-scope body div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div { border-top: none !important; } .gm-style .gm-style-iw { overflow: visible !important; top: 20px !important; } html.ng-scope body div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div { background-color: transparent !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3) !important; } /*html.ng-scope body.hblue div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div { width: 262px !important; }*/ /*html.ng-scope body.hblue div.ng-view.ng-scope div.jumbotron.vertical-center.ng-scope div.container.text-center.phn div.outerborder div div div.interactivemap div#clvmap div div.gm-style div div div div div div { width:170px; }*/ .back { text-decoration: none; color: #fff; } .back:hover, .back:focus { text-decoration: none; color: #f5821f; } .contact-page { width: 80%; margin: auto; padding-top: 3%; } .hginfo.lasthide li:last-child { display: none !important; } .show-data { background: #000; position: absolute; z-index: 999999; left: 0; right: 0; bottom: 0; top: 0; padding: 30px; } .show-close { color: red !important; font-size: 20px; position: absolute; right: 15px; top: 10px; } .bform-table tr td.available { background: green; color: #d9ffd9 !important; } .bform-table tr td.sold { background: red; color: #ffe9e9 !important; } .bform-table tr td.block { background: orange; color: #ffefd2 !important; } .block-info span { display: block; line-height: 11px; font-size: 10px; text-align: right; } .legend-green { width: 15px; height: 15px; background: green; display: inline-block; } .legend-red { width: 15px; height: 15px; background: #ff7e7e; display: inline-block; } .legend-orange { width: 15px; height: 15px; background: orange; display: inline-block; } .legend-info { color: #b3b3b3; } .clr-yellow { color: #ffd800 !important; } .block-info span:nth-child(2) { margin-right: 10px; } .block-info span:nth-child(3) { position: absolute; left: 2px; top: 10px; } .block-info span:nth-child(3):before { content: ''; width: 1px; height: 26px; background: rgba(60, 61, 65, 0.3); position: absolute; bottom: 0px; top: -10px; right: -8px; } .legend-info td { font-size: 11px; } .bshade { background: #191919; } .flats-availability { color: #212020; background: #ffcc29; position: absolute; z-index: 9; padding: 5px 20px; border-radius: 0px; font-weight: 600; left: 10px; top: 10px; } .flats-availability:hover { text-decoration: none; } @media (min-width: 480px) { .navbar-nav { padding-left: 15px; } } .smscoll::-webkit-scrollbar { width: 6px; } .smscoll::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #d9d9d9; border-radius: 10px; } .smscoll::-webkit-scrollbar-thumb { background: #c9c9c9; border-radius: 10px; } .smscoll::-webkit-scrollbar-thumb:hover { background: #c9c9c9; } /* .smscoll::-webkit-scrollbar { width: 1em; } .smscoll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .smscoll::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } */ .flooriframe .label .logo { max-height: 32px; display: none !important; } .list_1 li .dgt { position: absolute; left: 0px; } .list_1.notes{padding-left:10px !important;position:relative;} .list_1.notes li { padding-left: 8px; padding-bottom: 3px }