/*
*
* INTERACTIVE MAP
*
*/
#interactive-map-wrapper {width:100%; overflow:hidden;}

#interactive-map { width:1px; margin:0 auto; padding:0; position:relative; top:0; left:0; float:left; }
#interactive-map #interactive-map-content {position:relative; top:0; left:0; width:100%; overflow:hidden;}
#interactive-map #back-image {position:absolute; top:0; left:0; display:block; margin:0; padding:0; z-index:30; opacity:1; width:100%}
#interactive-map #back-image img {width:100%;}


#interactive-map #pins { position:absolute; top:0; left:0; width:100%; height:100%; z-index:50; }
#interactive-map #pins .pin { position:absolute; top:0; left:0; background:transparent; opacity:.9; display:block; height:30px; width:30px; text-indent:-9999px; overflow:hidden; cursor:pointer; }
#interactive-map #pins .pin.loading { background: transparent url(loading.gif) center center no-repeat;}
#interactive-map #pins .pin:hover {opacity:1}
#interactive-map #box {position:absolute;  top:0; left:0; display:none; width:400px; height:400px; padding:30px; background:#fff;   border:2px solid #f3f3f3; z-index:100; }
#interactive-map #box-arrow {position:absolute; top:185px; left:-28px; display:block; height:30px; width:30px; background:url(box-arrow.png) center right no-repeat; text-align:left; text-indent:-9999px; }

#wrapper .box-content { width:355px; min-height:250px; padding:0; }
#wrapper .box-content .box-close { position: absolute; top: 0; right: 0; width: 18px; height: 18px; font-size: 18px; color: #888; cursor: pointer; line-height: 1em; padding: 0 4px; z-index: 2; }
#wrapper .box-content .box-close:hover {opacity:.7}
#wrapper .box-content .text {overflow:hidden;}
#wrapper .box-content .text p {font-size:16px}
#wrapper .box-content .readmore { text-align:center; }
#wrapper .box-content .readmore a { display:inline-block; padding:5px 10px; border:2px solid; color:#F28739; background:#fff; text-align:center; font-style:normal; margin-top:0;}
#wrapper .box-content .readmore a:hover { color:#ccc;}


#interactive-map-menu {width:200px; height:400px; background:#F8F5EE; float:left; }
#interactive-map-menu #interactive-map-menu-content {padding:20px; overflow:auto;}
#interactive-map-menu h2 {font-size:18px; color:#000; text-transform:uppercase;  text-align:center; margin-bottom:40px; margin-top:20px; letter-spacing:1px}
#interactive-map-menu .group {margin-bottom:30px;}
#interactive-map-menu .group .group-title {display:block; background:#343434 url(white-arrow-down.png) 95% 12px no-repeat; color:#fff; min-height:18px; padding:5px 15px; cursor:pointer; }
#interactive-map-menu .group .group-title.opened {background:#343434 url(white-arrow-up.png) 95% 12px no-repeat;}
#interactive-map-menu .group .group-title h3 {color:#fff; font-size:16px; line-height:18px; margin:0; text-transform:uppercase;}
#interactive-map-menu .group .group-content {display:none}
#interactive-map-menu .group .group-content a {text-transform:uppercase; display:block; margin-left:30px; cursor:pointer; margin-top:15px}


.qtip { border: 0 !important; }
.qtip .qtip-tip { display: none !important; }
.qtip .qtip-content { padding: 0 !important; border: 2px solid #f39200 !important; }
.qtip .qtip-content .empty { padding:10px; }
.box-content .products__code { position: absolute; bottom: 0; right: 0; padding: 1em; margin: auto; font-weight: 300; width: 120px; text-align: right; color: #4a4d4f; font-size: 14px; line-height: 1.2em; text-transform: uppercase; }
.box-content .products__tags { display: block; position: relative; text-align: right; display: block; height: 14px; margin-bottom: 1em; }
.box-content .products__tag { position: relative; font-size: 100%; }
.box-content .products__element { position: relative; }

#pins .pin .pin-icon { background: transparent no-repeat center center; background-size: contain; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/* MOBILE VERSION */
@media screen and (max-width: 1000px) {

#interactive-map-menu {width:0 !important; display:none}

#wrapper .box-content .readmore a {font-size:20px;}

}