One Queens Bridge

/* ----------------------------------------- */ /* Content Template: content-template-for-project-detail-layout-layout - start */ /* ----------------------------------------- */ .popup-form-wrapper, .popup-form-container{ position: absolute; top: 0; left: 0; width: 0; height: 0; display: none; } .popup-form-wrapper{ background-color: #033a5e; } .popup-form-container{ background-color: #fff; margin: auto; padding: 20px; width: 80%; height: 70%; max-width: 480px; max-height: 650px; } .popup-form-container h3{ font-family: "HNStd77Bd", "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-size: 30px; color: #000; } .popup-form-container p{ font-family: "HNStd45Lt", "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-size: 15px; color: #555555; } .enable-popup{ top: -10%; display: block; width: 100%; height: 100%; z-index: 1000000; } .enable-popup-container{ display: block; top: 15%; right: 0; } .disable-scroll{ margin: 0 !important; height: 100% !important; overflow: hidden !important; } .popup-close-btn{ position: absolute; top: 10px; right: 20px; cursor: pointer; } /*************************/ .project-detail-slider-wrapper{position: relative;} .project-detail-slider-wrapper-overlay{ position: absolute; background-color:#fff; top:0; left:auto; right: auto; width: 100%; height: 0%; opacity: 0; z-index:5; } /***** slider override *****/ .n2-ss-layers-container{ width: 100% !important; height: 100% !important; margin: 0px !important; } .nextend-arrow-previous, .nextend-arrow-next{visibility: hidden;} .project-details-container{position: relative;} a .project-details-more-tab h5{color:#000;} a:hover .project-details-more-tab h5{color:#565656;} .project-details-more-tab{ position: absolute; top: -58px; z-index: 100000; background-color: #fff; padding: 10px 15px; } .project-details-info-wrapper h1{ color: #000; font-size: 50px; margin-top:55px; font-weight: 700; text-transform: uppercase; } .project-details-info-details{ margin-top:50px; font-size: 15px; font-weight: 300; color: #555555; } .project-detail-info-item:nth-child(1){ border-top: 1px solid #565656; margin-top:50px; } .project-detail-info-item{ padding: 10px 5px 10px 0px; border-bottom: 1px solid #565656; } .project-detail-info-label{ display: inline-block; font-size: 16px; font-weight: 700; color: #000; width: 30%; padding: 0px; margin: 0px; vertical-align: top; } .project-detail-info-value{ max-width: 280px; display: inline-block; font-size: 15px; font-weight: 300; color: #555555; padding: 0px; margin: 0px; } .project-details-info-proj-website{ margin: 30px 0px 0px 0px; display: inline-block; padding: 15px 20px; background-color: #000; color: #fff; text-decoration: none; font-size: 16px; font-weight: 500; border:1px solid #000; } .project-details-info-proj-website:after{ content:''; width:100%; height:1px; display:block; background:#fff; opacity: 0; transition: all .5s ease-in; } .project-details-info-proj-website:hover:after{ opacity:1; } .project-detail-proj-map-wrapper{ margin:30px 0px; } .related-projects-wrapper{ width: 100%; background-color: #EEEEEE; padding: 100px 0px; margin-top: 0px; } .related-projects-wrapper .container {position: relative;} h2.related-items, a.related-items h5{ display: inline-block; font-weight: 700; color: #000; } h2.related-items{ font-size: 30px; margin:0px 0px 11px 0px; } a.related-items h5{ font-size: 16px; } .related-projects-wrapper .container > div:nth-child(2){text-align:right;} .read-more{ font-family: "HNStd57Cd", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 16px; font-weight: 400; } @media print, screen and (max-width: 767px ) { .nextend-bullet-bar.n2-ow.nextend-bullet-bar-horizontal{ position: relative; bottom: 70px; } .project-details-more-tab{width: 90%;} .project-details-more-tab h5{ width: 100%; text-align: center; } .project-details-info-details{ height: 155px; overflow: hidden; } .project-details-info-details-description-btn{ margin: 30px 0px; text-align: right; color: #000; } .project-details-info-details-description-btn{cursor: pointer;} .project-detail-info-label{vertical-align: top; width: 33%;} .project-detail-info-value{width: 65%;} .project-details-info-proj-website{ width: 100%; text-align: center; } } .custom-table-rows .project-detail-info-item:nth-child(1) { margin-top: 0; border-top: none; } /* ----------------------------------------- */ /* Content Template: content-template-for-project-detail-layout-layout - end */ /* ----------------------------------------- */