.find-location{display:flex;flex-direction:column}.find-location--header{display:flex;justify-content:center;padding:22px 0 16px}.find-location--header h3{color:#424c51;margin:0;position:relative}.find-location--header h3:after{background:url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/Icons/Icon-Location-Shadow.svg);content:none!important;display:flex;height:88px;position:absolute;right:-70px;top:-36px;width:76px;z-index:1}.page-location-panel .find-location .find-location--header h3:after{content:""!important}.code-ninja-popup#findLocation{padding:0}.code-ninja-popup#findLocation .code-ninja-popup--close{top:16px}.find-location--suggestion{align-items:center;background:rgba(203,215,222,.2);display:flex;flex-direction:column;padding:20px}.find-location--suggestion h5{margin:0 0 7px}.find-location--suggestion p{align-items:center;color:#424c51;display:flex;font-family:Azo sans Medium;margin-bottom:5px}.find-location--suggestion p img{margin-bottom:3px;margin-right:8px}.find-location--suggestion__address span{color:#506690;font-size:12px;text-transform:capitalize}.find-location--suggestion__address .distance{font-family:Azo sans Bold;text-transform:none}.find-location--suggestion__address{margin-bottom:15px}.find-location--options{align-items:center;display:flex;flex-direction:column;padding:25px 20px}.find-location--options h6{color:#506690;letter-spacing:0;margin-bottom:8px}.find-location--options__list{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;width:587px}.location-card--link{cursor:pointer;font-family:Azo sans regular!important;width:100%}.location-card{background:#187abf 0 0 no-repeat padding-box;border-radius:8px;box-shadow:0 8px 16px #2d8abd61;color:#fff;display:flex;flex-direction:column;margin-bottom:8px;padding:24px 40px 24px 24px;position:relative;transition:.3s ease;width:100%}.location-card--link:hover .location-card{background:#0363b4}.location-card label{cursor:pointer;font-family:Azo sans Medium;font-size:16px;line-height:32px;margin:0 0 4px}.location-card label,.location-card p{color:#f6f7f8;text-transform:capitalize}.location-card p{font-size:12px;letter-spacing:0;margin:0}.location-card p b{font-family:Azo sans Bold;text-transform:none}.select_location{display:flex;position:absolute;right:24px;top:calc(50% - 7px)}.find-location--search{display:flex;height:56px;justify-content:center;margin:auto auto 20px;max-width:100%;position:relative;width:356px}.find-location--search #autocompleteLocationPop{-webkit-appearance:none;background:#fff 0 0 no-repeat padding-box;border:0;border-radius:4px;box-shadow:0 8px 16px #00447d3f;-webkit-box-shadow:0 8px 16px #00447d3f;color:#000;font-family:Azo sans Regular;font-size:16px;height:100%;letter-spacing:0;line-height:16px;outline:0;padding:5px 90px 0 30px;width:100%}.find-location--search #autocompleteLocationPop::placeholder{color:#707070;opacity:.4}.location_search_btn{border-radius:4px;height:100%;position:absolute;right:0;top:0;width:70px}.find-location--search:before{background:url(https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas%20-%20Marketting%20Website/Icons/Icon-Location-Gray.svg);content:"";display:flex;height:14px;left:12px;position:absolute;top:calc(50% - 6px);width:11px;z-index:1}div#codeNinjaLocations{height:100%;width:100%}.locationMapCard{display:flex;flex-direction:column;padding:10px 10px 10px 15px;width:500px}.locationMapCard h5{color:#187abf;display:flex;font-family:Azo Sans Bold;margin:0}.locationMapCard h5,.locationMapCard p{letter-spacing:0;text-transform:capitalize}.locationMapCard p{color:#506690;font-family:Azo Sans Regular;font-size:14px;line-height:20px;margin:4px 0 10px;max-width:400px}.locationMapCard p b{font-family:Azo Sans Bold;margin-left:10px;text-transform:none}.locationMapCard__Links{align-items:center;display:flex;margin-bottom:12px}.locationMapCard__Links a{align-items:center;color:#0067be;display:flex;font-family:Azo Sans Bold;font-size:12px;letter-spacing:0;line-height:14px;margin-right:20px;text-transform:capitalize}.locationMapCard__Links a img{margin-bottom:2px;margin-right:4px;width:10px}.locationMapCard__Links a:hover{text-decoration:underline}.locationMapCard__Action{align-items:center;display:flex;justify-content:space-between}.locationMapCard__Action .button{align-items:center;box-shadow:none;display:flex;font-size:14px!important;height:40px;justify-content:center;padding:3px 0 0;transition:.3s ease;width:calc(33.33333% - 4px)}.locationMapCard__Action .button.button--blue{background:#0067be;color:#f6f7f8!important;margin:2px;min-width:150px}.locationMapCard__Action .button.button--blue-skeleton{border:2px solid #0067be;color:#0067be!important}.gm-style-iw-d{padding:0!important}.locationMapCard__Action .button.button--blue:hover{background:#005093}.locationMapCard__Action .button.button--blue-skeleton:hover{background:#e9f5ff}.locationMapPanel{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.locationMap{height:calc(100vh - 280px);order:3;overflow:hidden;width:62%}.locationSuggested{order:1;width:100%}.locationOptions{height:calc(100vh - 280px);order:2;overflow:auto;padding:10px 5px 0;width:38%}.locationOptions h6{color:#506690;font-family:Azo Sans Bold;font-size:18px;letter-spacing:0;margin:0 0 10px;padding:0 15px}.locationOptions .find-search-panel .find-location--search{margin:0;width:calc(100% - 66px)}.locationOptions .find-search-panel{display:flex;justify-content:space-between;padding:0 15px 30px}.find-search-panel #requestLocationPermission{align-items:center;display:flex;height:56px;justify-content:center;width:56px}.find-search-panel #requestLocationPermission img{width:18px}button.button.button-primary.no-movement.location_search_btn img{width:20px}.locationCard{background:#fff 0 0 no-repeat padding-box;border-radius:8px;box-shadow:0 8px 16px #187abf29;margin:0 0 5px}.locationCard .locationMapCard{padding:16px;width:100%}.locationCard .locationMapCard h5,.locationCard .locationMapCard p,.locationCard .locationMapCard__Links{padding:0 8px}.locationCard.active{border:2px solid #78c7ff;box-shadow:0 8px 16px #187abf73}.locationOptionsList{display:flex;flex-direction:column;height:calc(100% - 112px);overflow:auto;padding:0 15px 20px;width:100%}.find-location--suggestion__action{align-items:center;display:flex;justify-content:center}.find-location--suggestion__action .button{margin:0 8px}.button--blue{background:#0067be;color:#f6f7f8!important}.sug_label{color:#187abf;display:none;font-size:16px;letter-spacing:0;margin:0 0 0 auto;opacity:.5;text-transform:uppercase}.sug_label.show{display:block}@media(max-width:1200px){.locationMap,.locationOptions{width:50%}}@media(max-width:993px){.find-location--header{margin:auto;max-width:none!important;text-align:center}.find-location--suggestion__address .distance{display:block;margin:auto}.find-location--suggestion__address{text-align:center}.locationSuggested{display:none}.locationMap{height:250px;order:1;width:100%}.find-location--header h3{font-size:24px;line-height:24px}.find-location--header{max-width:none}.locationOptions{height:calc(100vh - 340px);margin-top:-37px;max-width:100%;padding:0;width:500px}.locationOptions h6{display:none}span.sug_label.show{align-items:center;background:#f6f7f8;border-radius:12px;color:#f6f7f8!important;display:flex;height:24px;justify-content:center;left:calc(50% - 52px);opacity:1;position:absolute;text-align:unset;top:-12px;width:104px}.locationMapCard{position:relative}.locationOptionsList{height:calc(100% - 76px);padding:10px}.locationOptions .find-search-panel{padding:0 15px 20px}span.sug_label.show:before{align-items:center;color:#187abf;content:"Suggested";display:flex;font-size:12px;height:100%;justify-content:center;left:0;letter-spacing:0;opacity:.6;position:absolute;text-indent:0;text-transform:capitalize;top:0;width:100%}.locationMapCard h5.current span.sug_label.show:before{content:"current"}.find-location--suggestion .button-action .button{margin-right:8px!important}}@media(max-width:767px){.locationMapCard__Action .button{width:calc(50% - 4px)}.locationMapCard__Action{flex-wrap:wrap;justify-content:space-between}.locationMapCard__Action .button.button--blue-skeleton{margin:8px auto}.locationCard .locationMapCard p{line-height:18px}.locationMap{height:170px}.locationOptions{height:calc(100vh - 200px)}.code-ninja-popup#findLocation .code-ninja-popup--close{top:10px}}