.cspm_nearby_map{ margin:0; } .cspm_nearby_map *{ font-family:"Source Sans Pro", sans-serif; } .cspm_nearby_map img{ box-shadow:none !important; } .cspm_nearby_map_main_color, a.cspm_nearby_map_main_color{ color:#008fed; } .cspm_nearby_map_main_color.hover:hover, a.cspm_nearby_map_main_color.hover:hover{ color:#009bfd; } .cspm_nearby_map_main_background, .cspm_nearby_map_main_background.active{ background:#008fed; } .cspm_nearby_map_main_background.hover:hover{ background:#009bfd; } .cspm_nearby_map hr{ border-top: 1px solid #f5f5f5; height: 1px; margin: 10px 0; background:none !important; } .cspm_nearby_map a{ text-decoration:none !important; border:0 !important; } .cspm_nearby_cats_directions_container{ background:#F1F2F0; } .cspm_nearby_cats_container{ padding:5px 0 0 5px; height:100%; overflow:auto; } .cspm_nearby_cat_holder{ padding:0; } .cspm_nearby_cat{ padding:20px; margin:0 5px 5px 0; background:#fff; cursor:pointer; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .cspm_nearby_cat:hover{ background:#fbfbfb; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px, inset 0px 0px 0px 1px #fff; } .cspm_nearby_cat_img{ box-shadow:none !important; height:40px !important; display:block; margin:0 auto; } .cspm_nearby_cat_name{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:10px 0 0 0; color:#333; font-size:14px !important; } .cspm_map_container{ padding:0; } .cspm_nearby_places_list{ height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:2; display:none; padding:0px; } [class^=cspm_nearby_location_list_items_container]{ overflow-y:auto; overflow-x:hidden } .cspm_nearby_cat_list{ padding:20px; font-size:16px !important; } .cspm_place_name_list, .cspm_place_vicinity_list{ display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight:400; } .cspm_place_vicinity_list, div[class^=cspm_place_distance_list], .cspm_place_rating_list{ padding:0 0 2px 0; font-size:14px !important; } .cspm_place_rating_list{ margin-top:10px; } .cspm_place_vicinity_list img, div[class^=cspm_place_distance_list] img{ height:16px !important; margin:-6px 5px 0 0; } .cspm_place_name_list{ font-size:16px !important; cursor:pointer; margin-bottom:10px; } .cspm_nearby_cat_list_img{ box-shadow:none !important; height:25px !important; } .cspm_nearby_cat_list_name{ text-transform:capitalize; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff; font-weight:400; margin-left:10px; } .cspm_nearby_location_list_item{ padding:0px; background:#fff; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; margin:0px; border-bottom: 1px solid #EBEBEB; } .cspm_nearby_location_list_item:nth-of-type(odd) { background-color: #fbfbfb; } .cspm_nearby_location_list_item:hover, .cspm_nearby_location_list_item.active{ background:#eee; } .cspm_location_list_item_photo{ padding:0px; background-size: cover !important; height: 144px; vertical-align: top; width: 95px; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; cursor:pointer; } .cspm_location_list_item_details{ padding:15px; width:71%; } @media (max-width: 767px) { .cspm_location_list_item_photo, .cspm_location_list_item_details{ width:100%; } } div.cspm_nearby_route_list{ position:relative; bottom:-5px; height:auto; width:auto; padding:7px 15px; margin-right:0px; cursor:pointer; color:#fff; font-size:13px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } div.cspm_nearby_route_list:hover{ color:#fff; } div.cspm_nearby_route_list.active{ color:#fff; } div.cspm_nearby_route_list img{ height: 16px !important; margin: -3px 0 0 5px; } span.cspm_stars_rating, span.cspm_stars_rating span { display: inline-block; background: url(../img/stars.png) 0 -16px repeat-x; width: 80px; height: 16px; margin-top:0px; } span.cspm_stars_rating span { background-position: 0 0; } .cspm_back_to_nearby_cats{ width:15px !important; cursor:pointer; box-shadow:none !important; margin-top:5px; } .cspm_nbr_places_found{ color:#fff; margin-left:5px; } div[class^=cspm_nearby_map_place_details_container]{ height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:2; display:none; padding:0px; overflow:auto; } div[class^=cspm_nearby_map_place_details_content]{ height:100%; width:100%; background:#fff; } .cspm_place_details_photos_container{ position:relative; } .cspm_close_place_details{ position:absolute; top:15px; right:15px; z-index:2; cursor:pointer; } .cspm_close_place_details img{ height:20px !important; } .cspm_place_details_header{ padding:10px 20px; color:#fff; position:relative; width:100%; height:auto; } .cspm_place_details_header_overlay{ position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,.6); } .cspm_place_details_header .cspm_place_title{ font-size:24px !important; padding:50px 0; position:relative; } .cspm_place_details_header .cspm_place_type{ font-size:16px; padding:0px 0; position:relative; } .cspm_place_details_header .cspm_place_rating{ position:relative; font-size:16px !important; color:#FFC107; } .cspm_place_details_header .cspm_place_rating .cspm_one_star{ height:16px !important; position:relative; top: -3px; margin-right: 3px; } .cspm_place_details_content{ padding:20px; background:#fbfbfb; } .cspm_place_details_content .cspm_place_details_item{ padding-bottom:15px; margin-bottom: 15px; border-bottom: 1px solid #EAEAEA; font-size:15px !important; } .cspm_place_details_content .cspm_place_details_item.website{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .cspm_place_details_content .cspm_place_details_item:last-child{ padding-bottom:0px; margin-bottom: 0px; border-bottom: 0px; } .cspm_place_details_content .cspm_place_details_item img{ height:18px !important; margin-right:10px; margin-top:-5px; } .cspm_place_details_targets_container{ } .cspm_place_details_targets_container .cspm_place_details_target{ display:inline-block; padding:20px; cursor:pointer; color:#fff !important; font-size:15px !important; } .cspm_place_details_targets_container .cspm_place_details_target:hover{ color:#fff; } .cspm_place_details_targets_container .cspm_place_details_target img{ height: 35px !important; display: block; margin: auto; margin-bottom:5px; } .cspm_place_reviews_content{ padding:0px; background:#fbfbfb; } .cspm_place_reviews_toggle{ font-size:16px; color:#fff; padding:20px; } .cspm_place_reviews_toggle img{ height:20px !important; margin-right:10px; margin-top:0px; } .cspm_nearby_place_author_review{ padding:20px; border-bottom:1px solid #EBEBEB; background:#fff; font-size:15px !important; overflow: hidden; } .cspm_nearby_place_author_review:last-child{ border-bottom:0px; } .cspm_nearby_place_author_review:nth-of-type(odd) { background-color: #fbfbfb; } .cspm_nearby_place_author_review .cspm_review_header{ margin-bottom:10px; } .cspm_nearby_place_author_review .cspm_review_text{ overflow: hidden; } .cspm_nearby_place_author_review .cspm_review_date{ margin-left:10px; } .cspm_nearby_place_author_review .author_name{ font-weight:bold; } .cspm_nearby_place_author_review .author_name:hover{ text-decoration:underline; } .cspm_load_more_reviews{ padding:20px 0; background:#fcfcfc; font-size:15px !important; } .cspm_place_photos_container{ padding:20px; background:#fbfbfb; } .cspm_place_photos_toggle{ font-size:16px !important; color:#fff; padding:20px; } .cspm_place_photos_toggle img{ height:20px !important; margin-right:10px; margin-top:0px; } .place_img_container{ padding:0px; } .place_img_container img{ padding:2px; } .cspm_place_name_container{ position:absolute; top:55px; left:70px; background:rgba(255,255,255,0.97); width:225px; height:auto; padding:10px 15px; z-index:2; display:none; } .cspm_place_name{ font-size:14px !important; } .cspm_place_name_container.geoloc_no{ top:10px; } .cspm_place_distance, .cspm_place_travel_time{ font-size:13px; } .cspm_place_distance{ margin-right:10px; } .cspm_place_distance_icon{ background:url(../img/route_distance.png) no-repeat; } .cspm_place_travel_time_icon{ background:url(../img/clock.png) no-repeat; } .cspm_place_distance_icon, .cspm_place_travel_time_icon{ width:15px; height:15px; display:inline-block; background-size:15px; margin-right:5px; } .cspm_route_step{ border-left:1px dashed #ebebeb; padding-left:15px; margin-left:10px; } .cspm_btn_system_units_container{ position:absolute; top:10px; left:10px; z-index:2; height:auto; width:auto; } div[class^=cspm_btn_system_unit_]{ background:rgba(255,255,255,0.97); padding:7px 15px; margin-right:0px; cursor:pointer; width:auto; color:#202020; display:inline-block; font-size:13px !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } div[class^=cspm_btn_system_unit_]:hover{ background:#009bfd; color:#fff; } div[class^=cspm_btn_system_unit_].active{ color:#fff; } div[class^=cspm_btn_reset_nearby_map]{ position:absolute; top:10px; left:10px; z-index:2; height:auto; width:auto; display:none; background:rgba(0,155,253,0.97); padding:7px 15px; margin-right:0px; cursor:pointer; color:#fff; font-size:13px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } div[class^=cspm_btn_reset_nearby_map]:hover{ background:#009bfd; color:#fff; } div[class^=cspm_btn_reset_nearby_map].active{ color:#fff; } div[class^=cspm_btn_reset_nearby_map] img{ width: 16px !important; margin: -3px 0 0 5px; } .cspm_locator_form_container{ padding:20px; background:#fff; } .cspm_nearby_address_locator{ position:absolute; top:0; left:0; background:rgba(245,245,245,.95); height:100%; width:100%; z-index:9; padding:50px; } @media (max-width: 767px) { .cspm_nearby_address_locator{ padding: 50px 10px; } } h3.cspm_locator_title{ font-size: 22px !important; font-weight: normal !important; text-transform: capitalize; margin: 0 !important; padding:20px 0 !important; color:#202020; } .cspm_get_geoloc, .cspm_get_address{ padding: 15px; display: inline-block; font-size:16px !important; color:#fff; cursor:pointer; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .cspm_get_geoloc{ background: #fff; margin-right:20px; } .cspm_get_address{ } .cspm_get_geoloc img, .cspm_get_address img{ height:20px !important; } .cspm_get_geoloc:hover{ background:#fafafa; } .cspm_get_address:hover{ background:#009bfd; } .cspm_get_address img{ margin-left:10px; } .cspm_locator_form_container form{ margin:30px 0; } .cspm_locator_form_container form input[type=text]{ width:100%; border:0px; border-top:1px solid #f5f5f5; background:transparent; padding:15px; font-size:16px !important; color:#202020; margin-bottom:20px; } .cspm_locator_form_container form input[type=text]::selection{ background:#009bfd; color:#fff; } .cspm_nearby_map .wrapper { padding-left: 0em; padding-right: 0em; margin: auto; display: inline-block; width: 20px; } .cspm_nearby_map .cssload-loader { width: 4px; height: 4px; margin: 0em; display: inline-block; position: relative; vertical-align: middle; } .cspm_nearby_map .cspm_nearby_map .cssload-loader, .cspm_nearby_map .cspm_nearby_map .cssload-loader:before, .cspm_nearby_map .cspm_nearby_map .cssload-loader:after { animation: 0.85s infinite ease-in-out; -o-animation: 0.85s infinite ease-in-out; -ms-animation: 0.85s infinite ease-in-out; -webkit-animation: 0.85s infinite ease-in-out; -moz-animation: 0.85s infinite ease-in-out; } .cspm_nearby_map .cssload-loader:before, .cspm_nearby_map .cssload-loader:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cspm_nearby_map .cssload-loader:before, .cspm_nearby_map .cssload-loader:after { content: ""; } .cspm_nearby_map .cssload-loader:before, .cspm_nearby_map .cssload-loader:after { content: ""; background-color: #828282; transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); animation: cssload-animation 1.275s infinite ease-in-out; -o-animation: cssload-animation 1.275s infinite ease-in-out; -ms-animation: cssload-animation 1.275s infinite ease-in-out; -webkit-animation: cssload-animation 1.275s infinite ease-in-out; -moz-animation: cssload-animation 1.275s infinite ease-in-out; } .cspm_nearby_map .cssload-loader:after { animation-delay: 0.6375s; -o-animation-delay: 0.6375s; -ms-animation-delay: 0.6375s; -webkit-animation-delay: 0.6375s; -moz-animation-delay: 0.6375s; } .cspm_nearby_map .cssload-loader.white:before, .cspm_nearby_map .cssload-loader.white:after { background-color: #fff; } @keyframes cssload-animation { 0% { transform: translateX(-100%) scale(0); } 50% { transform: translateX(0%) scale(1); } 100% { transform: translateX(100%) scale(0); } } @-o-keyframes cssload-animation { 0% { -o-transform: translateX(-100%) scale(0); } 50% { -o-transform: translateX(0%) scale(1); } 100% { -o-transform: translateX(100%) scale(0); } } @-ms-keyframes cssload-animation { 0% { -ms-transform: translateX(-100%) scale(0); } 50% { -ms-transform: translateX(0%) scale(1); } 100% { -ms-transform: translateX(100%) scale(0); } } @-webkit-keyframes cssload-animation { 0% { -webkit-transform: translateX(-100%) scale(0); } 50% { -webkit-transform: translateX(0%) scale(1); } 100% { -webkit-transform: translateX(100%) scale(0); } } @-moz-keyframes cssload-animation { 0% { -moz-transform: translateX(-100%) scale(0); } 50% { -moz-transform: translateX(0%) scale(1); } 100% { -moz-transform: translateX(100%) scale(0); } } .cspm_directions_btn_container{ position:absolute; left:10px; top:240px; z-index:2; } .cspm_directions_btn_container.geoloc_no{ top:195px; } div[id^=codespacing_progress_map_nearby_map]{ width:100%; height:100%; } div[class^=cspm_nearby_map_directions]{ height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:2; display:none; font-weight:200; color:#202020; padding:0px; } div.cspm_nearby_location_infos{ background:rgba(255,255,255,1); height:auto; padding:10px; } div.cspm_start_address, div.cspm_destination_address{ color:#fff; height:auto; padding:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:15px !important; } div.cspm_direction_steps_container{ position:relative; } div.cspm_start_address, div.cspm_destination_address{ width:100%; } div.cspm_direction_steps{ height:100%; overflow:auto; padding:10px; background:#fff; } div.cspm_nearby_step{ padding:15px 10px; font-size:15px !important; } div.cspm_nearby_step:first-child{ padding-top:0px; } i.cspm_nearby_start_icon, i.cspm_nearby_end_icon{ height:16px; width:22px; display:inline-block; } i.cspm_nearby_start_icon{ background:url(../img/start.png) no-repeat; background-position: 0px 4px; background-size:12px; position:relative; top:1px; } i.cspm_nearby_end_icon{ background:url(../img/destination_white.png) no-repeat; background-size:14px; position:relative; top:2px; } .travel_modes_container{ margin-top:0px; } div.cspm_nearby_step:last-child{ border-bottom:0px; padding-bottom:0px; } div.nearby_list_container{ background:rgba(255,255,255,0.97); width:199px; padding:5px; text-align:center; -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3)); box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3); } div.nearby_list_container ul{ list-style:none; margin:0; padding:0; } div.nearby_list_container i.select_info{ color:#F00; } a.nearby_list_link{ padding:5px; cursor:pointer; color:#3A84DF; font-weight:200; font-style:italic; font-size:15px !important; } div.nearby_list_container:hover, li.open a.nearby_list_link{ background:rgba(255,255,255,1); } ul.nearby_list{ height:150px; width:200px; overflow:auto; } div[id^=travel_mode_container].nearby_travel_mode_container{ position:absolute; top:55px; left:10px; z-index:2; height:auto; width:auto; } div[id^=travel_mode_container].nearby_travel_mode_container.geoloc_no{ top:10px; } div[class^=nearby_map_mode], div[class^=nearby_directions_btn]{ background:rgba(255,255,255,0.97); padding:10px 15px 5px 15px; margin-right:0px; cursor:pointer; } div[class^=nearby_map_mode].active, div[class^=nearby_directions_btn].active{ } div[class^=nearby_directions_btn]{ width:auto; } div[class^=nearby_directions_btn] span{ position:relative; top:2px; font-weight:200; font-style:italic; } div[class^=nearby_map_mode]:last-child{ margin-right:0; } div[class^=nearby_map_mode] i, div[class^=nearby_directions_btn] i{ height:22px; width:20px; display:inline-block; background:url(../img/sprite.png) no-repeat; background-size:20px; } div[class^=nearby_map_mode] i.icon-driving{ background-position:0px 3px; } div[class^=nearby_map_mode]:hover i.icon-driving{ background-position:0px -19px; } div[class^=nearby_map_mode].active i.icon-driving{ background-position:0px -40px; } div[class^=nearby_map_mode] i.icon-transit{ background-position:0px -65px; } div[class^=nearby_map_mode]:hover i.icon-transit{ background-position:0px -91px; } div[class^=nearby_map_mode].active i.icon-transit{ background-position:0px -116px; } div[class^=nearby_map_mode] i.icon-walking{ background-position:0px -207px; } div[class^=nearby_map_mode]:hover i.icon-walking{ background-position:0px -233px; } div[class^=nearby_map_mode].active i.icon-walking{ background-position:0px -258px; } div[class^=nearby_map_mode] i.icon-bicycle{ background-position:0px -140px; } div[class^=nearby_map_mode]:hover i.icon-bicycle{ background-position:0px -163px; } div[class^=nearby_map_mode].active i.icon-bicycle{ background-position:0px -184px; } div[class^=nearby_directions_btn] i.icon-directions{ background-position:0px -284px; } div[class^=nearby_directions_btn]:hover i.icon-directions{ background-position:0px -310px; } div[class^=nearby_directions_btn].active i.icon-directions{ background-position:0px -335px; } div.cspm_nearby_location_name{ font-weight:400 !important; font-style:italic !important; font-size:15px !important; } div.cspm_nearby_alert{ font-weight:400px; color:#3A84DF; padding:10px; font-size:16px !important; font-style:italic; } i.maneuver_sprite{ width:16px; height:16px; display:inline-block; background:url(../img/maneuvers.png); background-size:19px 630px !important; margin-right:5px; } i.turn-sharp-left{ background-position:0px 1px ; } i.uturn-right{ background-position:0px 34px ; } i.uturn-left{ background-position:0px -304px ; } i.turn-sharp-right{ background-position:0px -582px ; } i.turn-left{ background-position:0px -413px ; } i.turn-right{ background-position:0px -483px ; } i.turn-slight-left{ background-position:0px -378px ; } i.turn-slight-right{ background-position:0px -51px ; } i.ramp-left{ background-position:0px -598px ; } i.ramp-right{ background-position:0px -429px ; } i.fork-left{ background-position:0px -550px ; } i.fork-right{ background-position:0px -499px ; } i.straight{ background-position:0px -534px ; } i.merge{ background-position:0px -143px ; } i.roundabout-left{ background-position:0px -196px ; } i.roundabout-right{ background-position:0px -232px ; } i.ferry-train{ background-position:0px -566px ; } i.ferry{ background-position:0px -614px ; } i.keep-left{ background-position:-3px -534px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } i.keep-right{ background-position:3px -534px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } div[class^=cspm_nearby_map_directions].small{ width:90%; top:144px; } div[class^=cspm_nearby_map_directions].small div.cspm_direction_steps_container{ max-height:269px; } div[class^=cspm_nearby_map_directions].small div.cspm_direction_steps{ max-height:169px; } .cspm_route_distance{ } .cspm_maneuver_icon{ margin-right:5px; }