@font-face {
    font-family:"lucida_grande";
    src: url("https://li-apps.com/cdn/mapi/fonts/lucida_grande.eot");
	src: url("https://li-apps.com/cdn/mapi/fonts/lucida_grande.eot#iefix") format("embedded-opentype"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande.woff2") format("woff2"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande.woff") format("woff"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande.ttf") format("truetype"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande.otf") format("opentype"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande.svg#lucida_grande") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2215;
}

@font-face {
    font-family:"lucida_grande";
    src: url("https://li-apps.com/cdn/mapi/fonts/lucida_grande_bold.eot");
	src: url("https://li-apps.com/cdn/mapi/fonts/lucida_grande_bold.eot#iefix") format("embedded-opentype"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande_bold.woff2") format("woff2"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande_bold.woff") format("woff"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande_bold.ttf") format("truetype"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande_bold.otf") format("opentype"),
		url("https://li-apps.com/cdn/mapi/fonts/lucida_grande_bold.svg#lucida_grande_bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2215;
}

@font-face {
  font-family: "icomoon";
  src:  url("https://li-mapi.herokuapp.com/css/fonts/icomoon.eot?aw2ruf");
  src:  url("https://li-mapi.herokuapp.com/css/fonts/icomoon.eot?aw2ruf#iefix") format("embedded-opentype"),
    url("https://li-mapi.herokuapp.com/css/fonts/icomoon.ttf?aw2ruf") format("truetype"),
    url("https://li-mapi.herokuapp.com/css/fonts/icomoon.woff?aw2ruf") format("woff"),
    url("https://li-mapi.herokuapp.com/css/fonts/icomoon.svg?aw2ruf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.mgcm_iconclass{
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body { height: 100%; width: 100%;  padding: 0; margin: 0; position: relative;overflow:hidden}

.mgcm_popup_title,.mgcm_popup_filter{background:none;}
.mgcm_popup_title_text,.mgcm_popup_filter_text{padding:10px;text-align:left;font-family: "lucida_grande", sans-serif; line-height:2rem; font-size: 2rem;font-weight: 400;color: inherit;margin:0;}
.mgcm_popup_filter_text{text-align:left;padding:10px 10px 0 10px}

.mgcm_list_wrap {width:22%;position: absolute;padding:0;height:100%; bottom:0}
.mgcm_map_wrap {width:78%;position: absolute;padding:0;height:100%;bottom:0}
.leaflet-popup-content h2,.leaflet-popup-content h1,.leaflet-popup-content p,.leaflet-popup-content span,.leaflet-popup-content a{color:inherit;font-family: "lucida_grande", sans-serif;font-size: 1rem;line-height: 1.3rem;margin:0;padding:0;display:block;}
.leaflet-popup-content h1{font-weight:700;text-transform: uppercase;margin:10px 19px 0 19px}
.leaflet-popup-content p{font-weight:400;font-size: 1.0rem;line-height: 1.4rem;margin:0.3rem 10px;}
.leaflet-popup-content a{font-weight:700;font-size: 0.9rem;line-height: 1.2rem;margin:5px 10px 0 10px}
.leaflet-popup-content a:hover{opacity:0.7}
.leaflet-popup-content h2{padding-bottom:50%;margin: 0; background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.leaflet-popup-content span,.leaflet-popup-content a.mgcm_ph{font-weight:400;font-size: 0.8rem;line-height: 1.2rem;margin:0 10px;text-decoration:none;}

.mgcm_left{left:0}
.mgcm_right{right:0}
#mgcm_mapid{z-index: 1;height:100%;width:100%;position:absolute}
.mgcm_list_res{width:100%;overflow:hidden;height:560px;position:relative}
.mgcm_list_res_cont{width:100%;position:relative}
.mgcm_store_name {text-decoration: none;text-transform: uppercase;font-family: "lucida_grande", sans-serif;font-weight:700;font-size: 1.2rem;line-height: 1.4rem;margin-bottom: 0.3rem;color: inherit;cursor: pointer;}
.mgcm_address,.mgcm_phone,.mgcm_distance,.mgcm_info{color: inherit;font-size: 0.9rem;line-height: 1.2rem;font-family: "lucida_grande", sans-serif;margin-bottom: 6px;word-wrap:break-word}
.mgcm_distance {opacity:0.7;font-size: 0.8rem;line-height: 1.1rem;margin-bottom: 5px;}
.mgcm_phone,.mgcm_info{font-size: 0.9rem;line-height: 1.2rem;margin-bottom: 5px;text-decoration:none;}

.mgcm_directions,.mgcm_website{text-decoration:none;display:block;color: #000099;font-family: "lucida_grande", sans-serif;font-weight:700;font-size: 1rem;line-height: 1.2rem;}
.mgcm_directions:hover,.mgcm_website:hover{opacity:0.7;color: #000099;}
.mgcm_website{margin-bottom:5px;}

.mgcm_list_res_i {cursor:pointer;border-top-width: 1px; border-top-style:solid;border-top-color:#000;padding:1.3rem;background:transparent;text-align:center}
.mgcm_list_res_i_sel{background: #e8e8e8;}
.leaflet-popup-content{text-align:center}
.mgcm_modal_wrap {position: absolute;width: 100%;height: 100%;z-index: 100;opacity: 1;visibility: visible;top: 0;left: 0;}
.mgcm_modal_o{position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 0.8;top: 0;left: 0;background:#fff}
.mgcm_loader{position:absolute;left:50%;top:50%;width:50px;height:50px;background-image:url("https://li-apps.com/cdn/mapi/img/loader.svg");background-repeat:no-repeat;background-size: contain;z-index:2;background-position: 50% 50%;margin:-25px 0 0 -25px}
.mgcm_modal_m{background: #fff;
    display: none;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1.5rem;
    max-width: 800px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .5);
}
.mgcm_modal_close{
	text-decoration:none;
	display: block;
	position: absolute;
	z-index: 3;
  transition: all .5s  ease;
  -webkit-transition: all .5s ease; 
  -khtml-transition: all .5s ease; 
  -moz-transition: all .5s ease; 
  -o-transition: all .5s ease; 
  -ms-transition: all .5s ease; 
  -icab-transition: all .5s ease;
	color: #7f7f7f;
	top: 5px; right: 5px; font-size: 1.0rem;line-height: 1.0rem;
}
.mgcm_modal_close:before {content: "\e900";}
.mgcm_modal_close:hover,.mgcm_modal_close:focus{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);color: #000;}

.mgcm_modal_desc{color: #555;font-size: 1.0rem; line-height: 1.6rem;font-family: "lucida_grande", sans-serif;text-align:center;font-weight: 400;}

.mgcm_search_form{position:relative;border:1px solid #aaa;background:#fff}
.mgcm_search_him{padding:7px 0;margin:0}
.mgcm_search_alt{position:absolute;top:10px;left:60px;z-index:2;width:calc(100% - 80px);}
#mgcm_search{width:100%;display:block;padding:5px 30px;border:0;background:transparent;text-align:left;font-family: "lucida_grande", sans-serif; line-height: 20px; font-size: 14px;font-weight: 400;color:#000;}
#mgcm_search::placeholder,
#mgcm_search::-webkit-input-placeholder,
#mgcm_search:-moz-placeholder,
#mgcm_search::-moz-placeholder,
#mgcm_search:-ms-input-placeholder{font-family: "lucida_grande", sans-serif; line-height: 20px; font-size: 14px;font-weight: 400;color:#aaa;}

.mgcm_search_btn{opacity:0.6;position:absolute;right:0;top:0;width:30px;height:100%;z-index:2;cursor:pointer;text-align: center;}
.mgcm_search_btn:before {content: "\e901";color:inherit;font-size: 20px;line-height:30px;}
.mgcm_search_btn:hover{opacity:1}
.mgcm_search_load{display:none;position:absolute;left:0;top:0;width:30px;height:100%;background-image:url("https://li-apps.com/cdn/mapi/img/loader.svg");background-repeat:no-repeat;background-size: 20px 20px;z-index:2;background-position: 50% 50%;cursor:pointer}

#mgcm_iframe_cont{width:100%;height:100%;position:absolute;}



.mgcm_dot,.mgcm_web{display:inline-block;margin-right:8px;vertical-align: middle;}
.mgcm_dot:before { content: "\e902";}
.mgcm_web:before {content: "\e9ca";}

.mgcm_drop_i{cursor:pointer;padding:5px 10px;color: #000099;font-family: "lucida_grande", sans-serif;font-weight:400;font-size:14px;opacity:0.8;background:#fff;display:block}
.mgcm_drop_i:hover{opacity:1}



.mgcm_filters_wrap{padding:0;margin:0;position:absolute;top:0;left:0;width:100%;}
.mgcm_checkbox{display:inline-block;margin:10px;padding:0;position:relative;font-family:"lucida_grande", sans-serif; line-height:1.2rem; font-size: 1rem;font-weight: 400;color:#000099;text-decoration:none}
.mgcm_checkbox_box{display: inline-block; margin-right: 5px; vertical-align: middle;line-height:inherit; font-size: inherit;}
.mgcm_checkbox_box:before{content:"\ea53"}
.mgcm_checkbox:hover,.mgcm_checkbox:focus{opacity:0.7;color: #000099;}
.mgcm_checkbox.checkeditem .mgcm_checkbox_box:before{content:"\ea52";}
.mgcm_filters_wrap_cont{border-bottom-width: 1px; border-bottom-style:solid;border-bottom-color:#000;display:none}



.mgcm_modal_wrap ,#mgcm_search,.mgcm_drop_i,.mgcm_search_btn,.mgcm_directions,.leaflet-popup-content a,.mgcm_website,.mgcm_checkbox
 {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -icab-transition: all .2s ease-in-out;
}

.mgcm_list_wrap,#mgcm_search,.mgcm_filters_wrap
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


.leaflet-popup-content {margin:0px 0px 10px 0px;}
.mgcm_list_open{display:none;position:absolute;left:0;width:100%;bottom:0;z-index:4;background:#fff;text-align:center;padding:5px 0 1px 0;border-top-width: 1px; border-top-style:solid;border-top-color:#000;}
.mgcm_svg_strok{fill:none;stroke:#000000;}
.mgcm_list_open_icon2{display:none}
.mgcm_list_open.opened .mgcm_list_open_icon1{display:none}
.mgcm_list_open.opened .mgcm_list_open_icon2{display:inline-block}


@media (max-width: 1199px){
	.mgcm_popup_title_text,.mgcm_popup_filter_text{font-size: 1.4rem;line-height: 1.4rem;}
	.mgcm_store_name{font-size: 1.1rem;line-height: 1.3rem;}
	.mgcm_address, .mgcm_phone, .mgcm_distance{font-size: 0.9rem; line-height: 1.2rem;}
	.mgcm_phone,.mgcm_distance{font-size: 0.8rem; line-height: 1.2rem;}
	.mgcm_directions,.mgcm_checkbox,.mgcm_website{font-size: 1rem; line-height: 1.2rem;}
	.leaflet-popup-content h1{font-size: 0.9rem; line-height: 1.1rem;}
	.leaflet-popup-content p{font-size: 0.7rem; line-height: 1rem;}
	.leaflet-popup-content span,.leaflet-popup-content a.mgcm_ph{font-size: 0.66rem; line-height: 0.9rem;}
}
@media (max-width: 920px){
	.mgcm_popup_title_text,.mgcm_popup_filter_text{font-size: 1.26rem;line-height: 1.26rem;}	
	.mgcm_directions,.mgcm_checkbox,.mgcm_website{font-size: 1rem; line-height: 1.2rem;}
	.mgcm_list_res_i{padding: 1.2rem;}
	.mgcm_checkbox{margin:5px}
}

@media (max-width: 900px){
	.mgcm_popup_title_text,.mgcm_popup_filter_text{font-size: 1.1rem;line-height: 1.1rem;padding: 7px;}
	.mgcm_store_name{font-size: 0.9rem;line-height: 1.1rem;}
	.mgcm_address, .mgcm_phone, .mgcm_distance{font-size: 0.8rem; line-height: 1.1rem;}
	.mgcm_phone,.mgcm_distance{font-size: 0.7rem; line-height: 1.1rem;}
	.mgcm_directions,.mgcm_checkbox,.mgcm_website{font-size: 0.9rem; line-height: 1.1rem;}
	.mgcm_list_res_i{padding: 1rem;}
}

@media (max-width: 760px){
	.mgcm_list_res_cont{padding-bottom:35px;}
	.mgcm_list_open{display:block}
	.mgcm_list_wrap{width:100%;z-index:3;visibility:hidden;opacity:0;bottom:-20% ;
	transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -icab-transition: all .2s ease-in-out;
	}
	
	.mgcm_list_wrap.opened{visibility:visible;opacity:1;bottom:0%}
	.mgcm_list_res{overflow-y:scroll}
	.mgcm_map_wrap{width:100%!important}
	.mgcm_popup_filter_text,.mgcm_filters_list{text-align:center}
	.leaflet-popup-content h1{font-size: 1.0rem; line-height: 1.2rem;}
	.leaflet-popup-content p{font-size: 0.8rem; line-height: 1.2rem;}
	.leaflet-popup-content a{font-size: 0.8rem;line-height: 1rem;}
	.leaflet-popup-content span,.leaflet-popup-content a.mgcm_ph{font-size: 0.76rem; line-height: 1rem;}
	.mgcm_modal_desc{ font-size: 0.9rem; line-height: 1.4rem;}
	.mgcm_modal_m{width: 70%;}
}