/* Custom */ .indexHeaderBanner { height: auto; margin-top: 0px; background-color: #3ab6ea; /* hsla(0, 2%, 47%, .51); */ padding-left:15px; padding-right:15px; } } .indexHeaderBanner { height: auto; } .indexHeaderBanner { margin-top: 0px; } .indexHeaderBanner { padding-bottom:10px; } ::-moz-selection { background: #3ab6ea; color: white; } ::selection { background: #3ab6ea; color: white; } html { overflow-y: scroll; } .w-select{font-size:17px;height:auto;min-height:44px;line-height:1.4;padding-top:10px;padding-bottom:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:36px}.textfields.w-select{height:auto!important;min-height:46px!important;line-height:1.45!important;padding-top:10px!important;padding-bottom:10px!important;padding-right:36px!important}@supports (-webkit-touch-callout:none){.textfields.w-select{min-height:50px!important}} select.textfields.w-select::-ms-expand{display:none}  .w-select{font-size:17px;height:auto;min-height:48px;line-height:1.4;padding-top:12px;padding-bottom:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.textfields.w-select{height:auto!important;min-height:52px!important;line-height:1.5!important;padding-top:12px!important;padding-bottom:12px!important}@supports (-webkit-touch-callout:none){.textfields.w-select{min-height:56px!important}}  body { min-height: 100vh; padding-left: 329px; background-color: #edeff2; font-family: Oswald, sans-serif; color: rgba(0, 0, 0, .74); font-size: 16px; line-height: 20px; display: block; /*flex-direction: column; */ } body.gallery .content { background-color: hsla(0, 2%, 47%, .51); } /* body.gallery .footer { margin-left: 0; } */ h1 { margin-top: 0px; margin-bottom: 10px; font-size: 38px; line-height: 44px; font-weight: 700; } h2 { margin-top: 0px; margin-bottom: 10px; font-size: 22px; line-height: 36px; font-weight: 700; } h3 { margin-top: 0px; margin-bottom: 10px; color: #313131; font-size: 18px; line-height: 30px; font-weight: 400; text-transform: uppercase; } h4 { margin-top: 0px; margin-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 700; } h5 { margin-top: 0px; margin-bottom: 10px; font-size: 14px; line-height: 20px; font-weight: 700; } h6 { margin-top: 0px; margin-bottom: 10px; font-size: 14px; line-height: 20px; font-weight: 200; text-align: center; color: rgba(0, 0, 0, .74); text-decoration: none; } p { margin-top: 0px; margin-bottom: 10px; font-family: Vollkorn, serif; font-size: 17px; } img.img-responsive { width: 100%; height: auto; } .img-padded { padding: 15px 10px 10px; } .social-icon-link { padding: 3px; opacity: 0.66; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .social-icon-link:hover { opacity: 1; } div[class^="column--"] { float: left; } .column--onethird { width: 33%; padding-left:32px; } .column--twothirds { width: 66%; } .column--half { width:49.7%; margin-bottom:30px; } .footer { margin-left: -78px; padding-top: 35px; padding-bottom: 35px; background-color: hsla(0, 0%, 45%, .96); } .footer.center { height: 150px; padding-top: 21px; padding-bottom: 21px; background-color: #4d4d4d; text-align: center; } .footer-text { margin-top: 5px; margin-bottom: 5px; font-size: 16px; } .left-navigation { position: fixed; left: 0px; top: 0px; bottom: 0px; width: 251px; height: 100%; background-color: hsla(0, 0%, 45%, .08); background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); color: rgba(0, 0, 0, .74); } .nav-link { position: static; display: block; margin-top: 15px; margin-bottom: 15px; padding: 0px; font-family: Oswald, sans-serif; color: hsla(0, 0%, 100%, .74); font-size: 15px; font-weight: 200; text-align: center; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; transition: transform 0.25s; } .nav-link.w--current { position: static; display: block; overflow: visible; padding: 10px 0px; -webkit-transform: scale(0.81); -ms-transform: scale(0.81); transform: scale(0.81); -webkit-transition: width 317ms ease; transition: width 317ms ease; color: hsla(0, 0%, 100%, .17); } .nav-menu { top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 21px; padding: 13px 24px 34px; float: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .social-footer { position: absolute; left: 0px; right: 0px; bottom: 0px; display: block; margin-top: 0px; margin-bottom: 11px; padding-top: 0px; padding-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .content { flex: 1; margin-left: -78px; float: none; } .herobanner { position: static; width: auto; height: auto; clear: none; } .sonopearllobby { display: block; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .22)), url('../images/sono-neighbourhood.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .22)), url('../images/sono-neighbourhood.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .header1 { overflow: visible; margin-top: 0px; margin-bottom: 8px; padding-top: 0px; -webkit-perspective: 858px; perspective: 858px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; font-family: Oswald, sans-serif; color: #fff; font-size: 57px; line-height: 57px; font-weight: 300; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .rightnav { position: fixed; top: 85px; right: 0px; bottom: 0px; display: block; width: 50px; height: 205px; margin-top: 118px; margin-left: 0px; float: right; clear: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-color: hsla(0, 0%, 52%, .86); } body.gallery .rightnav { display:none; } .rightnavlink { position: static; left: 0px; top: 0px; display: block; width: 50px; height: 50px; margin-top: 1px; border-top: 1px none #edeff2; border-bottom: 1px solid #edeff2; } .rightnavlink.phone:hover { background-color: #93b7bb; } .rightnavlink.email:hover { background-color: #93b7bb; } .rightnavlink.location:hover { background-color: #93b7bb; } .rightnavlink.lease { border-bottom-style: none; } .rightnavlink.lease:hover { background-color: #93b7bb; } .locationlink { position: relative; left: 8px; top: 8px; right: 8px; bottom: 8px; } .phonelink { position: relative; left: 8px; top: 8px; right: 8px; bottom: 8px; } .emaillink { position: relative; left: 8px; top: 8px; right: 8px; bottom: 8px; } .leaselink { position: relative; left: 8px; top: 8px; right: 8px; bottom: 8px; } .sonopearllogo { position: static; display: block; text-align: center; margin-bottom:20px; } .sonopearllogo:hover { opacity:0.7 !important; } .logolink { position: relative; left: 100px; top: 30px; right: 100px; bottom: 100px; display: inline-block; margin-top: 1px; } .leasenow { position: relative; left: 90px; top: 0px; right: 90px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 8px; margin-bottom: -7px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: rgba(94, 95, 95, .56); font-family: Oswald, sans-serif; color: #fff; font-size: 15px; font-weight: 200; } .leasenow:hover { background-color: #92b7bc; } .sonopearlintroduction { -webkit-transform-style: preserve-3d; } .header-1 { display: inline-block; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; float: none; background-color: transparent; color: hsla(0, 0%, 100%, .85); font-size: 30px; font-weight: 300; text-align: left; } .column2 { display: block; height: 134px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background-color: #969696; } .statsdiv { display: block; margin-top: 0px; padding-top: 7px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .column6 { height: 134px; background-color: #969696; } .column5 { height: 134px; background-color: #969696; } .column4 { height: 134px; background-color: #969696; } .column3 { height: 134px; background-color: #969696; } .column1 { height: 134px; background-color: #969696; } .heading5 { margin-top: 13px; font-family: 'Ek Mukta'; color: hsla(0, 0%, 100%, .74); font-weight: 300; text-transform: uppercase; } .communityicon { margin-top: 10px; } .safety-icon { margin-top: 11px; } .eventpic { margin-top: 5px; } .nightlifeicon { margin-top: 4px; } .reastaruranticon { margin-top: 5px; } .floorlayoutheader { height: 100px; padding-top: 58px; background-color: hsla(0, 2%, 47%, .51); } .layoutcontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .floorplan { margin-top: 19px; text-align: left; } .floorplantext { margin-top: 19px; font-family: 'Ek Mukta'; color: rgba(0, 0, 0, .9); font-size: 15px; line-height: 28px; font-weight: 700; text-align: center; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .layouttabsmenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .viewmorefloorplans:hover { background-color: #93b7bb; } .viewmorefloorplans.w--current { background-color: #93b7bb; } .checkavailability:hover { background-color: #93b7bb; } .checkavailability.w--current { background-color: #93b7bb; } .floorplantabs { margin-bottom: 20px; } .tabpane1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .floor234 { text-align: center; } .subheading1 { margin-top: 0px; padding-left: 0px; font-family: Oswald, sans-serif; color: rgba(82, 82, 82, .9); font-size: 22px; font-weight: 300; text-align: left; margin-bottom:20px; } .subheading1._1 { margin-top: 20px; margin-left: 10px; padding-left: 0px; } .statsmenuholder { margin-top: 0px; margin-bottom: 0px; background-color: #969696; } .button1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 182px; height: 50px; margin-top: 25px; margin-left: 20px; padding-left: 10px; float: none; clear: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #3ab6ea; color: #fff; font-weight: 300; text-align: left; } .button1:hover { background-color: #92b7bc; } .button-home { margin-left:50px; } .sectionheadertextforsonoapartments { display: block; margin-top: 0px; margin-bottom: 0px; color: #fff; font-size: 29px; font-weight: 300; text-align: center; letter-spacing: 1px; } .sectionheadertextforsonoapartments._3 { margin-top: 0px; text-align: center; } .floor5 { text-align: center; } .buttonfloor5 { margin-left: 34px; background-color: hsla(0, 0%, 45%, .08); background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); font-weight: 300; } .buttonfloor5:hover { background-color: #92b7bc; } .buttonfloor5:focus { background-color: #92b7bc; background-image: none; } .apartmentsection { padding-right: 10px; padding-left: 10px; margin-bottom:40px; } .mapsection { padding: 0 10px; } .apartmentcontainer { height: 80%; } .sonoapartmentsnorwalk { display: block; overflow: visible; margin-top: 0px; margin-bottom: 0px; } .amenitiessection { padding-right: 10px; padding-left: 10px; } .listitem { font-size: 15px; font-weight: 300; letter-spacing: 0.5px; } .featuresdiv { display: inline-block; margin-top: 25px; margin-bottom: 60px; font-family: Oswald, sans-serif; font-weight: 200; text-align: left; } .featuresbutton { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 175px; height: 70px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #3ab6ea; text-align: center; } .featuresbutton:hover { background-color: #92b7bc; background-image: none; } .sononeighborhoodnorwalk { background-color: hsla(0, 2%, 47%, .51); } .aboutsonopearl { /* height: 400px; */ padding: 25px 10px 40px; background-image: url('../images/pearlbacking.png'); background-position: 100% 110%; background-size: 631px; background-repeat: no-repeat; } .aboutsonoapartmentsinnorwalk.mainparagraphtext { padding-left: 10px; color: #3d3d3d; padding-right:60px; } .amenitiesrow { margin-top: 20px; position:relative; top:-40px; } .apartmentrow { margin-top: 20px; color: rgba(0, 0, 0, .62); } .tabpanecolor { padding-top: 21px; padding-bottom: 20px; background-color: #fff; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .09), rgba(0, 0, 0, .09)), url('../images/240_F_102526096_86HbeMoKMvfPaIJ43to4qbpmo45PhDFg.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .09), rgba(0, 0, 0, .09)), url('../images/240_F_102526096_86HbeMoKMvfPaIJ43to4qbpmo45PhDFg.jpg'); background-position: 0px 0px, 0px 50%; background-size: auto, 220px; background-repeat: repeat, no-repeat; } .contactrow { margin-top: 0px; padding:0 15px; } .contactsonopearltabtext { font-size: 15px; font-weight: 200; text-align: left; } .informationcolumn2 a { color: #3ab6ea; } .informationcolumn2 a:active, .informationcolumn2 a:hover, .informationcolumn2 a:focus { color: #92b7bc; } .submissionbutton:active, .submissionbutton:hover, .submissionbutton:focus { background-color: #92b7bc; } .w-input { color:#000; font-size:17px; } .w-select { font-size:17px; } .footerdiv { text-align: center; } .footerdiv2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .footerheader { margin-top: 2px; margin-bottom: 25px; padding: 0px; color: #fafafa; font-size: 25px; font-weight: 200; } .footerheader._1 { padding-right: 0px; padding-left: 0px; color: #8d8d8d; font-size: 20px; text-align: left; } .fdrichlogo { margin-top: 36px; margin-bottom: 14px; } .copyright { margin-top: 30px; color: hsla(0, 0%, 100%, .54); font-weight: 200; text-align: center; } @media (max-width: 767px) { .copyright { color:#000; } .amenitiesfeatures .w-slider { margin-top:20px; } .neighborhooddiv { padding-left:20px !important; padding-right:20px !important; } } .contacttabs:hover { background-color: #92b7bc; } .footerlogo { margin-top: 1px; margin-bottom: 10px; } .mainparagraphtext { font-family: Oswald, sans-serif; color: #3d3d3d; font-weight: 200; letter-spacing: 0.2px; } .footeraddress { font-family: Oswald, sans-serif; color: hsla(0, 0%, 100%, .74); font-weight: 300; } .introductiontosohoapartments { height: auto; margin-top: 0px; background-color: #3ab6ea; /* hsla(0, 2%, 47%, .51); */ padding-left:15px; padding-right:15px; } .sonoapartmentsinnorwalk { height: auto; background-color: hsla(0, 2%, 47%, .51); } .sonoapartmentamenities { background-color: hsla(0, 2%, 47%, .51); } .thingstodoinsononorwalk { background-color: hsla(0, 2%, 47%, .51); } .rentapartmentsononorwalk { background-color: hsla(0, 2%, 47%, .51); } .amenitiesfeatures { margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-bottom: 0px; } .features_slide1 { background-image: url('../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-32.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide2 { background-image: url('../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-33.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide3 { background-image: url('../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-35.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide4 { background-image: url('../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-37.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide5 { background-image: url('../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-39.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide6 { background-image: url('../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-44.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide7 { background-image: url('../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-45.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide8 { background-image: url('../images/206A0064.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide9 { background-image: url('../images/737C6600.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide10 { background-image: url('../images/737C6763.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide11 { background-image: url('../images/737C7462.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide12 { background-image: url('../images/737C7441.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide13 { background-image: url('../images/206A2681.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide14 { background-image: url('../images/737C7440.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .features_slide15 { background-image: url('../images/737C7351.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide1 { background-image: url('../images/578f9d6105b434380f1d7bec_LisaHoulgrave_Photo_1729-Pickles.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide2 { background-image: url('../images/578f9b7f05b434380f1d73b0_LisaHoulgrave_Photo_2306.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide3 { background-image: url('../images/578f9534337a79e75e95bef6_WashingtoPrime_Photo_2758.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide4 { background-image: url('../images/sonopearl-building.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide5 { background-image: url('../images/578f9848a38f95ac5e9ae56a_LisaHoulgrave_Photo_2110.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide6 { background-image: url('../images/737C7546.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide7 { background-image: url('../images/737C7543.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide8 { background-image: url('../images/737C7508.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide9 { background-image: url('../images/737C7438.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide10 { background-image: url('../images/737C7404.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide11 { background-image: url('../images/578f9bc7c36943ed2cc24f20_LisaHoulgrave_Photo_1971-DJtable.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide12 { background-image: url('../images/578f9cc3337a79e75e95e03c_LisaHoulgrave_Photo_1887.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide13 { background-image: url('../images/578f9ceea38f95ac5e9afc41_LisaHoulgrave_Photo_1883-ExtSpread_compressed.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide14 { background-image: url('../images/57d98d90f0aca41b41f8dd5c_737C7550.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide15 { background-image: url('../images/57d98db8732082646eeef820_737C8225.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide16 { background-image: url('../images/57d98e0ff0aca41b41f8dee1_737C8252.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide17 { background-image: url('../images/57d98e3e3e001756381827c5_737C8401.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide18 { background-image: url('../images/57d98e5e3887b3a36e2546f9_737C8468.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide19 { background-image: url('../images/57d98ca23887b3a36e2541b5_LisaHoulgrave_Photo_2148_RT.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide20 { background-image: url('../images/578f97a6e9a4e4fd0e2cb267_SONO-SIGN_1613.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide21 { background-image: url('../images/578f9800c36943ed2cc239b9_LisaHoulgrave_Photo_2653.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide22 { background-image: url('../images/578f982ba38f95ac5e9ae4bc_LisaHoulgrave_Photo_2596.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide23 { background-image: url('../images/578f995f05b434380f1d56e7_LisaHoulgrave_Photo_2519.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide24 { background-image: url('../images/578f9a44e9a4e4fd0e2cb59d_LisaHoulgrave_Photo_2087.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide25 { background-image: url('../images/578f9ec005b434380f1d8436_OysterBoat_1517.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide26 { background-image: url('../images/578f9f48c36943ed2cc2598d_OysterBskt_1389_1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide27 { background-image: url('../images/578f9c16c36943ed2cc24f9c_Danielle-Localsign.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide28 { background-image: url('../images/578fa0dfa38f95ac5e9b09b7_737C8508.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .neighborhood_slide29 { background-image: url('../images/57d98ccd8b11562841cc893e_LisaHoulgrave_Photo_2581.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .submissionbutton { width: 130px; height: 50px; background-color: #3ab6ea; font-size: 15px; font-weight: 200; letter-spacing: 1px; text-transform: uppercase; } .leasesonobutton { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; background-color: #3ab6ea; font-weight: 200; text-decoration: none; } .leasesonobutton:hover { background-color: #92b7bc; } .introductioncolumn { margin-top: 0px; padding-top: 0px; } .socialdivblock { margin-top: 14px; } .statsrow { display: block; margin-bottom: 0px; padding-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .body { background-color: #fff; } .buttonfloor234 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 130px; height: 50px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #3ab6ea; font-weight: 300; letter-spacing: 0px; margin-top:25px; margin-left:8px; margin-bottom:60px; } .buttonfloor234:hover { background-color: #92b7bc; } .buttonfloor234:active { background-image: none; } .buttonfloor234:focus { background-color: #92b7bc; background-image: none; } .header5 { font-weight: 400; letter-spacing: 0.5px; } .importanttext { padding-left: 10px; font-weight: 300; } .neighborhooddiv { margin-bottom: 20px; padding-top: 20px; padding-right: 10px; padding-left: 10px; clear:both; } .neighborhooddiv .button1 { margin-left:10px; margin-bottom:60px; } .clear { clear:both; } div.float-right { float:right; padding-right:32px; padding-left:0; } .home-lower { clear:both; padding-bottom:60px; } .home-lower h2 { margin: 40px 0 20px 0; font-family: Oswald, sans-serif; color: rgba(82, 82, 82, .9); font-size: 22px; font-weight: 300; text-align: left; color:#fff; background-color:hsla(0, 2%, 47%, .51); clear:both; } .home-lower h2 .w-container { padding: 0px 40px; } .home-lower p { padding-left:40px !important; } @media (max-width: 767px) { .home-lower h2 .w-container { padding: 0px 20px; } .home-lower p { padding-left:20px !important; } .aboutsonoapartmentsinnorwalk.mainparagraphtext { padding-right:10px; } } .statsbutton { padding-left: 10px; } .floorplan1 { text-align: center; } .galleryslider { height: 600px; } .gallerysection { height: 600px; } .gal-slide { background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .galleryslide1 { background-image: url("../images/Feb17_gallery_1.jpg"); } .galleryslide2 { background-image: url("../images/Feb17_gallery_2.jpg"); } .galleryslide3 { background-image: url("../images/Feb17_gallery_3.jpg"); } .galleryslide4 { background-image: url("../images/Feb17_gallery_4.jpg"); } .galleryslide5 { background-image: url("../images/Feb17_gallery_5.jpg"); } .galleryslide6 { background-image: url("../images/Feb17_gallery_6.jpg"); } .galleryslide7 { background-image: url("../images/Feb17_gallery_7.jpg"); } .galleryslide8 { background-image: url("../images/IMG_1975.JPG"); } .galleryslide9 { background-image: url("../images/737C6607.jpg"); } .galleryslide10 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-3.png"); } .galleryslide11 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-6.png"); } .galleryslide12 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-5.png"); } .galleryslide13 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-12.png"); } .galleryslide14 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-14.png"); } .galleryslide15 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-15.png"); } .galleryslide16 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-16.png"); } .galleryslide17 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-26.png"); } .galleryslide18 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-31.png"); } .galleryslide19 { background-image: url("../images/apartments/SoNo%20Pearl%20Amenities%20%20Airbnb-19.png"); } .galleryslide21 { background-image: url("../images/737C6607.jpg"); } .galleryslide20 { background-image: url("../images/737C6740.jpg"); } .galleryslide22 { background-image: url("../images/737C6869.jpg"); } .galleryslide23 { background-image: url("../images/206A0069.jpg"); } .galleryslide24 { background-image: url("../images/206A0079.jpg"); } .galleryslide25 { background-image: url("../images/737C7414.jpg"); } .galleryslide26 { background-image: url("../images/737C6841.jpg"); } .galleryslide27 { background-image: url("../images/737C7160.jpg"); } .galleryslide28 { background-image: url("../images/737C7183.jpg"); } .galleryslide29 { background-image: url("../images/737C7195.jpg"); } .galleryslide30 { background-image: url("../images/737C7221.jpg"); } .galleryslide31 { background-image: url("../images/737C7248.jpg"); } .galleryslide32 { background-image: url("../images/737C7257.jpg"); } .galleryslide33 { background-image: url("../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-32.jpg"); } .galleryslide34 { background-image: url("../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-33.jpg"); } .galleryslide35 { background-image: url("../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-35.jpg"); } .galleryslide36 { background-image: url("../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-37.jpg"); } .galleryslide37 { background-image: url("../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-39.jpg"); } .galleryslide38 { background-image: url("../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-44.jpg"); } .galleryslide39 { background-image: url("../images/amenities/SoNo%20Pearl%20Amenities%20%20Airbnb-45.jpg"); } .hidecolumn { display: block; overflow: hidden; } .textfields { font-weight: 300; } .checkavailabilitydiv { margin-top: 75px; text-align: center; } .closebuttonfloor234 { background-color: hsla(0, 0%, 45%, .08); background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); font-weight: 300; } .closebuttonfloor234:hover { background-color: #92b7bc; background-image: none; } .closebuttonfloor5 { background-color: hsla(0, 0%, 45%, .08); background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); font-weight: 300; } .closebuttonfloor5:hover { background-color: #92b7bc; background-image: none; } .moreinformation_div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 13px; margin-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footerinformationtext { margin-top: -5px; font-family: Oswald, sans-serif; font-weight: 300; text-align: left; } .footerinformationtext._1 { padding-left: 7px; text-align: left; } .footerinformation_section { margin-top: -64px; } .informationcolumn2 { padding: 0px 58px; } .applicationbutton { background-color: #3ab6ea; font-weight: 300; } .applicationbutton:hover { background-color: #92b7bc; background-image: none; } .fdrich-link-block { margin-top: -11px; padding-top: 0px; } .apartment_slide1 { background-image: url('../images/sonopearl-building.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide2 { background-image: url('../images/737C6890.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide3 { background-image: url('../images/2016-07-16.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide4 { background-image: url('../images/737C6866.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide5 { background-image: url('../images/737C6828.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide6 { background-image: url('../images/737C6802.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide7 { background-image: url('../images/737C7224.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide8 { background-image: url('../images/sonopearlgrandopening-100.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide9 { background-image: url('../images/sonopearlgrandopening-097.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .apartment_slide10 { background-image: url('../images/sonopearlgrandopening-093.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide1 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-3.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide2 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-4.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide3 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-8.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide4 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-12.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide5 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-14.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide6 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-29.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide7 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-34.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide8 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-35.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide9 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-38.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .furnished_slide10 { background-image: url('../images/furnished/SoNo-Pearl-Amenities--Airbnb-39.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .floorplanheader { margin-top: 20px; font-family: Oswald, sans-serif; font-size: 22px; font-weight: 300; text-align: center; } .floorplansection { margin-bottom: 20px; } .sonopearlbanner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 450px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .36), rgba(0, 0, 0, .36)), url('../images/sono-neighbourhood.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .36), rgba(0, 0, 0, .36)), url('../images/sono-neighbourhood.jpg'); background-position: 50% center; background-size: auto, cover; background-repeat: repeat, no-repeat; } .sonopearlhadertext { font-family: Oswald, sans-serif; color: #fff; font-size: 47px; line-height: 47px; font-weight: 300; text-align: center; letter-spacing: 2px; text-transform: uppercase; } .floorplanherobanner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 300px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .37), rgba(0, 0, 0, .37)), url('../images/737C7194.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .37), rgba(0, 0, 0, .37)), url('../images/737C7194.jpg'); background-position: 0px 0px, 50% 67%; background-size: auto, cover; background-repeat: repeat, no-repeat; } html.w-mod-js *[data-ix="fade-in-bottom-page-loads"] { opacity: 0; -webkit-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); } html.w-mod-js *[data-ix="fade-in-left-scroll-in"] { opacity: 0; -webkit-transform: translate(-50px, 0px); -ms-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } html.w-mod-js *[data-ix="fade-in-right-scroll-in"] { opacity: 0; -webkit-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } html.w-mod-js *[data-ix="fade-in-top-scroll-in"] { opacity: 0; -webkit-transform: translate(0px, -50px); -ms-transform: translate(0px, -50px); transform: translate(0px, -50px); } html.w-mod-js *[data-ix="fade-in-bottom-scroll-in"] { opacity: 0; -webkit-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); } html.w-mod-js *[data-ix="bounce-in-scroll-in"] { opacity: 0; -webkit-transform: scale(0.6000000000000003, 0.6000000000000003); -ms-transform: scale(0.6000000000000003, 0.6000000000000003); transform: scale(0.6000000000000003, 0.6000000000000003); } html.w-mod-js *[data-ix="scale-on-scroll"] { opacity: 0; -webkit-transform: scale(0.01, 0.01); -ms-transform: scale(0.01, 0.01); transform: scale(0.01, 0.01); } html.w-mod-js *[data-ix="fade-in-bottom-page-loads-2"] { opacity: 0; -webkit-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); } html.w-mod-js *[data-ix="click-trigger"] { -webkit-transform: scale(1.1, 1); -ms-transform: scale(1.1, 1); transform: scale(1.1, 1); } html.w-mod-js *[data-ix="hide"] { opacity: 0; -webkit-transform: translate(0px, 20px); -ms-transform: translate(0px, 20px); transform: translate(0px, 20px); } html.w-mod-js *[data-ix="spin-in"] { opacity: 0; -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg); } html.w-mod-js *[data-ix="click-trigger-stats"] { -webkit-transform: scale(1.1, 1); -ms-transform: scale(1.1, 1); transform: scale(1.1, 1); } html.w-mod-js *[data-ix="stats-hide"] { opacity: 0; -webkit-transform: translate(0px, 51px); -ms-transform: translate(0px, 51px); transform: translate(0px, 51px); } html.w-mod-js *[data-ix="hidestats"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } html.w-mod-js *[data-ix="hidegallery"] { opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } html.w-mod-js *[data-ix="hidefloorplan"] { display: none; opacity: 0; -webkit-transform: translate(0px, 27px); -ms-transform: translate(0px, 27px); transform: translate(0px, 27px); } html.w-mod-js *[data-ix="floorplanbuttontrigger"] { opacity: 1; } html.w-mod-js *[data-ix="hidefloorplanspicture"] { display: none; } html.w-mod-js *[data-ix="hidefloorplanpicture2"] { display: none; } html.w-mod-js *[data-ix="statsbannerhide"] { display: none; } html.w-mod-js *[data-ix="featuresbutton"] { -webkit-transform: scale(1, 1.1); -ms-transform: scale(1, 1.1); transform: scale(1, 1.1); } html.w-mod-js *[data-ix="hideamenities"] { opacity: 0; -webkit-transform: translate(0px, 80px); -ms-transform: translate(0px, 80px); transform: translate(0px, 80px); } html.w-mod-js *[data-ix="hideamenitieswhole"] { display: none; } html.w-mod-js *[data-ix="hidesonogallerypictures"] { display: none; } html.w-mod-js *[data-ix="rightnav"] { opacity: 0; -webkit-transform: translate(65px, 0px); -ms-transform: translate(65px, 0px); transform: translate(65px, 0px); } html.w-mod-js *[data-ix="clickfloor234"] { opacity: 0.98; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } html.w-mod-js *[data-ix="clickfloor5"] { opacity: 1; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } html.w-mod-js *[data-ix="hidefloorplan234-desktop"] { display: none; } html.w-mod-js *[data-ix="hidefloorplanfloor5desktop"] { display: none; } html.w-mod-js *[data-ix="hidefloorplans2tablet"] { display: none; } html.w-mod-js *[data-ix="clickfloor-235"] { opacity: 0.98; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } html.w-mod-js *[data-ix="clickfloor-236"] { opacity: 1; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .nav-link:hover, .nav-link:active { transform: scale(0.81); color: hsla(0, 0%, 100%, .17); } .phone-left { margin: 35px 0 20px 0; font-size:1.2em; } .phone-left a { color: #fff; text-decoration: none; } .phone-left a:hover, .phone-left a:active { text-decoration: none; color: #3ab6ea; } .phone-left img { position:relative; top:-2px; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0%); } } .w-container { -webkit-transform-style: preserve-3d; max-width:1170px; } .w-container > * { animation: fadeInUp 1s ease-out both; } .footer, #TheContact { animation: fadeInUp 1s ease-out 0.25s both; } @media (max-width: 991px) { body { margin-left: 0px; padding-left: 0px; } .hamburger-button { color: #fff; } .hamburger-button.w--open { background-color: #cf404d; } .hamburger-button._1 { background-color: #92b7bc; } .left-navigation { position: fixed; left: 0px; top: 0px; right: 0px; bottom: auto; width: 100%; height: 100px; float: none; background-color: hsla(0, 0%, 45%, 0); background-image: none; } .nav-link { padding-left: 13px; text-align: left; } .nav-menu { margin-top: 0px; border-style: none; background-color: hsla(0, 0%, 45%, .82); background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .42)); color: rgba(0, 0, 0, .84); } .social-footer { position: absolute; display: inline-block; } .sonopearllobby { background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .22)), url('../images/sono-neighbourhood.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .22)), url('../images/sono-neighbourhood.jpg'); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .subheading1._1 { margin-top: 49px; } .sectionheadertextforsonoapartments { margin-top: 0px; } .sectionheadertextforsonoapartments._3 { margin-top: 0px; } .featuresdiv { display: block; } .aboutsonopearl { margin-bottom: 0px; } .introductiontosohoapartments { height: auto; } .sonoapartmentsinnorwalk { height: auto; } .statsrow { display: block; margin-left: 0px; padding-right: 11px; } .divhamburger { margin-top: 20px; } .body { margin-left: 77px; padding-left: 0px; } .header5 { color: rgba(82, 82, 82, .9); font-size: 16px; font-weight: 300; } .statsbutton { margin-bottom: 0px; padding-bottom: 0px; } .floorplan1 { height: auto; padding: 0px; } .footerinformationtext { margin-top: 0px; } .footerinformationtext._1 { padding-left: 0px; } .footersocialcolumns { padding-left: 0px; } .rowsoicalfooter { margin: 3px -74px; padding-right: 79px; padding-left: 79px; } .floor234_mobile { text-align: center; } .floor5_mobile { text-align: center; } .floorplans_button_tablet { margin-bottom: 21px; margin-left: 31px; background-color: #92b7bc; font-weight: 300; } .floorplans_button_div { display: inline-block; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .titlediv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { div[class^="column--"] { float: none; clear: both; } .column--onethird { width: 100%; padding-left:0; } div.float-right { padding-right:0; } .column--twothirds { width: 100%; } .column--half { width: 100%; } h3 { margin-top: 10px; } .left-navigation { height: 50px; } .nav-menu { overflow: scroll; margin-top: 0px; } .herobanner { height: 50%; margin-top: 0px; } .rightnav { overflow: visible; margin-top: 2px; } .rightnavlink.phone { overflow: visible; } .subheading1._1 { margin-top: 18px; } .sectionheadertextforsonoapartments { display: block; margin-top: 1px; } .sectionheadertextforsonoapartments._3 { margin-top: 6px; } .listitem { text-align: center; } .featuresdiv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 14px; margin-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .featuresbutton { background-image: none; } .footerheader._1 { margin-top: -18px; text-align: center; } .introductiontosohoapartments { margin-top: 0px; } .sonoapartmentsinnorwalk { height: auto; } .mobiledivheader { display: none; margin-top: 0px; } .introductioncolumn { margin-top: 1px; } .button_downloadfloorplan { margin-top: 12px; margin-bottom: 11px; background-color: #92b7bc; font-weight: 300; text-align: center; } .body { height: 100%; margin-left: -2px; padding-left: 80px; } .buttonfloor234 { margin-bottom: 30px; text-align: left; } .header5 { margin-top: 10px; font-size: 16px; font-weight: 300; } .hidecolumn { display: none; } .moreinformation_div { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .footerinformationtext { padding-left: 1px; font-family: Oswald, sans-serif; text-align: left; } .footerinformationtext._1 { padding-left: 0px; text-align: left; } .footerinformationtext._2 { text-align: center; } .informationcolumn2 { text-align: center; padding-bottom:20px; } .rowsoicalfooter { padding-right: 123px; padding-left: 123px; } .footerhomeicon { margin-left: 92px; padding-left: 0px; } .floorplanheadings { font-size: 18px; font-weight: 300; } .titlediv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } #availabilityform { margin-bottom:30px; } .image-column { margin-top:20px; } } @media (max-width: 479px) { .hamburger-button { position: static; top: 12px; right: 11px; display: block; margin-top: 0px; padding: 9px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .hamburger-button._1 { height: 50px; padding: 6px; background-color: #92b7bc; } .hamburger-button._1:focus { background-color: transparent; } .left-navigation { position: fixed; width: auto; height: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; background-color: hsla(0, 0%, 45%, 0); background-image: none; color: #8f8f8f; } .nav-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* margin-top: 50px; */ float: left; border-top-style: none; border-bottom-style: none; background-color: hsla(210, 2%, 47%, .82); } .social-footer { position: absolute; left: 18px; top: -2px; right: 29px; bottom: -13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 62px; padding-bottom: 18px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .content { margin-left: 0px; } .herobanner { height: 300px; margin-top: 0px; } .sonopearllobby { background-image: url('../images/lobby_phone.jpg'), -webkit-linear-gradient(270deg, rgba(0, 0, 0, .23), rgba(0, 0, 0, .23)); background-image: url('../images/lobby_phone.jpg'), linear-gradient(180deg, rgba(0, 0, 0, .23), rgba(0, 0, 0, .23)); background-position: 50% 50%, 0px 0px; background-size: cover, auto; } .header1 { display: block; margin-top: 7px; font-size: 27px; text-align: left; } .rightnav { margin-top: 1px; } .navdiv { height: 200px; } .column2 { border-bottom: 1px solid #f0f0f0; } .column6 { border-bottom: 1px none #f0f0f0; } .column5 { border-bottom: 1px solid #f0f0f0; } .column4 { border-bottom: 1px solid #f0f0f0; } .column3 { border-style: none none solid; border-width: 1px; border-color: #f0f0f0; } .column1 { border-top: 1px none #f0f0f0; border-bottom: 1px solid #f0f0f0; } .subheading1._1 { margin-top: 39px; } .sectionheadertextforsonoapartments { margin-top: 0px; font-size: 20px; } .sectionheadertextforsonoapartments._3 { font-size: 20px; line-height: 26px; } .listitem { text-align: center; } .featuresdiv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 31px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .featuresbutton { background-color: #92b7bc; background-image: none; } .aboutsonopearl { background-position: 0px 0px; background-size: auto; } .amenitiescolumn2 { position: static; } .contactsonopearltabtext { text-align: center; letter-spacing: 0.5px; } .footerheader._1 { padding-right: 0px; text-align: center; } .fdrichlogo { margin-top: 23px; margin-bottom: 15px; } .copyright { margin-top: 22px; } .contacttabs.w--current { background-color: #92b7bc; } .introductiontosohoapartments { padding-bottom:10px; } .sonoapartmentsinnorwalk { height: auto; } .amenitiesfeatures { padding-top: 20px; padding-bottom: 0px; } .mobiledivheader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 65px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .17), rgba(0, 0, 0, .17)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .17), rgba(0, 0, 0, .17)); text-align: center; } .mobilelogo { margin-left: -16px; padding: 14px 14px 14px 15px; } .introductioncolumn { position: relative; height: 650px; margin-top: 0px; } .downloaddiv { display: block; padding: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .button_downloadfloorplan { margin-top: 12px; background-color: #92b7bc; font-weight: 200; } .button_downloadfloorplan:active { background-color: #93b7bb; } .downloadcolumn { position: static; margin-top: 10px; } .statsrow { padding-right: 0px; } .divhamburger { display: inline-block; margin-top: 9px; margin-right: 9px; float: right; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .body { overflow: visible; height: auto; padding-left: 0px; } .header5 { padding-right: 10px; padding-left: 10px; text-align: left; } .galleryslider { position: relative; height: 300px; } .gallerysection { height: 300px; } .hidecolumn { position: relative; display: none; } .textfields { font-weight: 300; } .mobilemap { position: relative; overflow: visible; height: auto; text-align: center; } .moreinformation_div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footerinformationtext { text-align: center; } .footerinformationtext._1 { margin-left: 0px; padding-left: 0px; text-align: center; } .applicationimage { margin-top: 26px; } .mobile_mask { padding-top: 0px; padding-bottom: 0px; } .rowsoicalfooter { margin-right: -49px; margin-left: -49px; padding-right: 48px; padding-left: 48px; } .homelinkblockfooter { margin-right: 0px; padding-right: 100px; text-align: center; } .floorplanheadings { font-family: Oswald, sans-serif; font-size: 18px; font-weight: 300; } .floorplanheader { font-size: 17px; } .sonopearlbanner { background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .49), rgba(0, 0, 0, .49)), url('../images/sono-neighbourhood.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .49), rgba(0, 0, 0, .49)), url('../images/sono-neighbourhood.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; height:300px; } .titlediv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .mob-visible { display:none; } @media (max-height: 720px) { .nav-menu { margin-top: 0; } .nav-link.w--current { padding: 0; } } @media (max-width: 480px) { .aboutsonopearl { padding-top:15px; padding-bottom:20px; } .sectionheadertextforsonoapartments { padding-right:70px; padding-left:15px; line-height:30px; padding-top:5px; padding-bottom:5px; } .home-heading { padding-right:15px; } .footer { margin-left:0; } .mob-visible { display:block; } .button-home { margin-left:30px; } } @media (max-width: 992px) { .w-tabs { margin-top:40px; } } @media screen and (min-height: 700px) and (min-width: 1400px) { .sonopearlbanner { height:550px; } } @media screen and (min-height: 700px) and (min-width: 1600px) { .sonopearlbanner { height:650px; } } @media screen and (min-height: 700px) and (min-width: 2000px) { .sonopearlbanner { height:750px; } }