Large and Small
Multi-Family

/* ----------------------------------------- */ /* Content Template: Loop item in Recent Projects - start */ /* ----------------------------------------- */ .pop-up-wrap { position: relative; } .img-container { padding: 50px 0; background-size: cover !important; background-position:center center; } .activities.modal .modal-content { background: rgba(164,162,85,.7) !important; } iframe#id-1697 { display: none !important; } /* Modal Header */ .box-top-right { top: 0px !important; right: 0px !important; bottom: 0px !important; display: block; position: relative !important; float: right; /* height: 100%; */ height: 80px !important; width: 80px !important; background: #fff !important; border-left: 1px solid #4FABCB !important; } .close-wrap { position: relative; right:20px; } button.close { width: 40px; height: 40px; position: relative; right: 0; } button.close:hover { background: none; border: 0px; } .bar-wrap { width: 40% !important; height: 40% !important; left: 0; right: 0; margin: auto; position: absolute; top: 0; bottom: 0; } .bar-wrap span { background: #1e5a8a !important; height: 2px; margin-top: -1px; position: absolute; border-radius: 0; width: 100%; top: 49.5%; left: 0px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .close { color: rgba(164,162,85,1) !important; opacity: .8; } .bar-wrap .bar-1 { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg); } .bar-wrap .bar-2 { -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); transform: rotate(-225deg); } /* Modal Pop Up */ @media (min-width: 768px) { .modal-dialog { width: 100vw !important; height:100vh !important; margin: 0 !important; position:fixed; } .modal-header { height: 10vh; background: #fff; } .modal-body { position: relative; padding: 50px 0px; max-width: 853px; height: 90vh; margin: 0 auto; } .modal-footer { height: 10vh; } .body-content { background: #fff; padding: 35px; margin-top: -1px; z-index: 2000; width:853px; } .middle-adjust { position:relative; top:50%; transform: translateY(-50%); } .body-adjust { position:relative; top:40%; transform: translateY(-50%); } } .c-preview { background: #000; background: -moz-linear-gradient(-45deg, #0E314F 0%, #19485f 25%, #1e539e 50%, #B5D3E0 75%, #4FABCB 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #0E314F 0%, #19485f 25%, #1e539e 50%, #B5D3E0 75%, #4FABCB 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #0E314F 0%, #19485f 25%, #1e539e 50%, #B5D3E0 75%, #4FABCB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background-size: 400% 400%; background-repeat: no-repeat; width: 100%; max-width: 100vw; max-height: 100vh; justify-content: center; align-items: center; color: #fff; position: relative; cursor: pointer; transition: .5s all; } .c-preview__img { position: absolute; left: 0; top: 0; background: #19485f; background-size: cover; width: 100%; height: 100%; z-index: 1; opacity: .65; mix-blend-mode: screen; } .c-preview__title { position: relative; z-index: 10; text-transform: uppercase; letter-spacing: .05em; color: #fff; } .c-preview:hover { background-position: 100% 100%; } .c-preview:hover .c-preview__title { color:#19485f; } .c-preview:hover__title { text-shadow: 0 0 20px black; } a.wpv-filter-next-link { background: #333; color:#fff; padding: 10px; position:absolute; top:50%; right:0; } a.wpv-filter-previous-link { background: #333; color:#fff; padding: 10px; position:absolute; top:50%; left:0; } /* ----------------------------------------- */ /* Content Template: Loop item in Recent Projects - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Recent Projects Image Gallery - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Recent Projects Image Gallery - end */ /* ----------------------------------------- */