/* Theme Name:Carr Workplaces QNY Author:Edison Dairo Jimenez / QNY Creative Author URI:http://qnycreative.com Version:1.1 */ html{font-size:16px; overflow-x:hidden; font-family:"Open Sans", sans-serif; box-sizing:border-box} *, *::after, *::before{box-sizing:inherit} input, select, textarea{margin:0; font-size:1rem; font-family:"Open Sans", sans-serif; font-weight:300} h1, h2 , h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span{font-weight:700} h2 a{text-transform:uppercase; font-size:inherit; text-decoration:none} body#tinymce{margin:0; padding:0; border:none} .entry-content img {margin:0 0 1.5em 0} div.alignleft {display:inline-block;float:left;margin-right:1em;margin-bottom:1em} div.alignright{display:inline-block;float:right;margin-left:1em;margin-top:1em} div.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto} .wp-caption {text-align:center;margin-bottom:1.5em} .wp-caption img {border:0 none;margin:0;padding:0} .wp-caption p.wp-caption-text {margin:0;font-weight:bold} .wp-smiley {max-height:1em;margin:0 !important} .gallery dl {margin:0;border:0;padding:0} blockquote.left {float:left;margin-left:0;margin-right:20px;text-align:right;width:33%} blockquote.right {float:right;margin-left:20px;margin-right:0;text-align:left;width:33%} .gallery-caption{font-size:12px} html{height:100%} blockquote:before, blockquote:after, q:before, q:after {content:""} blockquote, q {quotes:"" ""} a img {border:none} em{font-style:italic} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width:100%;height:auto} .center{text-align:center} #page_content_wrapper p {padding-top:0.5em;padding-bottom:0.5em} #page_content_wrapper p:empty{padding:8px 12px !important;margin:0 !important} #footer p {padding-top:0.5em;padding-bottom:0.5em} html, body {min-height:100%} em {font-style:italic} ::selection {background:#000; color:#f5f2e9} table{border-spacing:0} .sticky{background:#ffffe0;padding:30px 20px 20px 20px;border:1px solid #e6db55 !important;box-sizing:border-box} .marginright{margin-right:7px} img{max-width:100%; height:auto} .sticky, .bypostauthor {font-weight:bold} hr {height:1px; background:#D4D4D4; border:none; margin:50px 0; padding:0} body{margin:0; padding:89px 0 0 0; min-width:1180px; overflow-x:hidden; position:relative; background:#fff; color:#666; font-size:1rem; line-height:1.2; font-weight:300} a{color:inherit} a img{border:none; display:block} .displayTable{display:table; width:100%; height:100%} .tableCell{display:table-cell; width:100%; height:100%; vertical-align:middle} .clear{clear:both} .hidden{display:none !important} strong, b{font-weight:bold} footer a, header a{text-decoration:none} form ul, form li {list-style-type:none; list-style-image:none; margin:0; padding:0} body.withPromoBarHeader {padding:127px 0 0 0} .qny{color:#666} .qny strong, .qny p{color:inherit} .qny h1, .qny h2, .qny h3, .qny h4, .qny h5, .qny h6{font-weight:bold; text-transform:uppercase} .qny h2{font-size:1rem; font-weight:bold} .qny a{display:inline-block; color:inherit; text-decoration:underline} .qny .center{text-align:center !important} .qny .alignRight{text-align:right !important} .qny .noMarginTop{margin-top:0 !important} .qny .noMarginBottom{margin-bottom:0 !important} ::selection{color:#000 !important; background-color:#b4d7ff !important} .qny .contentCenter{width:1180px; margin:0 auto} .qny .contentCenter:after, ul:after, .qny .wrap:after{content:''; float:none; display:block; clear:both} .qny .orange, .qny strong.orange{color:#f36c21} .qny .white, .qny strong.white{color:#fff !important} .qny .black, .qny strong.black{color:#000 !important} .blue, strong.blue{color:#1b355d !important} .qny .gray, .qny strong.gray{color:#666 !important} .qny .button, .qny button, header.qny .last a{cursor:pointer; text-decoration:none; font-weight:bold; border-radius:4px; background:#f36c21; color:#fff !important; display:inline-block; padding:6px 10px; transition:0.3s ease; text-transform:uppercase} .qny .gm-style button{color:rgb(86,86,86) !important; background:#fff !important; border-radius:2px !important; padding:8px 12px !important; font-weight:400 !important; text-transform:none !important; display:block !important} .qny .button.blue, .qny button.blue{background:#1b355d} h2.blue{color:#1b355d !important} .qny .button:hover, .qny button:hover, header.qny .last a:hover{text-decoration:none !important; background-color:#1b355d; color:#fff} .button.hoverWhite:hover{background:#fff; color:#1b355d !important} .qny ul.checkList{padding:0 0 0 25px !important; list-style-type:none} .qny ul.checkList li{margin:0 0 5px; position:relative; list-style-type:none} .qny ul.checkList li:before{content:''; width:15px; height:11px; background:url(images/checkIcon.svg) no-repeat center center / contain; position:absolute; left:-24px; top:3px} .qny ul.checkList.orangeCheck li:before{background:url(images/checkIconOrange.svg) no-repeat center center / contain} .qny .small{font-size:13px !important} .qny .size30{font-size:30px !important} .qny .alignLeft{text-align:left} .qny .floatRight{float:right} .qny ul.peopleList{padding:0 0 0 80px !important; list-style-type:none} .qny ul.peopleList li{margin:0 0 5px; position:relative; list-style-type:none} .qny ul.peopleList li.icon1:before{content:''; width:50px; height:50px; background:url(images/people1.svg) no-repeat center center / contain; position:absolute; left:-80px; top:5px} .qny ul.peopleList li.icon2:before{content:''; width:50px; height:50px; background:url(images/people2.svg) no-repeat center center / contain; position:absolute; left:-80px; top:5px} .qny ul.peopleList li.icon3:before{content:''; width:50px; height:50px; background:url(images/people3.svg) no-repeat center center / contain; position:absolute; left:-80px; top:5px} .qny div.clear{margin:0; clear:both; padding:0} header.qny{z-index:100; border:none; box-shadow:rgba(0,0,0,0.25) 0 0 10px; font-size:13px; color:#1b355d; position:fixed !important /* remove important later*/; left:0; top:0; width:100%; background:#fff;} body.admin-bar header.qny{top:32px} header.qny .theLogo{ margin:0 0 21px; float:left; text-indent:-5000px; overflow:hidden; background:url(images/logoBlue.svg) no-repeat center center / contain; height:48px; aspect-ratio:123/48} header.qny .contentCenter{padding:20px 0 0} header.qny ul{padding:0 0 0 50px; float:right; width:calc(100% - 123px); box-sizing:border-box; margin:10px 0 0 0; list-style-type:none} header.qny ul li{position:relative; display:inline-block; margin:0 14px 0 0; list-style-type:none} header.qny ul li a{vertical-align:middle; text-transform:uppercase; padding:6px 0 37px; font-weight:bold; text-decoration:none} header.qny ul li a:hover{color:#f36c21} header.qny ul li.right{float:right; text-align:right; margin:0 0 0 20px} header.qny .sub-menu{display:none} header.qny ul.mainMenu>li.menu-item-has-children>a:after{content:''; width:0px; height:0px; border:5px solid; border-color:#1b355d transparent transparent transparent; display:inline-block; margin:0 0 0 6px; transform:translateY(3px); transition:0.3s ease} header.qny ul.mainMenu>li.menu-item-has-children>a:hover:after{border-color:#f36c21 transparent transparent transparent} header.qny ul.sub-menu{border-radius:0 0 4px 4px; box-shadow:rgba(0,0,0,0.25) 5px 5px 5px; padding:0; background:#fff; width:200px; position:absolute; left:-12px; top:59px; border:solid #ccc; border-width:0; margin:0} header.qny ul.sub-menu li{margin:0; display:block; border-top:1px solid #ccc} header.qny ul.sub-menu li a{display:block; padding:12px 12px; text-align:left} header.qny ul.sub-menu li a:hover{color:#fff; background:#1b355d} header.qny ul.mainMenu>li.menu-item-has-children:hover ul.sub-menu{display:block} header.qny ul.mainMenu li:last-child{border-radius:0 0 4px 4px; overflow:hidden} header.qny .headerBanner{background:#f36c21; color:#fff; padding:8px 0; font-size:14px} header.qny .headerBanner.blue{background:#1b355d; color:#fff} header.qny .headerBanner .contentCenter{padding:0} header.qny .headerBanner p{margin:0} header.qny .headerBanner .text{color:#fff; padding:2px 0 0 0; width:calc(100% - 44px); float:left} header.qny .headerBanner .close{margin:2px 0 0 0; background:url(images/closeWhite.svg) no-repeat center center / contain; width:20px; height:20px; cursor:pointer; float:right} footer.qny{background:#fff; color:#8F8F8F; font-size:0.85rem; padding:50px 0} footer.qny a{text-decoration:none} footer.qny a:hover{text-decoration:underline} footer.qny .logo{display:block; margin:0 auto 30px; background:url(images/logoHorizontalWhite.svg) no-repeat center center / contain; width:80%; aspect-ratio:1058/391; margin:0 auto 15px; display:block; text-indent:-5000px; overflow:hidden} footer .c3{float:left; width:250px; text-align:center} footer.qny .c1{width:680px; margin:0 auto 20px; text-align:left} footer.qny .c2{margin:0 auto 20px} footer.qny ul{margin:0; padding:0; display:block; text-align:center; list-style-type:none} footer.qny ul li{display:inline-block; margin:0 5px 10px} footer.qny .socials{float:right; margin:34px 0 0; text-align:center} footer.qny .socials a{text-indent:-5000px; overflow:hidden; display:inline-block; width:25px; height:25px} a.facebook{width:25px; height:25px; background:url(images/facebook.svg) no-repeat center center / contain; text-indent:-5000px; overflow:hidden; display:inline-block; margin:0 5px} a.linkedin{width:25px; height:25px; background:url(images/linkedin.svg) no-repeat center center / contain; text-indent:-5000px; overflow:hidden; display:inline-block; margin:0 5px} a.instagram{width:25px; height:25px; background:url(images/instagram.svg) no-repeat center center / contain;text-indent:-5000px; overflow:hidden; display:inline-block; margin:0 8px} a.twitter{width:25px; height:25px; background:url(images/x.svg) no-repeat center center / contain;text-indent:-5000px; overflow:hidden; display:inline-block; margin:0 8px} footer.qny .copy{text-align:center; color:#333; clear:both; font-size:0.75rem !important} footer.qny .copy *{font-size:0.75rem !important} footer.qny .form{width:500px; float:left} footer.qny .form label{color:#1b355d; font-weight:bold; text-transform:uppercase; font-size:0.9rem} footer.qny .form .emailContainer label{display:none} footer.qny .form .emailContainer .hs_email{display:inline-block; width:calc(100% - 122px); margin:0 12px 0 0} footer.qny .form .emailContainer .hs_submit{display:inline-block; width:110px; text-align:right} footer.qny .form .emailContainer .hs_submit .hs-button{margin:0 0 15px} footer.qny input{height:40px; float:left; border-radius:4px; width:calc(100% - 90px); box-sizing:border-box; padding:0 10px} footer.qny .sendForm{font-weight:bold; border-radius:4px; float:right; cursor:pointer; color:#fff; background:#f36c21; text-transform:uppercase; display:block; text-align:center; width:80px; line-height:40px} footer.qny .emailContainer{margin:10px 0} footer.qny .divMessage.error, footer.qny .divMessage.success{margin:10px 0 0 0; font-size:0.8rem} .footerLocations{margin:0; padding:50px 0;background:#efefef;} .footerLocations h2{text-align:center; margin:0 0 50px !important} .footerLocations a{text-decoration:none} .footerLocations a:hover{text-decoration:underline} .footerLocations ul{margin:0; padding:0; list-style-type:none} .footerLocations ul.level1>li{float:left; width:20%; text-transform:uppercase; color:#f36c21} .footerLocations ul.level2{margin:10px 0} .footerLocations ul.level2>li{padding:0 0 0 10px; text-transform:uppercase; color:#000} .footerLocations ul.level3{margin:10px 0; border:solid #ccc; border-width:0 0 0 1px} .footerLocations ul.level3>li{padding:0 0 0 10px; color:#8F8F8F; text-transform:none} .footerLocations.privateOfficesMap{margin:0; padding:0 0 50px; position:relative; background: none;} .footerLocations.privateOfficesMap:before{opacity:0.15; position:absolute; left:0; top:-20px; content:''; width:100%; height:100%; background:url(images/mapDots.svg) no-repeat center top / auto 100%; z-index:1} .footerLocations.privateOfficesMap .contentCenter{position:relative; z-index:2} .footerLocations.privateOfficesMap a:before{content:''; width:20px; aspect-ratio:1/1; background:url(images/location-list-icon.svg) no-repeat center center / contain; display:inline-block; margin:0 10px 0 0; transform:translateY(5px)} .footerLocations.privateOfficesMap a:hover{color:#f36c21} .footerLocations.privateOfficesMap strong{color:#000; display:block; margin:0 0 6px} .footerLocations.privateOfficesMap ul.level1>li{margin:0 0 20px} .footerLocations.privateOfficesMap ul.level2, .footerLocations.privateOfficesMap ul.level3{margin:0; border:none} .footerLocations.privateOfficesMap ul.level1>li, .footerLocations.privateOfficesMap ul.level2>li, .footerLocations.privateOfficesMap ul.level3>li{padding:0 0 5px } .footerBanner{background:#f36c21; color:#fff; padding:50px 0; font-size:14px; } .footerBanner h2{font-size:1.6rem; color:#fff; margin-top:0} .footerBanner .button{background:#fff; color:#f36c21 !important; padding:10px} .footerBanner .button:hover{color:#fff !important} .footerBanner p:last-child{margin-bottom:0} .locationBanner{margin:30px auto 0; clear:both; border-radius:4px; background:#f36c21; color:#fff; padding:20px 30px; font-size:14px; text-transform: uppercase; font-weight: bold;} .locationDetail.new .locationBanner h2, .locationBanner h2{font-size:1.6rem; color:#fff !important; margin:0} .locationBanner .button{background:#fff; color:#f36c21 !important; padding:10px} .locationBanner .button:hover{color:#fff !important} .locationBanner p:last-child{margin-bottom:0} iframe#launcher, .Friendbuy-ribbon-transition{z-index:80 !important} section.qny{margin:0} section.qny .button{padding:10px 25px} .qny .pageHeader{margin:0 auto; color:#fff; height:600px; background:#ccc no-repeat center center / cover; position:relative} .qny .pageHeader:has(.freeHeight){height:auto} .qny .pageHeader:has(.freeHeight) .text{padding:100px 0; margin:0} .qny .pageHeader p{color:inherit} .qny .pageHeader h1, .qny .pageHeader h2{font-size:44px; line-height:1; margin:0 0 20px; color:inherit; text-shadow:rgba(0,0,0,0.5) 3px 3px 3px} .qny .pageHeader h1 span, .qny .pageHeader h2 span{display:inline-block; color:#f36c21; font-size:20px; line-height:1; margin:0} .qny .pageHeader a{display:inline-block; text-decoration:underline} .qny .pageHeader strong{font-size:18px} .qny .pageHeader .displayTable{background:linear-gradient(to right,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 70%); position:relative; z-index:3} .qny .pageHeader a.button{text-decoration:none; margin:30px 0 0 0} .qny .pageHeader .text{width:60%} .qny .pageHeader:has(.fullWidth) .text, .qny .pageHeader:has(.centeredQuote) .text{width:100%} .qny .pageHeader:has(.centeredQuote) .text h2{text-transform:none; text-align:center} .qny .pageHeader.video, .qny .pageHeader:has(.fullWidth){height:auto} .qny .pageHeader.video .displayTable, .qny .pageHeader:has(.fullWidth) .displayTable{padding:40px 0} .qny .pageHeader.video .displayTable .row, .qny .pageHeader:has(.fullWidth) .displayTable .row{width:100%; display:table; padding:0; margin:0} .qny .pageHeader.video .displayTable .column2, .qny .pageHeader:has(.fullWidth) .displayTable .column2{display:table-cell; vertical-align:middle; float:none; width:50%} .qny .pageHeader:has(.fullWidth) .displayTable .column2:first-child{padding-right:50px; box-sizing:border-box} .qny .pageHeader.video .videoOverlay{position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; overflow:hidden} .qny .pageHeader.video .videoOverlay video{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); min-width:100%; min-height:100%; width:auto; height:auto} .qny .pageHeader.p25542{background:no-repeat calc(50% + 400px) center / auto 115%; position:relative} .qny .pageHeader.p25542 .displayTable{background:none} .qny .pageHeader.p25542:before{z-index:-1; content:''; width:calc(((100vw - 1180px) / 2) + 900px); position:absolute; left:0; top:0; height:100%; background:#22355A} .qny .pageHeader:has(.dark) .displayTable{background:rgba(0,0,0,0.5)} .qny .pageHeader:has(.dark) .displayTable h1{text-shadow:none} .qny .pageHeader img{display:none} .ponLogoWhite{background:url('images/PON Logo.svg') no-repeat center center / contain; display:block; margin:0 auto; aspect-ratio:481/99; height:99px} .pageHeader:has(.ponLogoWhite) h1 span{color:#fff} .pageHeader:has(.ponLogoWhite) .displayTable{background:rgba(34, 53, 90, 0.5)} .pageHeader:has(.ponLogoWhite) .displayTable h1{text-shadow:none} .qny .bgOpen{padding:1px 0; margin:-1px 0} .bgOpen:has(.blueBubbles){background:#f2f9fd url(images/cccaBg.jpg) no-repeat center top / cover} .leadershipBlock{margin:50px auto} .leadershipBlock .leaderBox{display:inline-block; vertical-align:top; width:30%; padding:0 10px} .leadershipBlock .leaderBox .image{background:#ccc no-repeat center center / cover; border-radius:50%; aspect-ratio:1/1; width:90%; display:block; margin:0 auto -40px; z-index:2; position:relative} .leadershipBlock .leaderBox .text{background:#fafafa; padding:60px 20px 20px; border-bottom:4px solid #f36c21; border-top:4px solid #1b355d} .leadershipBlock .leaderBox .text .title{padding:0 0 20px; font-size:0.9rem; color:#f36c21} .leadershipBlock .leaderBox .text .title strong{display:block; color:#000; text-transform:uppercase; font-size:1.2rem} .qny .textWithImage{margin:50px 0} .qny .textWithImage .contentCenter{display:flex} .qny .textWithImage .text{box-sizing:border-box; padding:40px 0 40px 50px; width:50%} .qny .textWithImage.Right .text{padding:40px 50px 40px 0} .qny .textWithImage.Right .contentCenter{flex-direction:row-reverse} .qny .textWithImage .text .button{margin:30px 0 0 0} .qny .textWithImage .text a{color:#f36c21} .qny .textWithImage .image{position:relative; width:50%; transition:0.3s ease; background:no-repeat center center / cover} .qny .textWithImage .image:hover{transform:scale(1.05)} .qny .textWithImage .image img{display:none} .qny .textWithImage .image iframe{display:block; width:100%; aspect-ratio:1 / 0.65; border:none} .qny .locationsMap .introText h2, .promoSlider ul li .text h2, .qny .textWithImage h1, .qny .textWithImage h2, .qny .landingPagesForm h2, .twoColumnText.p25311 h2{color:#1b355d; margin:0 0 20px; line-height:1.2; font-size:30px} .qny .locationsMap .introText h2{margin:0 0 30px} .qny .textWithImage h1 span, .qny .textWithImage h2 span{margin:0; color:#f36c21; line-height:1} .qny .textWithImage strong{color:#f36c21} .qny .textWithImage .text ul{margin:20px auto; padding:0 0 0 20px} .qny .textWithImage .text ul li{} .qny .textWithImage.Right .image.first, .qny .textWithImage.Left .image.last{display:none} .qny .textWithImage:has(.fullImage) .image{background-size:contain} .qny .textWithImage:has(#referral-form) .text{background:#fff; padding:40px 40px 23px} .textWithImage.twi-2.p23132 .image{background-size:auto 170px} .textWithImage.twi-0.p25894 .image{background-size:auto 260px} .qny .textWithImage .theDropdown{width:50%; text-align:center; padding:40px 0} .textWithImage .biggerText{font-size:1.6rem; color:#22355A; font-weight:600} .textWithImage.qnyGallery .image:hover{transform:none} .textWithImage.qnyGallery .image .arrowLeft, .textWithImage.qnyGallery .image .arrowRight{box-sizing:border-box; transition:0.3s ease; cursor:pointer; border-radius:50%; background:#fff; border:2px solid #1b355d; position:absolute; left:-20px; top:calc(50% - 15px); width:40px; height:40px} .textWithImage.qnyGallery .image .arrowLeft:hover, .textWithImage.qnyGallery .image .arrowRight:hover{background:#1b355d} .textWithImage.qnyGallery .image .arrowRight{right:-20px; left:auto} .textWithImage.qnyGallery .image .arrowLeft:hover:before{border-color:transparent #fff transparent transparent} .textWithImage.qnyGallery .image .arrowRight:hover:before{border-color:transparent transparent transparent #fff} .textWithImage.qnyGallery .image .arrowLeft:before{content:''; width:0px; height:0px; border:solid 10px; border-color:transparent #1b355d transparent transparent; position:absolute; left:0px; top:8px} .textWithImage.qnyGallery .image .arrowRight:before{content:''; width:0px; height:0px; border:solid 10px; border-color:transparent transparent transparent #1b355d; position:absolute; right:1px; top:8px} .textWithImage.qnyGallery .image ul{margin:0; padding:0; list-style-type:none; width:100%; height:100%} .textWithImage.qnyGallery .image ul li{display:none; margin:0; position:absolute; width:100%; height:100%; background:no-repeat center center / cover} .textWithImage.qnyGallery .image ul li .caption{text-align:right; font-size:0.8rem; position:absolute; right:0; bottom:0; padding:8px; background:rgba(0,0,0,0.45); color:#fff} .qny .landingPagesForm{margin:50px auto} .qny .landingPagesForm form{margin:0} .qny .landingPagesForm .contentCenter{position:relative} .qny .landingPagesForm .row{margin:0 -5px; padding:0} .qny .landingPagesForm .row>div{margin:0 5px} .qny .landingPagesForm .row .column1{width:calc(100% - 10px)} .qny .landingPagesForm .row .column2{width:calc(50% - 10px)} .qny .landingPagesForm .image{background:no-repeat center center / cover; position:absolute; left:0; top:0; width:calc(100% - 60px); height:calc(100% - 60px)} .qny .landingPagesForm .text{border-radius:4px; box-shadow:0 0 6px rgba(0,0,0,0.25); background:#fff; margin:60px 0 0 0; position:relative; z-index:2; box-sizing:border-box; width:55%; float:right; padding:40px} .formWithBorder{padding:20px; border:2px solid #39355d; border-radius:4px} .paddingTop0{padding-top:0} .qny .sweepstakes{margin:0 auto; background:#efefef; border-radius:4px; padding:20px 30px; box-sizing:border-box} .qny .sweepstakes form{margin:0 auto} .qny .sweepstakes .contentCenter{position:relative} .qny .sweepstakes .row{margin:0 -5px; padding:0} .qny .sweepstakes .row>div{margin:0 5px} .qny .sweepstakes .row .column1{width:calc(100% - 10px)} .qny .sweepstakes .row .column2{width:calc(50% - 10px)} .qny .sweepstakes .image{background:no-repeat center center / cover; position:absolute; left:0; top:0; width:calc(100% - 60px); height:calc(100% - 60px)} .qny .sweepstakes .text{box-shadow:0 0 6px rgba(0,0,0,0.25); background:#fff; margin:60px 0 0 0; position:relative; z-index:2; box-sizing:border-box; width:55%; float:right; padding:40px} .qny .sweepstakes input[type=text], .qny .sweepstakes input[type=tel], .qny .sweepstakes select, .qny .sweepstakes textarea{margin:0 0 10px; display:block; border:1px solid #ccc; height:40px; width:100%; box-sizing:border-box; padding:8px 10px; border-radius:4px; font-size:0.9rem} .qny .sweepstakes input[type=radio]{display:inline-block; width:auto; margin:0 10px 5px 0; padding:0} .qny .sweepstakes select{background:#fff url(images/selectArrow.svg) no-repeat right 8px top 16px} .qny .sweepstakes textarea{height:130px; padding:10px; margin:0; resize:none} .qny .sweepstakes label{display:block; font-size:0.85rem; margin:10px 0 5px; font-weight:bold} .qny .sweepstakes label:first-child{margin-top:0} .qny .sweepstakes p:last-child{margin-bottom:0} .qny .sweepstakes .button{margin:0 auto} .qny .sweepstakes .formLegal{font-size:0.85rem; margin:20px 0} .qny .sweepstakes .formLegal a{font-weight:bold; color:#000; text-decoration:none} .qny .sweepstakes .g-recaptcha{margin:0 0 20px} .qny .sweepstakes em, .qny .sweepstakes .radioText{font-size:0.8rem} .qny .sweepstakes .divMessage.success{margin-bottom:20px} .qny .fullwidthText{margin:50px 0; position:relative} .qny .fullwidthText .button{margin:30px 0 0 0} .qny .fullwidthText h1, .qny .fullwidthText h2, .qny .interactiveMap h1, .qny .interactiveMap h2, .hbspt-form h1, .hbspt-form h2{color:#1b355d; margin:30px 0 20px; line-height:1.2; font-size:30px} .qny .fullwidthText h2:first-child{margin-top:0} .qny .fullwidthText h1 span, .qny .fullwidthText h2 span, .qny .interactiveMap h1 span, .qny .interactiveMap h2 span{margin:0; color:#f36c21; line-height:1; font-size:18px} .qny .fullwidthText strong{color:#f36c21} .qny .fullwidthText a{color:#f36c21} .qny .fullwidthText table{margin:50px 0; background:#fff; border:none; width:100%} .qny .fullwidthText table td, .qny .fullwidthText table th{text-align:left; padding:6px 10px; vertical-align:top; border-bottom:1px solid #ccc} .qny .fullwidthText table td p, .qny .fullwidthText table th p{margin:0} .qny .fullwidthText table td .button{margin-top:0} .qny .fullwidthText table th{background:#1b355d; color:#fff} .qny .fullwidthText h2.withLine{padding:10px 0 30px; border-bottom:1px solid #ccc; margin:0 0 10px} .qny .fullwidthText .thirdLeft{float:left; width:33.3333%} .qny .fullwidthText .thirdLeft h2{margin:0} .qny .fullwidthText .thirdRight{float:right; width:33.3333%; text-align:right} .qny .fullwidthText .thirdRight .button{margin:0; background:#fff; color:#f36c21 !important} .qny .fullwidthText .thirdRight .button:hover{background:#f36c21; color:#fff !important} .qny .fullwidthText .twoThirdLeft{float:left; width:66.6666%} .qny .fullwidthText .twoThirdLeft h2{margin:0} .qny .stepsWithBorder{margin:0; padding:0; list-style-type:none} .qny .stepsWithBorder li{margin:5px; border:1px solid #ccc; padding:20px; vertical-align:middle} .qny .stepsWithBorder li strong{font-size:1.5rem; width:300px; display:inline-block; color:#000} .qny .perkColumns{width:100%; line-height:1.8} .textBoxIcon{height:60px; width:auto; margin:0 auto 20px; display:block} .qny .getStartedForm{margin:50px 0} .qny .getStartedForm .contentCenter{border-radius:4px; background:#fff; padding:30px; text-align:center} .qny .getStartedForm h2{line-height:1; font-size:30px; color:#f36c21; padding:0 0 30px; border-bottom:1px solid #ccc; margin:0 0 30px} .qny .getStartedForm h2 span{font-size:20px; color:#1b355d} .qny .scrollText{margin:0; position:relative; height:60px} .qny .scrollText{font-weight:500; font-size:2.5rem; white-space:nowrap; position:relative} .qny .scrollText span{display:inline-block} .qny .scrollText .wrap{width:100%; overflow:hidden; padding:5px 0} .qny .scrollText.Left{direction:ltr} .qny .scrollText.Right{direction:rtl} .qny .scrollText.Right span {animation:marqueeRight var(--seconds) linear infinite} .qny .scrollText.Left span{animation:marqueeLeft var(--seconds) linear infinite} @keyframes marqueeLeft {0% {transform:translate(0%, 0)} 100% {transform:translate(-100%, 0)}} @keyframes marqueeRight {0% {transform:translate(0%, 0)} 100% {transform:translate(100%, 0)} } .scrollLogos{margin:50px 0; position:relative; height:70px} .scrollLogos{font-weight:500; font-size:40px; white-space:nowrap; position:relative} .scrollLogos .theContainer{display:inline-block; animation:marqueeLeft var(--seconds) linear infinite} .scrollLogos .theContainer .image{display:inline-block; margin:0 30px 0 0} .scrollLogos .theContainer .image img{height:40px; width:auto; max-width:210px; display:block} .scrollLogos .wrap{width:100%; overflow:hidden; padding:5px 0} .scrollLogos{direction:ltr} .scrollLogos .caption{display:none; font-size:16px; text-align:center} .faqBlock{margin:50px auto} .faqBlock .contentCenter{} .faqBlock .title{text-align:center; color:var(--gold); text-transform:uppercase; font-family:'Glacial Indifference'; font-weight:bold; font-size:1.5rem} .faqBlock .contents{margin:30px auto 0} .faqBlock .faqRow{margin:0 auto} .faqBlock .faqRow .question{text-transform:uppercase; transition:0.3s ease; background:#fff; position:relative; cursor:pointer; padding:22px 40px 22px 20px; color:#1b355d; font-weight:bold; margin:0; border-bottom:2px solid #ccc} .faqBlock .faqRow.open .question:hover, .faqRow.open .question{background:#1b355d; color:#fff; border-color:transparent} .faqBlock .faqRow .question:after{content:''; width:24px; height:2px; background:#1b355d; position:absolute; right:9px; top:30px} .faqBlock .faqRow .question:before{content:''; width:2px; height:24px; background:#1b355d; position:absolute; right:20px; top:19px; transition:0.3s ease} .faqBlock .faqRow.open .question{} .faqBlock .faqRow.open .question:before{opacity:0} .faqBlock .faqRow.open .question:after{background:#fff} .faqBlock .faqRow .answer{background:#fafafa; display:none; padding:20px 40px 30px 20px} .faqBlock .faqRow .answer p:first-child{margin-top:0} .faqBlock .faqRow .answer p:last-child{margin-bottom:0} .faqBlock .faqRow .answer a{color:#f36c21} .faqBlock.blue .contents{display:flex; flex-wrap:wrap; margin:30px -15px 0} .faqBlock.blue .faqRow{background:#22355A; padding:20px; border-radius:26px; float:left; width:calc(33.3333% - 30px); margin:0 15px 30px} .faqBlock.blue .faqRow .question:before, .faqBlock.blue .faqRow .question:after{display:none} .faqBlock.blue .faqRow .question{margin:0 0 10px; background:none; padding:0; color:#EF6425; border:none} .faqBlock.blue .faqRow .answer{padding:0; background:none; display:block; color:#fff} .qny .scrollPackageList{margin:50px 0} .qny .scrollPackageList .left{width:70%; display:table-cell; vertical-align:top; padding:0 30px 0 0} .qny .scrollPackageList .right{position:relative; width:30%; display:table-cell; vertical-align:top} .qny .scrollPackageList .package{border-radius:4px; width:100%; border:1px solid #efefef; margin:0 0 20px; display:table} .qny .scrollPackageList .package .image{border-radius:4px 0 0 4px; position:relative; display:table-cell; width:350px; background:#ccc no-repeat center center / cover} .qny .scrollPackageList .package .text{background:#fff; display:table-cell; vertical-align:top; width:calc(100% - 160px); padding:0 20px 20px; box-sizing:border-box; position:relative} .qny .scrollPackageList:has(.buttons a) .package .text{padding-bottom:60px} .qny .scrollPackageList .package .text h2{line-height:1.2; font-size:18px; margin:0 0 0 -20px; display:block; padding:10px 20px; box-sizing:border-box; width:calc(100% + 40px); background:#efefef; color:#1b355d} .qny .scrollPackageList .package .text .label{position:absolute; left:-170px; top:0px; /*right:0; top:51px;*/ box-shadow:rgba(0,0,0,0.3) 5px 5px 5px; background:#f36c21; color:#fff; text-transform:uppercase; padding:13px 0; width:170px; /*280px;*/ font-weight:bold; font-size:13px; text-align:center} .qny .scrollPackageList .package .text .note{text-transform:initial; border-radius:4px; padding:2px 10px; margin:0 0 20px; font-style:italic; background:#fafafa; font-size:0.9rem} .qny .scrollPackageList .package .text .note a{color:#f36c21 } .qny .scrollPackageList .package:last-child{margin-bottom:0} .qny .scrollPackageList .right .rightBox{position:absolute; left:0; top:0; text-align:center; background:#efefef; border-radius:4px; padding:20px} .qny .scrollPackageList .right .rightBox.dontAnimate{position:relative; left:auto; top:auto} .qny .scrollPackageList .right .rightBox hr{margin:20px auto} .qny .scrollPackageList .right .rightBox h2{font-size:18px; margin:0 auto 10px; line-height:1; color:#1b355d} .qny .scrollPackageList .right .rightBox .button{margin:10px auto} .qny .theForm{margin:30px auto 0; background:#fff; border-radius:4px; padding:15px} .qny .scrollPackageList .buttons:has(a){background:#fafafa; padding:10px 20px; position:absolute; left:0; bottom:0; width:100%} .qny .scrollPackageList .buttons .button{vertical-align:middle; float:right; margin:0 0 0 10px} .qny .scrollPackageList .package.showLogo .image{position:relative} .qny .scrollPackageList .package.showLogo .image:after{content:''; width:130px; aspect-ratio:1663/1092; background:url(/wp-content/uploads/2025/04/Logos_RGB_CommunityCenterClub_Full-Logo_White.svg) no-repeat center center / contain; position:absolute; right:10px; bottom:10px} .qny .scrollPackageList .right.showLogo .rightBox.dontAnimate{position:relative} .qny .scrollPackageList .right.showLogo .rightBox.dontAnimate:before{content:''; width:60%; max-width:240px; aspect-ratio:300/197; background:url(images/CommunityCenterClubLogo.svg) no-repeat center center / contain; display:block; margin:20px auto 30px} .qny .textBoxes{margin:50px 0} .qny .textBoxes .box{box-sizing:border-box; border-radius:4px; color:#fff; background:#1b355d; height:210px; text-align:center; width:calc(20% - 10px); float:left; margin:0 5px; padding:15px 20px} .qny .textBoxes .box p:first-child{margin-top:0} .qny .textBoxes .box p:last-child{margin-bottom:0} .qny .textBoxes .box h2{line-height:1.2; font-size:18px; margin:0; display:block; width:100%; color:#fff} .qny .textBoxes .box .mid{font-size:40px} .qny .textBoxes .box .big{font-size:60px} .qny .textBoxes.c1 .box{width:calc(100% - 10px)} .qny .textBoxes.c2 .box{width:calc(50% - 10px)} .qny .textBoxes.c3 .box{width:calc(33.3333% - 10px)} .qny .textBoxes.c4 .box{width:calc(25% - 10px)} .qny .textBoxes.c2 .box:nth-child(2n+1){clear:both} .qny .textBoxes.c3 .box:nth-child(3n+1){clear:both} .qny .textBoxes.c4 .box:nth-child(4n+1){clear:both} .qny .textBoxes.noBlueBg .box{height:auto; background:none; color:#666} .qny .textBoxes.noBlueBg .box strong{color:#000} .qny .textBoxes.quotes .box{height:auto; background:#efefef; color:#666; text-align:left} .qny .textBoxes a{text-decoration:none} .qny .textBoxes.quotes .box strong{color:#000} .qny .textBoxes .box .icon{margin:0 auto 10px; display:block; width:60px; aspect-ratio:1/1} .qny .bgOpen .textBoxes.quotes .box{background:#fff} .qny .textBoxes.quotes .box .profilePic{text-align:left} .qny .textBoxes.quotes .box .profilePic strong{color:#f36c21} .textBoxes.p23132 .box h2{color:#1b355d} .textBoxes.tb-1.p23132 .contentCenter{max-width:700px} .textBoxes.tb-1.p23132 .box{background:#fff; border-radius:30px; margin:5px 5px} .textBoxes.tb-1.p23132 .box .icon{width:100px} .textBoxes.p26351 .box h2{color:#1b355d} .textBoxes.p26351 .contentCenter{max-width:1060px; text-align:center} .textBoxes.p26351 .box{vertical-align:top; display:inline-block; float:none; background:#fff !important; border-radius:30px; margin:5px 5px; padding:30px 50px} .textBoxes.p26351 .box .icon{width:100px} .textBoxes.p26351.tb-0 .box{min-height:294px} .breadcrumbs{margin:50px auto; font-size:0.85rem} .breadcrumbs strong{font-size:inherit} .breadcrumbs a{text-decoration:none} .breadcrumbs a:hover{text-decoration:underline} .qny .packageGrid{margin:50px 0} .qny .packageGrid ul.main{margin:-10px; padding:0; list-style-type:none} .qny .packageGrid ul.main>li{list-style-type:none; float:left; width:calc(25% - 20px); margin:10px} .qny .packageGrid ul.main>li:nth-child(4n+1){clear:both} .qny .packageGrid ul.main>li .image{border-radius:4px 4px 0 0; position:relative; width:100%; display:block; background:#ccc no-repeat center center / cover; aspect-ratio:1 / 1} .qny .packageGrid ul.main>li .image h2{color:#1b355d; box-sizing:border-box; padding:12px 10px; position:absolute; left:10px; bottom:0; width:calc(100% - 20px); border-radius:4px 4px 0 0; background:rgba(255,255,255,0.9); text-align:center; line-height:1; display:block; margin:0} .qny .packageGrid ul.main>li .text{background:#fff; box-sizing:border-box; font-size:14px; position:relative; padding:15px 20px; border:solid #efefef; border-width:0 1px 1px; border-radius:0 0 4px 4px} .qny .packageGrid ul.main>li .text:has(a){padding-bottom:50px} .qny .packageGrid ul.main>li .text a{text-transform:uppercase; text-decoration:none; background:#1b355d; color:#fff; font-weight:bold; text-align:center; position:absolute; left:0; bottom:0; width:100%; padding:10px 0; transition:0.3s ease; border-radius:0 0 4px 4px} .qny .packageGrid ul.main>li .text a:hover{background:#f36c21} .highlight{font-size:0.8rem; text-transform:none; border-radius:4px; color:#1b355d; background:#fed344; padding:6px 10px; display:inline-block; font-weight:bold} h1 .highlight{clear:both} .qny .packageGrid .label, .qny .locationBox .image .label, .qny .scrollPackageList .package .image .label, .textWithImage.qnyGallery .image .label{max-width:90%; border-radius:4px 0 0 0; position:absolute; left:0; top:0px; box-shadow:rgba(0,0,0,0.3) 5px 5px 5px; background:#f36c21; color:#fff; text-transform:uppercase; padding:13px 15px; box-sizing:border-box; font-weight:bold; font-size:13px; text-align:center} .qny .packageGrid ul.main ul, .servicesBlock .package ul.showOnLocationList{margin:10px auto 0; padding:0 0 0 24px; list-style-type:none} .qny .packageGrid ul.main ul li, .servicesBlock .package ul.showOnLocationList li{margin:0 0 5px; position:relative; list-style-type:none} .qny .packageGrid ul.main ul li:before, .servicesBlock .package ul.showOnLocationList li:before{content:''; width:15px; height:11px; background:url(images/checkIcon.svg) no-repeat center center / contain; position:absolute; left:-24px; top:3px} .qny .packageGrid.g3 ul.main>li{width:calc(33.3333% - 20px)} .qny .linksWithImagesGrid{margin:50px 0} .qny .linksWithImagesGrid ul.main{margin:-10px; padding:0; list-style-type:none} .qny .linksWithImagesGrid ul.main>li{float:left; margin:10px; list-style-type:none} .qny .linksWithImagesGrid ul.main>li .image{position:relative; width:100%; display:block; background:#ccc no-repeat center center / cover; aspect-ratio:1 / 1; border:1px solid #fff} .qny .linksWithImagesGrid ul.main>li .image img{display:none} .qny .linksWithImagesGrid ul.main>li .text{box-sizing:border-box; font-size:14px; position:absolute; bottom:0; width:calc(100% - 20px); left:10px; background:rgba(255,255,255,0.9); text-align:center; padding:12px 15px; border-radius:4px 4px 0 0} .qny .linksWithImagesGrid ul.main>li .text h2{line-height:1; display:block; margin:0} .qny .linksWithImagesGrid ul.main>li .text p:last-child{margin:0} .qny .linksWithImagesGrid ul.main>li .text .button{background:#1b355d; display:block; margin:10px 0 0 0} .qny .linksWithImagesGrid ul.main>li .text .button:hover{background:#f36c21 } .qny .linksWithImagesGrid.c2 ul.main>li{width:calc(50% - 20px)} .qny .linksWithImagesGrid.c3 ul.main>li{width:calc(33.3333% - 20px)} .qny .linksWithImagesGrid.c4 ul.main>li{width:calc(25% - 20px)} .qny .linksWithImagesGrid.c2 ul.main>li:nth-child(2n+1){clear:both} .qny .linksWithImagesGrid.c3 ul.main>li:nth-child(3n+1){clear:both} .qny .linksWithImagesGrid.c4 ul.main>li:nth-child(4n+1){clear:both} .qny .linksWithImagesGrid p strong{font-size:inherit} .qny .linksWithImagesGrid.outText{} .qny .linksWithImagesGrid.outText ul.main>li .text{position:relative; bottom:auto; left:auto; width:100%} .qny .linksWithImagesGrid.outText ul.main>li .image{aspect-ratio:auto; background:#fff !important} .qny .linksWithImagesGrid.outText ul.main>li .image img{display:block; width:100%} .qny .twoColumnText{margin:50px 0} .qny .twoColumnText .aRow{width:100%; display:table; padding:10px 20px} body.page-id-24332 .qny .twoColumnText .aRow{padding:0} .qny .twoColumnText .aRow.even{background:#efefef} .qny .twoColumnText .left{font-weight:bold} .qny .twoColumnText .left, .qny .twoColumnText .right{width:50%; display:table-cell; vertical-align:top} .qny .row{margin:0 -15px} .qny .row>div{margin:0 15px} .qny .row:after, .profilePic:after{content:''; width:100%; display:block; clear:both} .qny .row .column1{width:calc(100% - 30px); float:left} .qny .row .column2{width:calc(50% - 30px); float:left} .qny .row .column3{width:calc(33.3333% - 30px); float:left} .qny .row .column4{width:calc(25% - 30px); float:left} .qny .row .column5{width:calc(20% - 30px); float:left} .qny .row.asTable{display:table; padding:0; margin:0} .qny .row.asTable>div{display:table-cell; margin:0; vertical-align:middle} .qny .row.asTable .column2{width:50%; float:none} .qny .row.asTable .column3{width:33.3333%; float:none} .qny .row.asTable .column4{width:25%; float:none} .qny .row.asTable .column5{width:20%; float:none} .qny .embedMap{margin:50px auto} .qny .packageScroll{margin:50px 0; overflow-x:hidden} .qny .packageScroll .wrapper{height:512px; position:relative} .qny .packageScroll ul{margin:0; padding:0; list-style-type:none; position:absolute; left:0; top:0; width:30000px} .qny .packageScroll ul li{list-style-type:none; line-height:1.2; float:left; width:295px; padding:0 20px 0 0; margin:0; font-size:14px} .qny .packageScroll ul li h2{font-size:16px; text-transform:uppercase; line-height:1; color:#1b355d} .qny .packageScroll ul li h2 span{font-size:13px; display:inline-block; margin:0 0 6px; color:#f36c21} .qny .packageScroll ul li .image{border-radius:2px 2px 0 0; width:100%; aspect-ratio:1 / 1.25; background:#ccc no-repeat center center / cover; margin:0} .qny .packageScroll ul li .text{background:#fefefe; padding:20px 10px; border:solid #f36c21; border-width:1px 0} .qny .packageScroll ul li .text .button{display:block; margin-bottom:5px; background:#666} .qny .packageScroll .arrowLeft, .qny .packageScroll .arrowRight{cursor:pointer; background:#efefef; width:50px; height:50px; position:absolute; top:148px} .qny .packageScroll .arrowLeft{left:0; border-radius:0 4px 4px 0; box-shadow:10px 10px 10px rgba(0,0,0,0.25)} .qny .packageScroll .arrowLeft:before{content:''; width:0; height:0; border:12px solid; border-color:transparent #1b355d transparent transparent; position:absolute; left:6px; top:13px} .qny .packageScroll .arrowRight{right:20px; border-radius:4px 0 0 4px; box-shadow:-10px 10px 10px rgba(0,0,0,0.25)} .qny .packageScroll .arrowRight:after{content:''; width:0; height:0; border:12px solid; border-color:transparent transparent transparent #1b355d; position:absolute; right:6px; top:13px} .qny .floatingPhone {text-align:right; margin:20px 0 -30px; position:relative; z-index:20} .qny .floatingPhone a{text-decoration:none; background:#000; color:#fff; border-radius:4px; display:inline-block; padding:6px 20px; font-weight:bold; transition:0.3s ease} .qny .floatingPhone a:hover{background:#fc7647} .qny .interactiveMap{margin:50px 0} .qny .interactiveMap #theMap{border:2px solid #ccc; border-radius:4px; overflow:hidden; height:400px; background:#ccc; width:100%} .qny .mapInfoBox{border:2px solid #1b355d; font-size:12px; line-height:1.2; padding:15px; background:#fff; border-radius:4px; color:#666} .qny .mapInfoBox strong{color:#f36c21; text-transform:uppercase; font-size:14px} .qny .mapInfoBox span{color:#666; display:block; font-size:0.7rem} .qny .mapInfoBox span:empty{display:block; position:absolute; left:calc( 50% - 20px); bottom:-38px; width:0; height:0; border:20px solid; border-color:#1b355d transparent transparent transparent} .qny .mapInfoBox p{margin:5px 0} .qny .mapInfoBox .button{background:#1b355d} .qny .mapInfoBox .button:hover{background:#f36c21} .qny .mapInfoBox .phone{margin:0 0 20px} .qny .mapInfoBox .phone a{text-decoration:none} .pressBlock{margin:50px auto 20px} .pressBlock .pressBox{display:flex; align-items:stretch; width:calc(50% - 30px); float:left; margin:0 15px 30px !important; background:#efefef; border-radius:4px; box-sizing:border-box; padding:4px} .pressBlock .pressBox:nth-child(2n+1){clear:both} .pressBlock .pressBox .image{border-radius:4px; aspect-ratio:1/1; width:100px; background:#fff no-repeat center center / 80px auto} .pressBlock .pressBox .text{width:calc(100% - 100px); margin:0; padding:20px} .pressBlock .pressBox .text .title{color:#1b355d; text-transform:uppercase; font-weight:bold} .pressBlock .pressBox .text .date{font-size:0.8rem; margin:10px 0 10px 0} .pressBlock .pressBox .text a{font-size:0.8rem; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#f36c21} .pressBlock .pressBox .text a span{font-size:1.2rem} .profilePic{margin:30px auto 0} .profilePic .image{width:60px; float:left; margin:0 20px 0 0} .profilePic .image img{border-radius:50%; overflow:hidden; display:block; margin:0 !important; width:100%} .profilePic .text{width:calc(100% - 80px); float:right} .qny .locationsMap{margin:0 auto; position:relative} .qny .locationsMap .contentCenter{position:relative} .qny .locationsMap .message{margin:0; background:#efefef; padding:20px; border-radius:4px; margin-bottom:20px} .qny .locationsMap .noLocations{display:none; margin:20px 0; font-weight:bold} .qny .locationsMap .message p:first-child{margin-top:0} .qny .locationsMap .message p:last-child{margin-bottom:0} .qny .locationsMap .leftSide{float:left; width:68%; padding:40px 10px 50px 0; box-sizing:border-box} .qny .locationsMap .rightSide{float:right; position:relative; width:32%} .qny .locationsMap.fitLocations{background:#fafafa} .qny .locationsMap.fitLocations .contentCenter{display:flex; flex-direction:row-reverse} .qny .locationsMap.fitLocations .leftSide{padding:20px 10px 0 0} .qny .locationsMap.fitLocations .rightSide{} .qny .locationsMap.fitLocations #theMap{height:100%} .qny .locationsMap .searchBarBox{margin:0 auto 20px} .qny .locationsMap .searchBarBox input{border:1px solid #efefef; border-radius:4px; width:100%; margin:0 auto; box-sizing:border-box; padding:10px 50px 10px 10px; background:url(images/searchBoxBg.svg) no-repeat right center} .qny .locationsMap .categories{margin:0 0 20px; border-bottom:1px solid #efefef} .qny .locationsMap .categories span, .qny .locationsMap .categories a{text-decoration:none; cursor:pointer; display:inline-block; padding:0 10px 10px; border-bottom:2px solid transparent; color:#ccc; font-weight:bold; transition:0.3s ease} .qny .locationsMap .categories span.active, .qny .locationsMap .categories a.active{border-bottom:2px solid #1b355d !important; color:#1b355d !important} .qny .locationsMap .categories span:hover, .qny .locationsMap .categories a:hover{border-bottom:2px solid #f36c21; color:#f36c21} .qny .locationsMap #theMap{background:#ccc; height:100%; width:calc(413px + ((100vw - 1180px) / 2)) ; position:absolute; left:0; top:0} body.admin-bar .pac-container{transform:translate(0px,-1px)} .pac-container{box-shadow:none; border:1px solid #f36c21; background:#fff; font-size:14px} .pac-container:after{display:none !important} .qny .locationsList{} #meetingRooms .locationsList{margin:30px 0 0 0} #meetingRooms .locationBox.meeting0 .image{position:relative} body.postid-23382 #meetingRooms .locationBox.meeting0 .image:after{content:''; width:90px; background:url(images/openDoowAward.svg) no-repeat center center / contain; aspect-ratio:540/760; position:absolute; right:10px; bottom:-37px} .qny .locationsList .wrap{margin:0 -5px} .qny .locationsList .wrap>p{margin:0 10px 30px} .qny .locationBox{background:#fff; overflow:hidden; text-decoration:none; font-size:14px; float:left; margin:0 5px 20px; width:calc(33.3333% - 10px); box-sizing:border-box} .qny .locationBox:nth-child(3n+1){clear:both} .qny .locationBox .image{display:block; position:relative; border-radius:4px 4px 0 0; width:100%; background:#ccc no-repeat center center / cover; aspect-ratio:1 / 0.75} .qny .locationBox .image .label:empty{display:none} .qny .locationBox .text{width:100%; padding:15px; text-align:left; border:solid #efefef; border-width:0 1px} .qny .locationBox .text h2{line-height:1; margin:0 0 5px; font-size:1.2rem} #meetingRooms .locationBox .text h2{font-size:1rem !important} .qny .locationBox .text h2 span{display:block; color:#8f8f8f; font-size:0.9rem} .qny .locationBox .text p{margin:0} .qny .locationBox .text a{text-decoration:none} .qny .locationBox .text a:hover{color:#f36c21} .qny .locationBox .text ul{padding:0 0 0 12px} .qny .locationBox .text ul strong{color:#000; font-size:inherit} .qny .locationBox .link{text-decoration:none; font-weight:bold; color:#fff; text-transform:uppercase; text-align:center; width:100%; display:block; padding:10px 0; background:#1b355d; border-radius:0 0 4px 4px; transition:0.3s ease} .qny .locationBox .link:hover{background:#f36c21} .qny .locationBox .text .highlight{margin-bottom:10px} .qny .locationBox .text .highlight.h-1{display:none} .qny .locationBox .text .address{margin:5px 0 0 0} .qny .locationBox .text .phone{margin:5px 0 0 0} .qny .locationsMapSmall{margin:0 auto; position:relative} .qny .locationsMapSmall .contentCenter{position:relative} .qny .locationsMapSmall #theMap{background:#ccc; height:400px; width:100%} .navBar{} .navBar a{text-decoration:none; font-weight:bold} .navBar a:hover{text-decoration:underline} .qny .preloadDiv{width:0; height:0; overflow:hidden} .qny .showIphone, .qny .showIpad, .qny .hideDesktop{display:none} .qny .showDesktop{} .qny .pageHeader:has(.theForm){height:auto} .qny .pageHeader:has(.theForm) .text{width:100%; text-align:center; padding:80px 0} .qny .pageHeader:has(.theForm) .text .theForm{font-weight:bold; color:#000; max-width:1000px; box-sizing:border-box; padding:20px; border-radius:10px} .qny .pageHeader:has(.theForm) .text .theForm p{margin:15px auto} .qny .pageHeader:has(.theForm) .text .theForm h2{margin:0 0 -10px; font-size:30px; color:#1b355d; text-shadow:none} .qny .pageHeader:has(.theForm) .text .theForm a{color:#0088ff} .qny .textWithImage.p23047 ul.checkList{border-top:1px solid #efefef; padding:20px 0 0 20px !important} .qny .textBoxes.p23047{margin-bottom:0} .qny .textBoxes.p23047 .box{border:1px solid #efefef; padding:20px 10px 10px; border-radius:10px; min-height:250px; transition:0.3s ease; cursor:pointer} .qny .textBoxes.p23047 .box:hover{background:#efefef} .qny .fullwidthText.p23047.fwt2{margin-top:0} .qny .textWithImage.p23047 .image img{border-radius:10px} .pageHeader.p23132 h1{text-shadow:none} .pageHeader.p23132 .displayTable{background:rgba(27,53,93,0.5); text-shadow:none} .pageHeader.p23132 strong{font-size:30px} .qny .hoverBoxIcon{margin:0 0 20px; background:#fff; box-shadow:rgba(0, 0, 0, 0.04) 0px 9px 10px 0px; border-radius:10px; padding:20px 20px 20px 60px; box-sizing:border-box; position:relative; transition:0.3s ease} .qny .hoverBoxIcon:hover{color:#fff; background:#1b355d} .qny .hoverBoxIcon img{position:absolute; width:40px; height:auto; display:block; left:10px; top:10px} .qny .hoverBoxIcon:last-child, .qny .hoverBoxIcon.last{margin:0} .qny .fullwidthText .hoverBoxIcon strong{color:#1b355d; display:block; border-bottom:1px solid #efefef; padding:0 0 10px; margin:0 0 10px; transition:0.3s ease} .qny .fullwidthText .hoverBoxIcon:hover strong{color:#fff} .qny .blogPostList{margin:50px auto; font-size:14px} .qny .blogPostList .left{width:70%; float:left} .qny .blogPostList .right{width:30%; float:right; box-sizing:border-box; padding:0 0 0 40px} .qny .blogPostList ul.main{margin:0 -10px; padding:0; list-style-type:none} .qny .blogPostList ul.main > li{float:left; width:calc(50% - 20px); margin:10px} .qny .blogPostList ul.main > li:nth-child(2n+1){clear:both} .qny .blogPostList ul.main > li a{display:block; text-decoration:none} .qny .blogPostList ul.main > li .image {margin:0 0 10px; border-radius:4px; position:relative; width:100%; display:block; background:rgb(204, 204, 204) center center / cover no-repeat; background-image:none; aspect-ratio:1 / 0.65} .qny .blogPostList ul.main > li .link{margin:10px 0 0 0; text-align:right; color:#f36c21; font-weight:bold} .qny .blogPostList .date{padding:10px 0 0 0} .qny .blogPostList strong{color:#1b355d; /*display:block; text-transform:uppercase;*/} .qny .blogPostList strong.black{font-size:inherit; /*display:inline-block; text-transform:none;*/} .qny .blogPostList .right ul{margin:0; padding:0; list-style-type:none} .qny .blogPostList .right ul li{margin:10px 0 0; vertical-align:top; padding:10px 0 0; border-top:1px solid #ccc} .qny .blogPostList .right a{text-decoration:none} .qny .blogPostList .right a:hover{text-decoration:underline} .qny .blogPostList .right h2{color:#ff6b00; font-size:20px} .qny .blogPostContent{} .qny .blogPostContent h2, .qny .blogPostContent h3{color:#1b355d; line-height:1.2} .qny .blogPostContent img{display:block; margin:30px auto} .qny .blogPostContent a{color:#ff6b00; text-decoration:none} .qny .blogPostContent a:hover{text-decoration:underline} .qny .blogPostList .relatedTitle{font-size:30px; text-align:center; color:#1b355d; margin:40px 0 ; padding:40px 0 0 ; display:block; border-top:1px solid #ccc} .blogPostContent .fullwidthText:first-child{margin-top:0} .blogPostContent .contentCenter{width:100% !important} .qny .blogPostList h1{color:#1b355d; font-size:30px; line-height:1.2} .qny .blogPostList h1 span{color:#f36c21; font-size:16px} .qny .blogPostList.full ul.main > li{width:calc(33.3333% - 20px)} .qny .blogPostList.full ul.main > li a{border-radius:4px; background:none; transition:0.3s ease} .qny .blogPostList.full ul.main > li a:hover{transform:scale(1.025); box-shadow:0 0 10px rgba(0,0,0,0.2)} .qny .blogPostList.full ul.main > li .image {border-radius:4px 4px 0 0; margin:0} .qny .blogPostList.full ul.main > li .text {padding:15px 15px 20px; border:solid #efefef; border-radius:0 0 4px 4px; border-width:0 1px 1px} .qny .blogPostList.full ul.main > li .text strong{display:block} .qny .blogPostList.full .relatedTitle{text-align:center; margin:0 0 30px; padding:0; border:none} body.page-id-25542 .blogPostList.full .relatedTitle{display:none} .qny .blogPostList.full ul.main > li{float:left; width:calc(33.3333% - 20px); margin:10px} .qny .blogPostList.full ul.main > li:nth-child(2n+1){clear:none} .qny .blogPostList.full ul.main > li:nth-child(3n+1){clear:both} .qny .blogPostList .blogIntro{font-weight:bold; color:#333; border:1px solid #ccc; background:#fafafa; padding:20px; border-radius:4px; margin:40px auto} .qny .blogPostList .blogIntro:first-child{margin-top:0} .qny .blogPostList .blogIntro p:first-child{margin-top:0} .qny .blogPostList .blogIntro p:last-child{margin-bottom:0} .qny .paginationLinks{text-align:center; margin:30px auto 0; padding:30px 0 0 0; border-top:1px solid #ccc} .qny .paginationLinks a, .qny .paginationLinks span{background:#000; color:#fff; margin:0 10px; padding:6px 10px; display:inline-block; text-decoration:none; border-radius:4px} .qny .paginationLinks span{background:#999} .qny .paginationLinks span.dots{background:#fff; color:#000} .qny .searchForm input{border:1px solid #ccc; border-radius:4px; width:calc(100% - 40px); margin:0 10px 0 0; padding:10px; box-sizing:border-box; height:46px; display:inline-block} .qny .searchForm button{width:30px; height:46px; color:#fff; font-weight:bold; background:#f35317; border-radius:4px; border:none; cursor:pointer; text-transform:uppercase; display:inline-block} .qny .blogPostList .right .hubspotForm{margin:30px auto} .hubspotForm{color:#333; /*background:#efefef; border-radius:4px; padding:20px;*/} .pageHeader .hubspotForm{background:rgba(239, 239, 239,0.95); border:none; padding:20px; border-radius:4px} .hbspt-form{font-size:0.9rem; text-align:left; margin:0; color:#333} .hbspt-form strong{font-size:inherit} .hbspt-form a{color:inherit} .hbspt-form input[type=text], .hbspt-form input[type=email], .hbspt-form input[type=tel], .hbspt-form input[type=date], .hbspt-form input[type=number], .hbspt-form select, .hbspt-form textarea{box-sizing:border-box; text-align:left; -webkit-appearance:none; margin:0 0 15px; display:block; border:1px solid #ccc; height:40px; width:100% !important; box-sizing:border-box; padding:8px 10px; border-radius:4px; font-size:0.8rem; background:#fafafa; color:#333; box-sizing:border-box} .hubspotForm .hbspt-form input[type=text], .hubspotForm .hbspt-form input[type=email], .hubspotForm .hbspt-form input[type=tel], .hubspotForm .hbspt-form select, .hubspotForm .hbspt-form textarea, .qny .scrollPackageList .right .rightBox .hbspt-form input[type=text], .qny .scrollPackageList .right .rightBox .hbspt-form input[type=email], .qny .scrollPackageList .right .rightBox .hbspt-form input[type=tel], .qny .scrollPackageList .right .rightBox .hbspt-form select, .qny .scrollPackageList .right .rightBox .hbspt-form textarea{background-color:#fff} .hbspt-form input[type=text]:focus, .hbspt-form input[type=email]:focus, .hbspt-form input[type=tel]:focus, .hbspt-form select:focus, .hbspt-form textarea:focus{border-bottom:1px solid #F36C21} .hbspt-form select{background:#fafafa url(images/selectArrow.svg) no-repeat right 8px top 16px} .hbspt-form textarea{height:80px; padding:10px; margin:0; resize:none} .hbspt-form label{text-transform:uppercase; color:#333; font-size:0.8rem; font-weight:bold; margin:0 0 5px; display:inline-block} .hbspt-form label.hs-error-msg{font-weight:400; color:#cf0000; text-transform:none; margin-bottom:15px; font-size:0.7rem} .hbspt-form input.error, .hbspt-form select.error, .hbspt-form textarea.error{border-color:#cf0000} .hbspt-form fieldset{max-width:100% !important} .hbspt-form .hs-button{border:none; width:auto; font-weight:bold; text-transform:uppercase; display:inline-block; box-sizing:border-box; transition:0.3s ease; line-height:1.2; font-size:0.9rem; background:#f36c21; color:#fff; margin:10px 0 0 0; padding:10px 25px; border-radius:4px} .hbspt-form .hs-button:hover{background:#1b355d} .hbspt-form .hs_recaptcha{transform:scale(0.8); transform-origin:left} .hbspt-form .hs-form .hs_email.hs-email{margin:0} .hbspt-form p{margin:0.5em 0} .hbspt-form p:first-child{margin-top:0} .hbspt-form h1, .hbspt-form h2{font-size:18px !important} .hbspt-form .hs-richtext h1:first-child, .hbspt-form .hs-richtext h2:first-child, .hbspt-form .hs-richtext h3:first-child{margin-top:0; margin-bottom: 10px; } .hbspt-form h3{color:#f36c21; font-size:0.9rem; line-height:1.2; margin:20px 0 10px} .hbspt-form .hs-form-required{color:#f36c21} .hbspt-form .hs-richtext{margin:0 0 15px; font-size:0.8rem} .hbspt-form label.hs-form-checkbox-display{font-weight:normal; text-transform:none} .hbspt-form label.hs-form-checkbox-display span{margin-left:6px} .hbspt-form .input{margin:0 0 15px !important} .qny .scrollPackageList .right .rightBox .hbspt-form .hs-button, .locationDetail .right .hbspt-form .hs-button{display:block; width:100%; box-sizing:border-box; padding:12px 0} .hbspt-form .form-columns-2 .field:first-child{padding:0 6px 0 0} .hbspt-form .form-columns-2 .field:last-child{padding:0 0 0 6px} .hbspt-form .form-columns-3 .field{width:33.3333% !important} .hbspt-form .form-columns-3 .field:nth-child(2){padding:0 12px} .hbspt-form .hs-field-desc{font-weight:normal; margin:0 0 10px; font-size:0.8rem} .reviewsWidget{width:100%; height:156px; border:none; overflow:hidden} .locationDetail{font-size:14px; margin:50px auto} .locationDetail a{text-decoration:none} .locationDetail a:hover{text-decoration:underline} .locationDetail .top{margin:0 0 10px} .locationDetail .top h1{color:#1b355d; font-size:30px; line-height:1; margin:0 0 10px; border-bottom:1px solid #ccc; padding:9px 0 25px} .locationDetail .top h1 span{display:block; font-size:18px; color:#8f8f8f} .locationDetail .address{width:calc(100% - 368px); text-align:left; float:left} .locationDetail .address p{margin:0 0 10px} .locationDetail .directions{text-decoration:none; font-weight:bold; width:200px; float:right; text-align:right} .locationDetail .left{float:left; width:calc(100% - 400px)} .locationDetail .left.fullWidth{width:100%} .locationDetail .right{float:right; width:390px} .promoBanner{transition:0.3s ease; padding:15px; border-radius:4px; color:#fff; background:#f36c21; margin:0 auto 20px} .promoBanner p{margin-top:0} .promoBanner p{margin-bottom:0} .promoBanner p:empty{display:none} .promoBanner a, .promoBanner a:hover{text-decoration:none} .promoBanner:has(a):hover{background:#1b355d} .popupBookCodeMain .promoBanner{font-size:0.8rem} .locationDetail .gallery{margin:10px auto} .locationDetail .gallery a{display:none; background:#ccc no-repeat center center / cover; transition:0.3s ease; float:left; border-radius:4px; overflow:hidden} .locationDetail .gallery a img{display:none} .locationDetail .gallery a.img0{display:block; width:50%; height:489px} .locationDetail.new .gallery a.img0{height:auto} .locationDetail .gallery a.img0 div{margin:10px 0 0 10px} .locationDetail .gallery a.img1, .locationDetail .gallery a.img2{float:right; width:calc(50% - 10px); aspect-ratio:1/ 0.413; margin:0 0 10px; display:block} .locationDetail .gallery a.img2{margin:0} .locationDetail .gallery a.galleryVideo{display:block; background:#1b355d; position:relative; cursor:pointer} .locationDetail .gallery a.galleryVideo .videoPlay{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; background:url(images/video-play.svg) no-repeat center center / contain} .locationDetail .gallery a.galleryVideo:hover{opacity:0.85} .locationDetail .menu{border:solid #ccc; border-width:1px 0; width:100%; display:inline-block; clear:both; margin:0 0 40px; padding:20px 0} .locationDetail .menu a{font-weight:bold; text-transform:uppercase; color:#f36c21; display:inline-block; margin:0 10px 0 0; /*border-right:1px solid #ccc; */ padding:0 10px 0 0; transition:0.3s ease} .locationDetail .menu a:hover{text-decoration:none; color:#1b355d} .locationDetail .menu a:last-child{margin:0; border-right:none; padding:0} .locationDetail #workspace, .locationDetail #meetingRooms, .locationDetail #amenities, .locationDetail #tourVideo, .locationDetail #location, .locationDetail #nearbyTransit, .locationDetail #reviews, .locationDetail #nearbyLocations, .locationDetail .availableServices{clear:both; margin:0 0 40px; padding:0 0 40px; border-bottom:1px solid #ccc} .locationDetail #reviews{padding:0; border-bottom:none} .locationDetail #workspace a, .locationDetail #meetingRooms a{font-weight:bold} .locationDetail .left h2, .footerLocations h2{color:#1b355d; margin:0 0 20px; font-size:20px; line-height:1.2} .footerLocations strong{text-transform:uppercase} .locationDetail .left h3{font-size:16px; text-transform:none} .locationDetail #tourVideo iframe, .locationDetail #tourVideo video{width:100%; border:none; height:439px; background:#000} .locationDetail #location .interactiveMap{margin:40px 0 0; width:100%} .locationDetail #location .acf-map #theMap{border:none; overflow:hidden; width:100%; height:400px; background:#ccc; border-radius:4px; margin:0 0 40px} .locationDetail #location .acf-map .marker{margin:0; padding:0 20px 0 60px; float:left; width:50%; box-sizing:border-box; position:relative} .locationDetail.threeColumns #location .acf-map .marker{width:33.3333%} .locationDetail #location .acf-map .marker .markerNumber{background:#f36c21; border:1px solid #fff; width:40px; height:40px; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; line-height:40px; font-weight:600; color:#fff; font-size:16px; box-sizing:border-box} .locationDetail #location .acf-map .marker.home{width:100%; padding-bottom:20px; border-bottom:1px dashed #ccc; margin:20px 0} .locationDetail #location .acf-map .marker.home .markerNumber{background:#1b355d} .locationDetail #location .acf-map > span{float:left; display:block; width:100%; border-bottom:1px dashed #ccc; margin:20px 0} .locationDetail #location .acf-map .marker a{display:block} .locationDetail #location .acf-map .marker a:hover{text-decoration:none; color:#f36c21} .locationDetail #location .acf-map .marker p{margin:5px 0} .locationDetail #location .acf-map .marker:hover{background:rgba(27,53,93,0.05); border-radius:4px} .locationDetail #location .acf-map .marker .button{margin-top:15px; display:inline-block} .locationDetail #location .acf-map .marker strong{color:#1b355d; text-transform:uppercase} .locationDetail #location .acf-map .marker strong span{font-size:0.8rem; display:block; color:#8f8f8f} .locationDetail .virtualTour{text-decoration:none; background:#1b355d url(images/virtual-tour.svg) no-repeat 15px 5% / auto 90%; color:#fff; font-weight:bold; margin:0 0 10px; padding:15px 15px 15px 72px; box-sizing:border-box; text-transform:uppercase; border-radius:4px; float:right} .locationDetail .floorplan{text-decoration:none; background:#1b355d url(images/floorplanNew.svg) no-repeat 12px 8px / auto 62%; color:#fff; font-weight:bold; margin:0 10px 10px 0; padding:15px 15px 15px 56px; box-sizing:border-box; text-transform:uppercase; border-radius:4px; float:right} .locationDetail .map{text-decoration:none; background:#f36c21 url(images/locationIcon.svg) no-repeat 12px 8px / auto 62%; color:#fff; font-weight:bold; margin:0 0 0 10px; padding:15px 15px 15px 50px; box-sizing:border-box; text-transform:uppercase; border-radius:4px; float:right} .locationDetail .phone{text-decoration:none; background:#f36c21 url(images/phoneIcon.svg) no-repeat 8px 8px / auto 62%; color:#fff; font-weight:bold; margin:0; padding:15px 15px 15px 47px; box-sizing:border-box; text-transform:uppercase; border-radius:4px; float:right} .locationDetail .inquire{cursor:pointer; text-decoration:none; background:#f36c21 url(images/inquire-now.svg) no-repeat 8px 8px / auto 62%; color:#fff; font-weight:bold; margin:0 0 0 10px; padding:15px 15px 15px 47px; box-sizing:border-box; text-transform:uppercase; border-radius:4px; float:right} .locationDetail .map:hover, .locationDetail .phone:hover, .locationDetail .inquire:hover{text-decoration:none; background-color:#1b355d} .locationDetail .virtualTour:hover, .locationDetail .floorplan:hover{text-decoration:none} .textLink, .locationDetail a.textLink{color:#1b355d; font-weight:600; margin:20px 0 0 0; display:inline-block; font-size:16px} .locationDetail .availableServices{} .locationDetail .availableServices ul.main{margin:0; padding:0; list-style-type:none} .locationDetail .availableServices ul.main>li{border:1px solid #efefef; display:table; margin:0 0 20px; width:100%; border-radius:4px; overflow:hidden} .locationDetail .availableServices ul.main>li .image{display:table-cell; position:relative; width:220px; background:#ccc no-repeat center center / cover} .locationDetail .availableServices ul.main>li .text{display:table-cell; background:#fff; box-sizing:border-box; font-size:14px; position:relative; padding:15px 20px} .locationDetail .availableServices ul.main>li .text:has(.wideButton){padding-bottom:50px} .locationDetail .availableServices ul.main>li .text h2{font-size:16px; line-height:1; display:block; margin:0 0 10px; padding:0} .locationDetail .availableServices ul.main>li .text a.wideButton{text-transform:uppercase; text-decoration:none; background:#1b355d; color:#fff; font-weight:bold; text-align:center; position:absolute; left:0; bottom:0; width:100%; padding:10px 0; transition:0.3s ease} .locationDetail .availableServices ul.main>li .text a.wideButton:hover{background:#f36c21} .locationDetail .availableServices ul.main>li .text .button{margin:15px 0 0 0; background:#1b355d} .locationDetail .availableServices ul.main>li .text .button:hover{background:#f36c21} .highlight, .servicesBlock .package strong.orange{ font-style:normal; border-radius:4px; color:#1b355d; background:#fed344; padding:6px 10px; display:inline-block; font-weight:bold; font-size:0.8rem} .locationDetail .availableServices .label{border-radius:4px 0 0 0; position:absolute; left:0; top:0px; /*right:0; top:51px;*/ box-shadow:rgba(0,0,0,0.3) 5px 5px 5px; background:#f36c21; color:#fff; text-transform:uppercase; padding:13px 0; width:170px; /*280px;*/ font-weight:bold; font-size:13px; text-align:center} .locationDetail .availableServices ul.main ul{margin:10px auto 0; padding:0 0 0 24px; list-style-type:none} .locationDetail .availableServices ul.main ul li{margin:0 0 5px; position:relative; list-style-type:none} .locationDetail .availableServices ul.main ul li:before{content:''; width:15px; height:11px; background:url(images/checkIcon.svg) no-repeat center center / contain; position:absolute; left:-24px; top:3px} .locationDetail #reviews .button{float:right} .locationDetail #reviews .review{border-bottom:1px dashed #ccc; padding:0 0 20px; margin:0 0 20px} .locationDetail #reviews .review .pic{width:50px; height:50px; float:left} .locationDetail #reviews .review .pic img{display:block; width:100%} .locationDetail #reviews .review .text{width:calc(100% - 70px); float:right} .locationDetail #reviews .review .text strong{display:block; margin:0 0 8px} .stars{display:inline-block} .locationDetail #reviews .review .stars{transform:scale(0.8); transform-origin:left} .stars:before{content:''; margin:0 14px 5px 0; width:128px; height:24px; background:url(images/stars.svg) no-repeat top left; display:inline-block; vertical-align:middle} .stars.s0:before{background-position:-130px 0} .stars.s1:before{background-position:-105px 0} .stars.s2:before{background-position:-79px 0} .stars.s3:before{background-position:-52px 0} .stars.s4:before{background-position:-26px 0} .stars.s5:before{background-position:0 0} .locationDetail #reviews #google-reviews{margin:40px 0 0} .locationDetail.new h1{padding:0; border-bottom:none} .locationDetail.new .highlight{margin-bottom:10px} .locationDetail.new .top{text-align:left} .locationDetail.new h2, .locationOffers h2.theTitle, .locationReviews h2, .locationDetail.new h2, .locationFaq h2{color:#1b355d; font-size:30px; margin-top:0} .locationFaq h2 span{color:#f36c21} .locationDetail.new .topLeft{float:left; width:65%} .locationDetail.new .topRight{float:left; width:35%} .locationDetail.new .topRight.pad{padding:23px 0 0 0; text-align:right} .locationDetail.new .topLeft.full{width:100%; text-align:center} .locationDetail.new .topLeft.full a.inquire{ float: none; padding: 15px 15px 15px 47px;} .locationDetail.new .topRight.full{padding:10px 0 15px; width:100%; text-align:center} .locationDetail.new .topRight.full .inquire{float:none; display:inline-block} .locationDetail.new .gallery {margin:25px auto 10px; min-width:1180px; width:calc(100% - 300px)} .locationDetail.new .gallery a.img0{width:65%; aspect-ratio:1/0.612} .locationDetail.new .gallery a.img1, .locationDetail.new .gallery a.img2{width:calc(35% - 10px); aspect-ratio:1/ 0.57} .locationDetail.new .locationInfo{display:flex; margin-top: 40px;} .locationDetail.new .locationInfo .infoLeft{width:60%; float:left; box-sizing:border-box; padding:0 40px 0 0} .locationDetail.new .locationInfo .infoRight{width:40%; float:right; position:relative} .locationDetail.new .locationInfo .infoRight a.img0, .locationDetail.new .locationInfo .infoRight a.img1{transition:0.3s ease; border-radius:30px; width:65%; height:60px; height:450px; display:block; background:#ccc no-repeat center center / cover; position:relative} .locationDetail.new .locationInfo .infoRight a.img1 {position:absolute; right:0; bottom:0} .locationDetail.new .locationInfo .infoRight a.img0 img, .locationDetail.new .locationInfo .infoRight a.img1 img{display:none} .locationDetail.new .locationInfo .infoRight a.img0:hover, .locationDetail.new .locationInfo .infoRight a.img1:hover{transform:scale(1.05)} .locationDetail.new #workspace{border-bottom:none; padding:0} .locationDetail.new #workspace p{margin-bottom:1.4rem} .locationDetail.new .plainLinks{float:right; width:calc(35% - 10px); font-weight:400; margin:0; text-align:right; color:#1b355d; text-transform:uppercase} .locationDetail.new .plainLinks > *{cursor:pointer; ease; display:inline-block; margin:0 0 0 10px; background:#fff; border-radius:4px; padding:6px 8px} .locationDetail.new .plainLinks > *:hover{text-decoration:none; background:#1b355d; color:#fff} .locationDetail.new .plainLinks > *:hover:before{filter:brightness(0) saturate(100%) invert(98%) sepia(14%) saturate(0%) hue-rotate(124deg) brightness(110%) contrast(102%)} .locationDetail.new .plainLinks .galleryBtn:before{content:''; display:inline-block; aspect-ratio:11/12; height:12px; background:url(images/ld-gallery.svg) no-repeat center center / contain; margin:3px 8px 0 0; vertical-align:top} .locationDetail.new .plainLinks .tour:before{content:''; display:inline-block; aspect-ratio:14/10; height:12px; background:url(images/virtual-tour-ld.svg) no-repeat center center / contain; margin:3px 8px 0 0; vertical-align:top} .locationDetail.new .plainLinks .floor:before{content:''; display:inline-block; aspect-ratio:14/12; height:12px; background:url(images/ld-floor.svg) no-repeat center center / contain; margin:3px 8px 0 0; vertical-align:top} .locationDetail.new h2{display:inline-block} .locationDetail.new #location{margin:0 auto; padding:0; border-bottom:none} .locationDetail.new #location .acf-map #theMap {width:60%; margin:0; height:auto} .locationDetail.new #location .acf-map .list{width:40%; box-sizing:border-box; padding:0 30px 0 0} .locationDetail.new #location .acf-map .marker.home{margin:0 0 15px; border-bottom:none; padding-bottom:0; display:none} .locationDetail.new #location .acf-map .marker{width:100%; margin:0 0 15px} .locationDetail.new #location .acf-map {display:flex; flex-direction:row-reverse} .locationDetail.new .address:before{position:absolute; left:0; top:7px; content:''; height:15px; aspect-ratio:1/1; background:url(images/ld-pin.svg) no-repeat center center / contain; display:inline-block} .locationDetail.new .address{width:65%; padding:6px 0 6px 20px; box-sizing:border-box; position:relative} .locationDetail.new .address p{margin:0; display:inline-block} .locationDetail.new #amenities li{padding:6px 0} .locationDetail.new #amenities ul{padding:0 0 0 13px} .locationDetail.new #amenities{padding:0; margin:0; border-bottom:none} li[class*="lIcon"]{ position: relative; padding-left: 27px !important;} li[class*="lIcon"]::before { content:''; position:absolute; left:0; top:5px; aspect-ratio:1/1; height:20px; background: no-repeat center center / contain;} .locationDetail.new #amenities ul{padding:0 0 0 13px} .locIcons ul{ padding: 0 !important; list-style-type: none;} .locationOffers, .locationFaq{background:#f5f5f5; padding:60px 0} .locationReviews{padding:60px 0 0} .locationReviews .review{width:calc(33.3333% - 20px); margin:0 20px 0 0; float:left; background:#f5f5f5; border-radius:14px; padding:20px; box-sizing:border-box; text-decoration:none} .locationReviews .review .text{clear:both; font-size:1rem} .locationReviews .review .stars{float:right; transform:scale(0.7); transform-origin:top right; filter:brightness(0) saturate(100%) invert(50%) sepia(85%) saturate(2819%) hue-rotate(350deg) brightness(101%) contrast(91%)} .locationFaq .left{width:30%; float:left} .locationFaq .left .text{margin:20px 0 30px} .locationFaq .right{float:right; width:70%; box-sizing:border-box; padding:0 0 0 40px} .locationFaq .right .faqRow{border-bottom:1px solid #8c8c8c; padding:14px 0} .locationFaq .right .faqRow:first-child{padding-top:0} .locationFaq .right .faqRow .question{padding:0 30px 0 0; box-sizing:border-box; transition:0.3s ease; cursor:pointer; font-weight:bold; display:block; position:relative} .locationFaq .right .faqRow .question:after{background:url(images/faqArrowld.svg) no-repeat center center / contain; content:''; aspect-ratio:7/5; height:8px; position:absolute; right:0; top:6px; transition:0.3s ease} .locationFaq .right .faqRow .answer{display:none} .locationFaq .right .faqRow .question:hover{color:#000} .locationFaq .right .faqRow.open .question{background:none; color:#000} .locationFaq .right .faqRow.open .question:after{transform:rotate(180deg)} .servicesBlock{font-size:1rem; display:none; margin:30px 0 0} .servicesBlock .hideLocationDetail{display:none} .servicesBlock .package{width:calc(25% - 10px); float:left; margin:0 10px 20px 0; border-radius:4px; padding:8px; box-sizing:border-box; background:#fff} .servicesBlock .package .image{display:block; aspect-ratio:1/0.85; background:#ccc no-repeat center center / cover; margin:0 auto 10px} .servicesBlock .package .text{margin:20px 0} .servicesBlock .package .text h2{color:#1F2F4F; margin:0 0 5px} .servicesBlock.noPrice .package strong.orange, .servicesBlock .package ul, .servicesBlock .package div.label{display:none} .servicesBlock .package ul.showOnLocationList{display:block} .servicesBlock .package.meeting ul{display:block; padding:0 0 0 15px} .servicesBlock .buttons{} .servicesBlock .buttons a, .servicesBlock .buttons span{text-transform:uppercase; font-size:0.9rem; text-align:center; border:2px solid #f36c21; border-radius:4px; color:#f36c21; padding:6px 0; text-decoration:none; box-sizing:border-box; transition:0.3s ease; cursor:pointer; display:inline-block; font-weight:bold; width:100%} .servicesBlock .package.meeting .buttons a, .servicesBlock .package.meeting .buttons span{width:100%} .servicesBlock .buttons span{margin:0} .servicesBlock .buttons a:hover, .servicesBlock .buttons span:hover{background:#f36c21; color:#fff} .servicesMenu{font-size:1rem; background:#fff; color:#1F2F4F; padding:10px 10px 4px; margin:0 0 30px} .servicesMenu span, .servicesMenu a{font-size:14px; padding:8px; background:#efefef; border-radius:4px; cursor:pointer; margin:0 4px 6px 0; display:inline-block; font-weight:400; transition:0.3s ease; text-decoration:none; text-transform:uppercase} .servicesMenu .active{font-weight:bold; background:#f36c21; color:#fff} .servicesMenu a:hover, .servicesMenu span:hover{background:#1b355d; color:#fff} /* locationReviewsHorizontal */ .locationReviewsHorizontal{margin:50px auto} .locationReviewsHorizontal .review{border-radius:4px; position:relative; background:#fff; float:left; width:calc(25% - 20px); box-sizing:border-box; padding:20px; border:1px solid #ccc; margin:0 10px 20px} .locationReviewsHorizontal .review .pic{width:50px; height:50px; margin:0 auto 20px; display:block} .locationReviewsHorizontal .review .pic img{display:block; width:100%} .locationReviewsHorizontal .review .text{font-size:0.85rem; height:173px; overflow:hidden; text-align:center} .locationReviewsHorizontal .review .text strong{display:block; margin:0 0 8px} .locationReviewsHorizontal .review .stars{transform:scale(0.8); transform-origin:center} .locationReviewsHorizontal .review:after{border-radius:0 0 4px 4px; content:''; position:absolute; left:0; bottom:0; width:100%; height:38px; background:linear-gradient(to top, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%)} /* customDropdown */ .customDropdown{cursor:pointer; display:inline-block; border-radius:4px; padding:0 25px 0 0; background:#f36c21; position:relative; z-index:90} .customDropdown:after{content:''; width:0; height:0; border:8px solid; border-color:#fff transparent transparent transparent; position:absolute; right:16px; top:16px} .customDropdown span{text-transform:uppercase; display:inline-block; padding:10px 25px; color:#fff; font-weight:bold} .customDropdown ul{display:none; margin:0; max-height:172px; overflow-y:scroll; padding:8px 12px !important; list-style-type:none; position:absolute; left:0; top:100%; width:100%; background:#fff; border:solid #ccc; border-width:0 1px 1px; border-radius:4px; box-shadow:10px 10px 10px rgba(0,0,0,0.25)} .customDropdown.active ul{display:block} .customDropdown ul li{border-top:1px solid #ccc} .customDropdown ul li a{font-size:0.9rem; display:block; padding:8px 25px; text-decoration:none; transition:0.3s ease} .customDropdown ul li a:hover{background:#1b355d; color:#fff !important} .theDropdown .customDropdown:after{display:none} .theDropdown .customDropdown ul{height:138px; display:block; box-shadow:5px 5px 5px rgba(0,0,0,0.15)} /* promoSlider */ .promoSlider{margin:50px auto} .promoSlider .contentCenter{position:relative; height:500px} .promoSlider ul{margin:0; padding:0; list-style-type:none; width:100%; height:100%; position:relative} .promoSlider ul li{display:none; position:absolute; left:0; top:0; width:100%; height:100%} .promoSlider ul li .image, .promoSlider ul li .text{width:50%; display:table-cell; vertical-align:middle} .promoSlider ul li .text{box-sizing:border-box} .promoSlider ul li .text .theText{padding:0 100px 0 50px} .promoSlider ul li .image{position:relative} .promoSlider ul li .image .theImg{position:absolute; top:0; right:0; width:100%; height:100%; background:#ccc no-repeat center center / cover; border-radius:0 250px 250px 0} .cccLogo{width:90%; max-width:450px; display:block} .promoSlider .paginator{position:absolute; right:0; bottom:0; text-align:right} .promoSlider .paginator span{transition:0.3s ease; border-radius:50%; width:10px; height:10px; display:inline-block; cursor:pointer; margin:0 0 0 10px; background:#f36c21} .promoSlider .paginator span:hover{background:#1b355d} .promoSlider .paginator span.active{background:#1b355d; transform:scale(1.3)} .promoSlider .arrowLeft, .promoSlider .arrowRight{transition:0.3s ease; cursor:pointer; border-radius:50%; background:#fff; border:2px solid #1b355d; position:absolute; left:-20px; top:calc(50% - 15px); width:40px; height:40px} .promoSlider .arrowLeft:hover, .promoSlider .arrowRight:hover{background:#1b355d} .promoSlider .arrowRight{right:-20px; left:auto} .promoSlider .arrowLeft:hover:before{border-color:transparent #fff transparent transparent} .promoSlider .arrowRight:hover:before{border-color:transparent transparent transparent #fff} .promoSlider .arrowLeft:before{content:''; width:0px; height:0px; border:solid 10px; border-color:transparent #1b355d transparent transparent; position:absolute; left:0px; top:8px} .promoSlider .arrowRight:before{content:''; width:0px; height:0px; border:solid 10px; border-color:transparent transparent transparent #1b355d; position:absolute; right:1px; top:8px} /* form popups */ .popupBookCodeMain{display:none; background:rgba(0,0,0,0.65); position:fixed; left:0; top:0; width:100%; height:100%; z-index:110; overflow-y:auto} .popupBookCodeMain .thePopContent{position:relative; background:#fff; border-radius:4px; padding:30px; box-sizing:border-box; margin:40px auto; width:calc(100% - 50px); max-width:600px} .popupBookCodeMain .displayTable{display:table; min-height:100%} .popupBookCodeMain .tableCell{display:table-cell; vertical-align: middle; width:100%} .popupBookCodeMain h2{color:#1b355d; font-size:18px} .countdownTimer{display:flex; justify-content:center; gap:12px; margin:20px 0 10px} .countdownBlock{text-align:center; background:#1b355d; color:#fff; border-radius:6px; padding:12px 16px; min-width:60px} .countdownBlock span{display:block; font-size:28px; font-weight:700; line-height:1.2} .countdownBlock label{display:block; font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-top:4px; color:rgba(255,255,255,0.8)} .popupBookCodeMain .thePopContent .close{content:''; width:40px; height:40px; border-radius:50%; background:#f36c21 url(images/closeMapWhite.svg) no-repeat center center; position:absolute; right:-19px; top:-19px; cursor:pointer} .fn-date-picker.pika-single.is-bound{border-radius:4px} .fn-date-picker .pika-button{color:#666 !important; text-align:center !important} .fn-date-picker .pika-button:hover{color:#fff !important} .fn-date-picker .is-selected .pika-button{background:#1b355d !important; color:#fff !important} .fn-date-picker .pika-table th {text-transform:uppercase; color:#f36c21 !important} .fn-date-picker.pika-single{font-family:"Open Sans", sans-serif; !important} .fn-date-picker .pika-table abbr{text-decoration:none} .fn-date-picker .pika-title{text-transform:uppercase !important; color:#1b355d} /* community center club landing */ .cccButton{padding:26px 45px; font-size:25px; background:#F36C21; color:#fff !important; border-radius:10px; display:inline-block !important; text-decoration:none !important} .cccButton strong{font-size:inherit; color:inherit !important} .cccButton:hover{background:#1b355d} .iosApp{background:url(images/iosApp2.svg) no-repeat center center / contain; aspect-ratio:208/62; width:160px; display:inline-block; overflow:hidden; text-indent:-5000px} .androidApp{background:url(images/androidApp2.svg) no-repeat center center / contain; aspect-ratio:208/62; width:160px; display:inline-block; overflow:hidden; text-indent:-5000px} .cccaIcon1, .cccaIcon2, .cccaIcon3{margin:75px auto 0; padding:0 0 0 136px; position:relative} .cccaIcon1{margin:101px auto 0} .cccaIcon1:before{content:''; background:url(images/ccca1.svg) no-repeat center center / contain; aspect-ratio:1/1; width:108px; position:absolute; left:0; top:5px} .cccaIcon2:before{content:''; background:url(images/ccca2.svg) no-repeat center center / contain; aspect-ratio:1/1; width:108px; position:absolute; left:0; top:9px} .cccaIcon3:before{content:''; background:url(images/ccca3.svg) no-repeat center center / contain; aspect-ratio:1/1; width:127px; position:absolute; left:-19px; top:-13px} .cccaIcon1 strong, .cccaIcon2 strong, .cccaIcon3 strong{display:block; margin:0 0 11px; color:#22355A !important; font-size:30px; font-weight:700; line-height:113.333%} .twi-0.p24902{overflow:hidden; margin-bottom:0} .twi-0.p24902 .image{width:45%; background-position:center bottom} .twi-0.p24902 .text{width:55%} .twi-0.p24902 .text p{line-height:1.45} .twi-0.p24902 .text h2{font-size:46px; line-height:1.1; margin:0 0 56px} .twi-0.p24902 .text h3{text-transform:none; font-size:32px; line-height:1.1; margin:53px 0 27px; color:#22355A} .twi-0.p24902 .text .appLinks{margin:64px auto 27px} .twi-1.p24902{margin:86px auto 0} .twi-1.p24902 .text{width:69%; line-height:1.5} .twi-1.p24902 .text p{line-height:inherit} .twi-1.p24902 .text h2{font-size:46px; line-height:1.1; margin:0 0 32px} .twi-2.p24902{margin:86px auto 60px} .twi-2.p24902 .text{line-height:1.5; padding:117px 0 140px !important; width:36%} .twi-2.p24902 .text p{line-height:inherit} .twi-2.p24902 .image{width:64%; background-position:top right} .twi-2.p24902 .text h2{font-size:40px; line-height:1.2; margin:0 0 32px} .twi-2.p24902 .text strong{color:inherit} .textBoxes.tb-0.p24902 .box{line-height:1.5; padding:37px 15px; min-height:290px; background:#fff !important; border-radius:20px} .textBoxes.tb-0.p24902 .box p{color:inherit; line-height:inherit} .textBoxes.tb-0.p24902 .box h2{text-transform:none; color:#22355A; font-size:30px; margin:0 auto 22px; font-weight:700; line-height:113.333%} .twi-3.p24902{margin:86px auto 91px} .twi-3.p24902 .text{padding:27px 0 95px !important; line-height:1.2} .twi-3.p24902 .text p{line-height:inherit; color:inherit} .twi-3.p24902 .image{width:64%; background-position:top right} .twi-3.p24902 .text h2{text-transform:none; font-size:40px; line-height:1.24; margin:0 0 30px} .twi-3.p24902 .text strong{color:inherit} .textBoxes.tb-1.p24902{margin:0 auto 81px} .textBoxes.tb-1.p24902 .box{padding:0; line-height:120%} .textBoxes.tb-1.p24902 .box p{color:inherit; line-height:inherit} .textBoxes.tb-1.p24902 .box h2{text-transform:none; color:#22355A; font-size:30px; margin:32px auto -6px; font-weight:700; line-height:113.333%} .twi-4.p24902{margin:86px auto 91px} .twi-4.p24902 .text{padding:127px 0 145px !important; line-height:1.2} .twi-4.p24902 .text p{line-height:inherit; color:inherit} .twi-4.p24902 .image{width:64%; background-position:top right} .twi-4.p24902 .text h2{text-transform:none; font-size:40px; line-height:1.24; margin:0 0 30px} .twi-4.p24902 .text strong{color:inherit} .twi-5.p24902, .textWithImage.p25015, .twi-1.p25542, .twi-2.textWithImage.p23132, .twi-1.p25894{margin:0; padding:80px 0; background:url(images/cccaBg.jpg) no-repeat center top / cover} .twi-5.p24902 h2{margin:0 0 27px; color:#22355A; font-size:55px; line-height:1.2; text-transform:none} .twi-5.p24902 h2 span{color:inherit; font-size:38px} .twi-5.p24902 .text{position:relative; width:63%; padding:48px 0 95px 150px !important; font-size:20px; line-height:1.2} .twi-5.p24902 .text .cccButton{margin:68px 0 0} .twi-5.p24902 .text .appLinks{position:absolute; left:-380px; bottom:30px} .twi-5.p24902 .text p{line-height:inherit; color:inherit} .twi-5.p24902 .image{width:37%; background-position:center top} .twi-1.p25542 .image{background-size:auto 150px} .scrollLogos.p24902{height:130px} .scrollLogos.p24902 .caption{display:block; margin:20px auto 0} .scrollLogos.p24902 .theContainer .image img {height:80px; max-width:340px; margin:0 auto} .scrollLogos.p24902 .theContainer .image {margin:0 60px 0 0} .inlineIcon:before{content:''; display:block; aspect-ratio:1/1; width:40%; background:no-repeat center center / contain; margin:0 auto 20px} .inlineIcon.i0:before{background-image:url(images/inlineIcon0.svg)} .inlineIcon.i1:before{background-image:url(images/inlineIcon1.svg)} .inlineIcon.i2:before{background-image:url(images/inlineIcon2.svg)} .inlineIcon.i3:before{background-image:url(images/inlineIcon3.svg)} .inlineIcon.i4:before{background-image:url(images/inlineIcon4.svg)} .inlineIcon{text-align:center; width:200px; color:#22355A; text-transform:uppercase; font-weight:bold; display:inline-block; margin:0 20px 40px} img.blogHalf{width:calc(50% - 50px) !important; display:block; margin:0 50px 20px 0 !important; float:left} img.blogHalf.alignRight{float:right; margin:0 0 50px 20px !important} ul.noClearAfter:after{clear:none} .bannerImage{height:315px; background:#ccc no-repeat center center / cover; margin:0 auto} .pageHeader.p25311{height:375px} .pageHeader.p25311 .text{width:100%} .textWithImage h2.big{font-size:40px} .twoColumnText.p25311 .aRow, .qny .twoColumnText .aRow.even{padding:0; background:none} .twoColumnText.p25311 .left{padding:30px; background:#fff} .twoColumnText.p25311 .right{vertical-align:middle} .textBoxes.p25311.noBlueBg .box{vertical-align:top; display:inline-block; float:none; background:#fff; border-radius:18px; margin:0 10px 20px; width:calc(33.3333% - 20px)} .textBoxes.p25311.noBlueBg .box h2{color:#1b355d; margin:0 0 20px; line-height:1.2; font-size:22px} .textBoxes.p25311 .contentCenter{text-align:center} .fullwidthText .suiteServicesMenu{text-align:center} .fullwidthText .suiteServicesMenu a{display:inline-block; margin:0 15px; max-width:150px; height:65px; text-decoration:none; vertical-align:top; border-bottom:6px solid transparent; color:#22355A; transition:0.3s ease} .fullwidthText .suiteServicesMenu a:hover{border-bottom-color:#EF6425; color:#EF6425} body.hideFindButton .menu-item-22601{display:none} .locationCTAOffer{ border: 2px solid #ccc; padding: 10px 20px; border-radius: 4px; margin: 30px auto; width: 540px; text-align: center;} .locationDetail.new .locationCTAOffer h2{ font-size: 18px;} /* desktop */ @media screen and (min-width:1180px){.showIphone, .showIpad, .mobileMenuItems{display:none !important} } /* tablet */ @media screen and (min-width:0px) and (max-width:1179px){.hideIpad, .qny .showDesktop{display:none !important} .showIpad{display:block !important} body{padding:90px 0 0 0; min-width:810px} body.withPromoBarHeader {padding:128px 0 0 0} .qny .contentCenter{width:780px} .locationDetail.new .gallery{min-width:780px} header.qny .contentCenter{padding:21px 0} header.qny ul{display:none} header.qny .theLogo{ margin:0;} header .menuIcon{cursor:pointer; margin:-14px -14px 0 0; position:relative; transition:0.3s ease; vertical-align:middle; display:inline-block; width:62px; height:62px; text-indent:-5000px; overflow:hidden; float:right; transform:translateY(7px)} header .menuIcon .l1{transition:0.3s ease; position:absolute; left:17px; top:18px; width:30px; height:4px; border-radius:5px; background:#f36c21} header .menuIcon .l2{transition:0.3s ease; position:absolute; left:17px; top:29px; width:30px; height:4px; border-radius:5px; background:#f36c21} header .menuIcon .l3{transition:0.3s ease; position:absolute; left:17px; top:39px; width:30px; height:4px; border-radius:5px; background:#f36c21} body.menuOpen header .menuIcon .l1{left:16px; top:29px; transform:rotate(-45deg)} body.menuOpen header .menuIcon .l2{opacity:0} body.menuOpen header .menuIcon .l3{left:16px; transform:rotate(-135deg); top:29px} body.menuOpen .mobileMenuItems{top:0} .mobileMenuItems{transition:0.4s ease; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-sizing:border-box; padding:100px 0 0 0; background:rgba(243, 108, 33,0.85); width:100%; height:100%; position:fixed; left:0; top:-100%; z-index:90; text-align:center} .mobileMenuItems ul{margin:0; padding:0; list-style-type:none} .mobileMenuItems ul li{text-transform:uppercase; margin:15px 0; color:#fff} .mobileMenuItems ul li a{text-transform:uppercase; font-size:20px} .mobileMenuItems ul li.addMargin{padding-top:40px} .mobileMenuItems a{color:#fff; text-decoration:none; font-weight:bold} .mobileMenuItems .last a{background:#1b355d; display:inline-block; color:#fff; padding:14px 22px; transition:0.3s ease} body.menuOpen .mobileMenuItems{top:0} .qny .pageHeader .text {width:70%} .qny .textWithImage .contentCenter{display:block} .qny .textWithImage .text{display:block; vertical-align:top; padding:0; width:100%} .qny .textWithImage .image{display:block; width:80%; margin:0 auto 30px; min-height:350px} .qny .textWithImage.video .image{min-height:auto} .qny .textWithImage.gallery .image{height:350px} .qny .textWithImage.Right .image.first, .qny .textWithImage.Left .image.first{display:block !important} .qny .textWithImage.Right .image.last, .qny .textWithImage.Left .image.last{display:none !important} .qny .textWithImage.Right .text{padding:0} .qny .scrollPackageList .left{padding:0} .qny .scrollPackageList .left, .qny .scrollPackageList .right{width:100%; display:block} .qny .scrollPackageList .right{margin:0 auto 30px} .qny .scrollPackageList .right .rightBox{position:relative; left:auto; top:auto} .qny .textBoxes{text-align:center} .qny .textBoxes .box {height:190px; width:calc(33.3333% - 10px); float:none; margin:0 5px 10px; display:inline-block; vertical-align:top} .qny .packageGrid ul.main>li {width:calc(50% - 20px)} .qny .packageGrid ul.main>li:nth-child(4n+1){clear:none} .qny .packageGrid ul.main>li:nth-child(2n+1){clear:both} .qny .linksWithImagesGrid.c2 ul.main>li, .qny .linksWithImagesGrid.c3 ul.main>li, .qny .linksWithImagesGrid.c4 ul.main>li{width:calc(50% - 20px)} .qny .linksWithImagesGrid.c2 ul.main>li:nth-child(2n+1){clear:both} .qny .linksWithImagesGrid.c3 ul.main>li:nth-child(3n+1){clear:none} .qny .linksWithImagesGrid.c4 ul.main>li:nth-child(4n+1){clear:none} .qny ul.checkList li::before {position:relative; left:auto; top:auto; display:inline-block; margin:0 10px 0 0} .qny .row.asTable{display:block} .qny .row.asTable>div{display:block} .qny .row.asTable .column2, .qny .row.asTable .column3, .qny .row.asTable .column4, .qny .row.asTable .column5{width:100%} .qny .row .column2, .qny .row .column3, .qny .row .column4, .qny .row .column5{width:calc(100% - 30px)} .fullwidthText.p23047.fwt0 h2{text-align:center} .qny .textBoxes.p23047 .box {min-height:340px} .qny .landingPagesForm .text{width:75%} .qny .blogPostList .left{width:100%} .qny .blogPostList .right{width:100%; padding:30px 0 0} .locationDetail .left, .locationDetail .right, .locationDetail .top{width:100%} .qny .locationsMap .rightSide {float:none; position:relative; width:100%; height:350px} .qny .locationsMap .leftSide {float:none; width:100%; padding-right:0} .qny .locationsMap #theMap{width:100%; height:350px !important; position:relative; left:auto; top:auto} .locationReviewsHorizontal .review{width:calc(50% - 20px)} .qny .locationsMap.fitLocations .contentCenter{display:block; flex-direction:unset} .qny .locationsMap.fitLocations #theMap{height:100%} .leadershipBlock .leaderBox{width:50%} .leadershipBlock .leaderBox .image{width:70%} .qny .locationsMap .rightSide{height:auto !important} .footerLocations ul.level1 > li {width:25%} .qny .locationsMap.fitLocations .leftSide{padding:40px 0} .promoSlider .arrowLeft{left:0} .promoSlider .arrowRight{right:0} .promoSlider ul li .image{width:40%} .promoSlider ul li .text{width:60%} .promoSlider .contentCenter{height:400px} .qny .packageScroll .arrowRight {right:210px} .cccLogo{margin:0 auto} .pageHeader.p24902 .text{width:100%} .twi-0.p24902 .text h2, .twi-1.p24902 .text h2, .twi-2.p24902 .text h2, .twi-3.p24902 .text h2, .twi-4.p24902 .text h2, .twi-5.p24902 h2{font-size:30px} .twi-1.p24902 .text h2, .twi-2.p24902 .text h2, .twi-3.p24902 .text h2, .twi-4.p24902 .text h2, .twi-5.p24902 .text{text-align:center} .twi-0.p24902 .text h3, .twi-5.p24902 h2 span{font-size:26px} .textBoxes.tb-0.p24902 .box h2, .textBoxes.tb-1.p24902 .box h2, .cccButton{font-size:20px} .twi-3.p24902 .text, .textBoxes.tb-1.p24902 .box, .twi-4.p24902 .text, .twi-5.p24902 .text{font-size:16px} .cccaIcon3:before {width:108px; left:0; top:-11px} .cccaIcon1 strong, .cccaIcon2 strong, .cccaIcon3 strong{font-size:22px} .twi-2.p24902 .image, .twi-4.p24902 .image{background-position:center top} .twi-2.p24902 .text, .twi-3.p24902 .text, .twi-4.p24902 .text, .twi-5.p24902 .text{padding:8px 12px !important} .textBoxes.tb-0.p24902 .box{min-height:335px} .twi-5.p24902 .text .appLinks{position:relative; left:auto; bottom:auto; margin:30px auto 0} .twi-5.p24902 .text .cccButton {margin:30px 0 0; padding:20px 30px} .twi-0.p24902, .twi-1.p24902, .twi-2.p24902, .twi-3.p24902, .twi-4.p24902{margin:60px auto} .twi-5.p24902{padding:60px 0} .twi-0.p24902 .text .appLinks {margin:24px auto 0} img.blogHalf{width:100% !important; margin:0 0 50px 0 !important; float:none} img.blogHalf.alignRight{float:none; margin:0 0 50px 0 !important} .textWithImage.twi-2.p23132 .image {background-size:60% auto; min-height:180px} .pageHeader.p25311 .text{width:100%} .fullwidthText .suiteServicesMenu a{display:none} .textBoxes.p25311.noBlueBg .box p br{display:none} .locationDetail .right{margin:0 auto 20px} .locationDetail .gallery a.img0{height:324px} .locationDetail.new .gallery a.img0{height:auto} .qny .pageHeader.p25542 {background-position:calc(50% + 470px) center} .qny .textWithImage.p25542 .text{text-align:center} .twi-1.p25542 .image {background-size:auto 130px; min-height:200px} .textBoxes.tb-0.p25894.c4 .box{width:calc(50% - 10px)} .textWithImage.twi-0.p25894 .text, .fullwidthText.p25894.fwt1 .column2{text-align:center !important} .qny .textWithImage .theDropdown{width:100%; height:220px; padding:0 0 40px} .textWithImage.p25894{text-align:center} .faqBlock.blue .faqRow {width:calc(50% - 30px)} .textWithImage.twi-0.p25894 .image{background-size:contain; width:50%; min-height:auto; aspect-ratio:1529/929} .textWithImage.p26351 .text{text-align:center} .textBoxes.p26351 .box{padding:30px 10px} .locationDetail.new #workspace{margin-bottom:0} .locationDetail.new .locationInfo {display:block} .locationDetail.new .locationInfo .infoLeft {width:100%; padding:0 0 40px 0; float:none} .locationDetail.new .locationInfo .infoRight {width:60%; float:none; position:relative; padding:0 0 60px; margin:0 auto} .servicesBlock .package {width:calc(50% - 10px)} .locationReviews .review {width:calc(50% - 20px); margin:0 20px 20px 0} .locationFaq .left {width:100%} .locationFaq .right {width:100%; padding:40px 0 0 0} .popupBookCodeMain .hubspotForm img{ display: none;} } /* phone */ @media screen and (min-width:0px) and (max-width:809px){.hideIphone, html #wpadminbar{display:none !important} .qny .showIphone{display:block !important} body{padding:56px 0 0 0; min-width:390px} body.withPromoBarHeader {padding:122px 0 0 0} .qny .contentCenter{width:345px} .locationDetail.new .gallery{min-width:345px} header.qny .contentCenter{padding:11px 0} .mobileMenuItems ul li{text-transform:uppercase; margin:8px 0; color:#fff} .mobileMenuItems ul li a{text-transform:uppercase; font-size:16px} .mobileMenuItems .last a {padding:10px 20px; margin:10px 0 0} .qny .pageHeader .text {width:100%} .qny .scrollPackageList .package .image {display:block; width:100%; height:180px} .qny .scrollPackageList .package .text {display:block; vertical-align:top; width:100%} .qny .scrollPackageList .package .text .label {left:0; top:-170px; width:290px} .qny .textBoxes .box {height:auto; width:calc(100% - 10px)} .qny .scrollPackageList .buttons{text-align:center; padding:10px} .qny .scrollPackageList .buttons .button{float:none; margin:0 5px} .qny .packageGrid ul.main>li {width:calc(100% - 20px)} .qny .packageGrid ul.main>li .text{min-height:auto} .qny .packageGrid ul.main>li:nth-child(2n+1){clear:none} .qny .textWithImage .image{width:100%; min-height:250px} .qny .linksWithImagesGrid.c2 ul.main>li, .qny .linksWithImagesGrid.c3 ul.main>li, .qny .linksWithImagesGrid.c4 ul.main>li{width:calc(100% - 20px)} .qny .linksWithImagesGrid.c2 ul.main>li:nth-child(2n+1), .qny .linksWithImagesGrid.c3 ul.main>li:nth-child(3n+1), .qny .linksWithImagesGrid.c4 ul.main>li:nth-child(4n+1){clear:none} .qny .twoColumnText .left, .qny .twoColumnText .right{display:block; width:100%} .qny .textBoxes.p23047 .box {min-height:auto} .qny .textBoxes.c4 .box {width:100%} .qny .landingPagesForm .image{display:none} .qny .landingPagesForm .text{padding:30px; width:100%; margin:0} .qny .landingPagesForm .row .column2 {width:calc(100% - 10px)} .qny .blogPostList ul.main > li{width:calc(100% - 20px)} .reviewsWidget {height:305px} .locationDetail .address {width:100%} .locationDetail .directions {width:100%; text-align:left} .locationDetail .gallery a.img0 {width:100%; height:220px; margin:0 0 10px} .locationDetail .gallery a.img1, .locationDetail .gallery a.img2 {width:calc(50% - 5px); margin:0} .locationDetail .gallery a.img2{margin:0 10px 0 0} .locationDetail.new .gallery a.img0{height:auto} .locationDetail.new .gallery a.img1{margin:0 0 10px 0} .locationDetail.new .gallery a.img2{margin:0} .locationDetail .menu{display:none} .locationDetail #location .acf-map #theMap{height:250px} .locationDetail #location .acf-map .marker, .locationDetail.threeColumns #location .acf-map .marker{margin:20px 0 0; border-bottom:1px dashed #ccc; padding-right:0; padding-bottom:20px; width:100%} .locationDetail #location .acf-map .marker.home{margin-bottom:0} .qny .locationBox{width:calc(100% - 20px)} .locationDetail #reviews .button {float:none; margin:20px auto 0; display:block} .qny .locationsMap .rightSide {height:260px} .qny .locationsMap #theMap{height:260px !important} .qny .locationsMap .categories{display:none} .locationReviewsHorizontal .review{width:calc(100% - 20px)} .locationReviewsHorizontal .review .text{height:auto} .locationReviewsHorizontal .review::after{display:none} .locationDetail .virtualTour{ text-align:center; display:block; width:220px; float:none} .leadershipBlock .leaderBox{width:100%; margin:30px auto} .leadershipBlock .leaderBox .image{width:80%} .qny .textBoxes.c2 .box, .qny .textBoxes.c3 .box, .qny .textBoxes.c4 .box{width:100%} .locationDetail #workspace{padding:30px 0 0 0} .footerLocations h2{margin:0 auto 30px} .footerLocations ul.level1 > li {width:50%; margin:0 0 20px} .footerLocations ul.level1 > li:nth-child(2n+1){clear:both} .footerBanner h2{line-height:1.2} .pressBlock .pressBox{width:calc(100% - 30px)} .locationDetail .address{margin-bottom:20px} .locationDetail .map, .locationDetail .phone, .locationDetail .inquire, .locationDetail .floorplan, .locationDetail .virtualTour{width:calc(50% - 5px); float:right} .locationDetail .inquire{margin:0} footer.qny .c1, footer.qny .form{width:100%} footer.qny .socials{width:100%; float:left; margin:0} footer.qny .divMessage{text-align:center} .qny .locationBox .text .theText{height:auto !important} .qny .blogPostList.full ul.main > li{float:left; width:calc(100% - 20px); margin:10px} .hbspt-form .form-columns-2 .field{width:100% !important} .hbspt-form .form-columns-2 .field:first-child, .hbspt-form .form-columns-2 .field:last-child{padding:0} .hbspt-form .hs-button{width:100%; padding:10px 0; display:block} .hbspt-form .form-columns-3 .field{width:100% !important} .hbspt-form .form-columns-3 .field:nth-child(2){padding:0} .qny .row{margin:0} .qny .row>div{margin:0} .qny .row .column1, .qny .row .column2, .qny .row .column3, .qny .row .column4, .qny .row .column5{width:100%; float:left} .qny .row.asTable{display:block} .qny .row.asTable>div{display:block} .qny .row.asTable .column2, .qny .row.asTable .column3, .qny .row.asTable .column4, .qny .row.asTable .column5{width:100%; float:none} .qny .pageHeader:has(.fullWidth) .displayTable .column2{display:block; width:100%} .qny .pageHeader:has(.fullWidth) .displayTable .column2:first-child {padding-right:0} .promoSlider .displayTable{display:block} .promoSlider ul li .image{height:200px; display:block; margin:0 0 30px; width:100%; border-radius:0 20px 20px 0} .promoSlider ul li .text{display:block; width:100%} .promoSlider .contentCenter{height:440px} .promoSlider ul li .image .theImg{width:100% !important} .promoSlider .arrowLeft, .promoSlider .arrowRight{top:80px} .promoSlider ul li .text .theText{padding:0} .promoSlider .paginator {text-align:center; width:100%} .locationDetail #tourVideo iframe, .locationDetail #tourVideo video {height:195px} .qny .locationBox .image{aspect-ratio:1/0.6} .popupBookCodeMain .thePopContent{padding:15px 20px 20px} .popupBookCodeMain .hbspt-form .form-columns-2 .field.hs_firstname, .popupBookCodeMain .hbspt-form .form-columns-3 .field.hs_meeting_start_time, .popupBookCodeMain .hbspt-form .form-columns-3 .field.hs_email{width:calc(50% - 5px) !important; float:left !important; margin:0 10px 0 0 !important} .popupBookCodeMain .hbspt-form .form-columns-2 .field.hs_lastname, .popupBookCodeMain .hbspt-form .form-columns-3 .field.hs_meeting_end_time, .popupBookCodeMain .hbspt-form .form-columns-3 .field.hs_phone{width:calc(50% - 5px) !important; float:left !important} .qny .packageScroll .arrowRight{right:70px} .textBoxes.tb-0.p24902 .box {min-height:auto; margin:5px 0} .textBoxes.tb-1.p24902 .box{margin:15px 0} .twi-5.p24902 .text .cccButton {padding:20px 14px} .twi-0.p24902 .text h2, .twi-1.p24902 .text h2, .twi-2.p24902 .text h2, .twi-3.p24902 .text h2, .twi-4.p24902 .text h2, .twi-5.p24902 h2{font-size:26px} .twi-0.p24902 .text h3, .twi-5.p24902 h2 span{font-size:22px} .textWithImage.p24902 .text{text-align:center} .cccaIcon1, .cccaIcon2, .cccaIcon3 {padding:0; margin:60px auto} .cccaIcon1:before, .cccaIcon2:before, .cccaIcon3:before{position:relative; left:auto; top:auto; display:block; margin:0 auto 20px} .textWithImage.twi-2.p23132 .image {background-size:80% auto; min-height:180px} .twoColumnText.p25311 .left{margin-bottom:60px} .textBoxes.p25311.noBlueBg .box{margin:0 0 20px; height:auto !important} .locationDetail .right{margin:0 auto} .qny .pageHeader.p25542{background-image:none !important} .twi-1.p25542 .image {background-size:auto 100px} .qny .pageHeader.p25542::before{width:100%} .faqBlock.blue .faqRow {width:calc(100% - 30px)} .textBoxes.tb-0.p25894.c4 .box {width:calc(100% - 10px)} .inlineIcon {width:130px} .qny .packageGrid ul.main > li .image{aspect-ratio:1 / 0.7} .twi-5.p24902, .textWithImage.p25015, .twi-1.p25542, .twi-2.textWithImage.p23132, .twi-1.p25894{background-image:url(images/cccaBg900.jpg)} .ponLogoWhite{height:60px} .textWithImage .biggerText {font-size:1.4rem} .textBoxes.p26351.tb-0 .box {min-height:auto} .locationDetail.new .plainLinks > * {margin:0 2px} .locationDetail.new .plainLinks{text-align:center; width:100%; margin:0 0 10px; float:none} .locationDetail.new .address{text-align:center; margin:0 auto 20px; width:80%; float:none; padding:6px 30px} .locationDetail.new .locationInfo .infoRight {width:100%} .locationDetail.new .locationInfo .infoRight a.img0, .locationDetail.new .locationInfo .infoRight a.img1{height:280px} .servicesBlock .package {width:calc(100% - 10px)} .servicesBlock .package .text{height:auto !important} .locationReviews .review {width:100%; margin-right:0} .locationDetail.new #location .acf-map .list {width:100%; padding:30px 0 0 0} .locationDetail.new #location .acf-map #theMap {width:100%; height:300px} .locationDetail.new #location .acf-map {display:block} .locationFaq .left {width:100%} .locationFaq .right {width:100%; padding:40px 0 0 0} .locationDetail.new .top h1, .locationDetail.new h2, .locationOffers h2.theTitle, .locationReviews h2, .locationDetail.new h2, .locationFaq h2{font-size:22px} .popupBookCodeMain .promoBanner{display:none} .locationDetail #location .acf-map > span{ display: none;} .locationCTAOffer{ width: 100%;} }