/* ===== GENERAL ===== */




/* ===== STORE LIST ===== */
.five-store-locator-stores { list-style: none; padding: 0; margin: 0 -15px 2em; text-align: center; font-size: 0; }
.five-store-locator-stores li { display: inline-block; width: 20%; font-size: 18px; vertical-align: top; margin: 0 0 15px; padding: 0 15px; }
.five-store-locator-stores li h4 { margin: 0 0 7px; font-size: 18px; line-height: 1.25em; }
.five-store-locator-stores li h5 { margin: 0 0 3px; font-size: 16px; line-height: 1.25em; }
.five-store-locator-stores li h6 { margin: 0; font-size: 15px; line-height: 1.25em; }
.five-store-locator-stores li h6.five-store-show-on-map { cursor: pointer; font-weight: bold; font-size: 12px; line-height: 15px; }

/* ===== MAP ===== */
.five-store-locator-map-wrapper { width: 100%; margin: 0 0 2em; height: 0; position: relative; overflow: hidden; }
.five-store-locator-map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e0e0e0; }

.five-store-info { position: absolute; left: 100%; top: 0; width: 290px; height: 100%; z-index: 3;
	-webkit-transition: transform .45s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: transform .45s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: transform .45s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: transform .45s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: transform .45s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.five-store-info-close { position: absolute; right: 10px; top: 10px; width: 37px; height: 37px; background: url(../images/popup-close.png) no-repeat 50% 50%; cursor: pointer; background-size: 17px 17px;}
.five-store-info.show { transform: translate3d(-290px, 0, 0); }
.five-store-info svg { position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; }
.five-store-info-content { padding: 20px 50px 20px 20px; overflow: auto; text-align: left; color: white; }
.five-store-info-content h2 { margin: 0 0 15px; }
.five-store-info-content h3 { margin: 0 0 5px; }
.five-store-info-content h4 {  }

.five-store-locator-overlay { position: absolute; bottom: 0; left: -100px; width: 200px; text-align: center; }
.five-store-locator-overlay-title { display: inline-block; padding: 5px 9px; background: #222; color: white; font-size: 11px; line-height: 14px; }
.five-store-locator-overlay-arrow { position: absolute; left: 50%; bottom: -5px; border-top: 5px solid #222; border-right: 5px solid transparent; border-left: 5px solid transparent; margin: 0 0 0 -5px; }

.five-store-locator-zoom-plus, .five-store-locator-zoom-minus { width: 35px; height: 35px; position: absolute; left: 0; top: 0; background-color: #222; background-size: 17px 17px; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; background-image: url(../images/plus.png); z-index: 2; }
.five-store-locator-zoom-minus { top: 36px; background-image: url(../images/minus.png); }

.five-store-locator-circle { width: 220px; height: 220px; margin: -110px 0 0 -110px; border: 2px solid #222; position: relative;
	transform: scale(0.001); opacity: 1;
	-webkit-transition: transform 1.5s cubic-bezier(0.190, 0.990, 0.320, 1.000), opacity .5s linear 1s; -moz-transition: transform 1.5s cubic-bezier(0.190, 0.990, 0.320, 1.000), opacity .5s linear 1s; -ms-transition: transform 1.5s cubic-bezier(0.190, 0.990, 0.320, 1.000), opacity .5s linear 1s; -o-transition: transform 1.5s cubic-bezier(0.190, 0.990, 0.320, 1.000), opacity .5s linear 1s; transition: transform 1.5s cubic-bezier(0.190, 0.990, 0.320, 1.000), opacity .5s linear 1s; 
	-webkit-border-radius: 220px; -moz-border-radius: 220px; -ms-border-radius: 220px; -o-border-radius: 220px; border-radius: 220px; }
.five-store-locator-circle div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222; opacity: .2;
	-webkit-border-radius: 220px; -moz-border-radius: 220px; -ms-border-radius: 220px; -o-border-radius: 220px; border-radius: 220px; }
.five-store-locator-circle.animate-circle { transform: scale(1); opacity: 0; }

@media screen and (max-width: 767px) {
	
	.five-store-locator { margin-left: -15px; margin-right: -15px; }
	.five-store-locator-stores { margin-left: 0; margin-right: 0; }
	
}


transform 1.5s cubic-bezier(0.190, 0.990, 0.320, 1.000)
opacity .4s linear