@charset "UTF-8";
/*Fonts*/

@font-face {font-family: 'AvenirNextLTPro-Regular';src: url('webfonts/2EEAE8_0_0.eot');src: url('webfonts/2EEAE8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2EEAE8_0_0.woff2') format('woff2'),url('webfonts/2EEAE8_0_0.woff') format('woff'),url('webfonts/2EEAE8_0_0.ttf') format('truetype');}


@font-face {font-family: 'AvenirNextLTPro-Light';src: url('webfonts/2EEAE8_1_0.eot');src: url('webfonts/2EEAE8_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2EEAE8_1_0.woff2') format('woff2'),url('webfonts/2EEAE8_1_0.woff') format('woff'),url('webfonts/2EEAE8_1_0.ttf') format('truetype');}



/*End Fonts*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .tile.text time, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1;
    /*font-size: 10px;*/
}
ol, ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q, blockquote {
    quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
/* End Reset */
* {
	margin: 0;
	padding: 0;
}

html {
	font-size:62.5%;
}

body {
	background: #9a9f9b;
	height: 100vh;
	position:relative;
	font-family: AvenirNextLTPro-Regular, Avenir, Helvetica, Arial, serif;
	overflow: hidden;
	/*background: #b2aeab url(img/bg.jpg);*/
	background: #777;
}

body.intro {
	overflow-y: hidden;
}

/*Global Class*/

.button {
	display: block;
	width: 184px;
	height: 41px;
	border-radius: 5px;
	background-color: #262626;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 42px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.separator {
	height: 1px;
	width: 100%;
	border-bottom:1px solid #333;
	margin: 35px auto;
}

.no-margin {
	margin: 0 !important;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

/* Sections */

#loading {
	position:fixed;
	z-index:10;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	left: 0;
	top: 0;
	background: #fff url(img/loading.gif) no-repeat center center;
	z-index: 1000;
}

#intro {
	position: absolute;
	z-index: 11;
	width: 702px;
	height: 342px;
	top: 50%;
	left: 50%;
	margin: -171px 0 0 -351px;
	background-color:#fff;
	border-radius: 5px;
	/*display:none;*/
}

#intro #logo-intro {
	display: block;
	width: 58px;
	height: 98px;
	background: url(img/kiehls-pionners.png) no-repeat;
	background-size: 100%;
	margin: 30px auto 35px;
}

#intro #text {
	color: #262626;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.43em;
	text-align: center;
	width: 622px;
	margin: 0 auto;
}

#intro #go-btn {
	margin: 35px auto 0;
}

#overlay {
	position:fixed;
	z-index:10;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity:0.5;
	left: 0;
	top: 0;
}

#vid-overlay {
	position:fixed;
	z-index:11;
	display:none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.9);

	left: 0;
	top: 1000px;
}

#vid-overlay.animate {
	display: block;
	-moz-transition: top 0.4s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: top 0.4s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: top 0.4s cubic-bezier(0.7, 0.01, 0.3, 1);
    -ms-transition: top 0.4s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: top 0.4s cubic-bezier(0.7, 0.01, 0.3, 1);
}

#vid-overlay.top {
	top: 0px;
}


#vid-overlay #close-vid {
	position:absolute;
	width: 25px;
	height: 25px;
	background: url(img/btn-close.png) no-repeat;
	background-size: 100%;
	/*float: right;
	margin-top: 14px;
	margin-right: 20px;*/
	cursor: pointer;
	/*left: 50%;
	top: 50%;*/
	right: 20px;
	top: 20px;
	/*margin: -360px 0 0 565px;*/
	z-index: 2;
}

#bg-close {
	position:absolute;
	z-index:0;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity:0;
	left: 0;
	top: 0;
}

#vid-content {
	position:absolute;
	display:block;
	width: 1100px;
	height: 620px;
	background-color: #000;
	left: 50%;
	top: 50%;
	margin: -320px 0 0 -550px;
}

#vid-content img {
	width: auto;
	height: 100%;
}

#sidebar {
	position:fixed;
	z-index:10;
	display:block;
	width: 480px;
	height: 150%;
	background-color: rgba(0,0,0,0.65);
	opacity:1;
	right: -480px;
	top: 0;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    -ms-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
}

#sidebar.open {
	right:0;
}

#sidebar.menu {
	right:0;
	background-color: rgba(0,0,0,0.85);
}
#sidebar.menu2 {
	right:0;
	background-color: rgba(0,0,0,0.85);
}


#sidebar #close {
	display: block;
	width: 25px;
	height: 25px;
	background:url(img/btn-close.png) no-repeat;
	position: absolute;
	top: 40px;
	left: 40px;
	cursor: pointer;
	z-index:11;
}

#menu-content {
	position:fixed;
	z-index:10;
	display:block;
	width: 400px;
	right: -480px;
	top: 105px;
	padding: 0 20px 0 40px;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.45em;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -ms-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
}


#menu-content.open {
	right:20px;

}

#menu-content h1 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	margin-bottom: 35px;
}
#menu-content p {
	margin-bottom: 25px;
}


#menu-content p.logo {
	text-align: right;
}
#menu-content p img {
	margin: 40px 0 30px;
}
#menu-content p.logo img {
	margin:0 0 10px;
}
#menu-content h2 {
	font-size: 18px;
	font-size: 1.8rem;
	height: 50px;
	padding-bottom: 50px;
}

#menu-content h2 a {
	text-decoration: none;
	color: inherit;
	padding: 30px 40px 0;
	float: left;
}

.social {
	margin-top: 13px;
	height: 50px;
	clear: left;
}

#product-content .social {
	margin:0;
}

.social * {
	float: left;
}

.social a {
	display: block;
	width: 23px;
	height: 18px;
	background:url(img/social.png) no-repeat left top;
	margin-left: 14px;
}

.social a.tw:hover {
	background-position: left bottom;
}

.social a.fb {
	background-position: -37px top;
}

.social a.fb:hover {
	background-position: -37px bottom;
}

.social a.pin-it-button {
	background-position: -68px top;
}

.social a.pin-it-button:hover {
	background-position: -68px bottom;
}


/* Product content */

#product-content {

	position:fixed;
	z-index:10;
	display:block;
	width: 390px;
	right: -480px;
	top: 110px;
	padding: 0 30px 0 40px;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.45em;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
    overflow-x: hidden;
}

#product-content.open {
	right:20px;
}

#product-content h1 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2em;
	margin-bottom: 22px;
	font-weight: normal;
}

#product-content h1 .year {
	/*font-size: 14px;
	font-size: 1.4rem;*/
	font-weight: normal;
}

#product-content #pic-label {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	margin-top: 40px;
	background: url(img/cart.png) no-repeat left top;
	background-size: 22px 19px;
	cursor: pointer;
	min-height: 19px;
	padding-left: 32px;
	width: auto;
}

#product-content #pic-label p {
	width: 80%;
	text-decoration: underline;
}

#product-content #pic-prod {
	width: 341px;
	height: 341px;
	margin: 35px 0 10px;
	text-align: center;
}
#product-content #pic-mosaic {
	width: 100%;
	height: 800px;
	margin: 35px 0 0px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}

#product-content #pic-prod img {
	height: auto;
	width: 100%;
}

/**/
header {
	width:100%;
	margin: 0 auto;
	height: 53px;
	position: fixed;
	z-index: 9;
	pointer-events:none;
}

#header {
	max-width: 1400px;
	width:100%;
	margin: 0 auto;
}

#header #logo {
	display:block;
	width: 106px;
	height: 53px;
	background: url(img/logo.png) no-repeat;
	background-size: 100%;
	float: left;
	margin-left:20px;
	margin-bottom: 20px;
	margin-top: 30px;
	pointer-events: all;

	cursor: pointer;
}

#header #hamb-menu {
	display:block;
	width: 30px;
	height: 24px;
	background: url(img/menu.png) no-repeat;
	background-size: 100%;
	float: right;
	margin-top: 45px;
	margin-right: 20px;
	cursor: pointer;
	pointer-events: all;
}

#header #close-vid {
	display:none;
	width: 25px;
	height: 25px;
	background: url(img/btn-close-black.png) no-repeat;
	background-size: 100%;
	float: right;
	margin-top: 14px;
	margin-right: 20px;
	cursor: pointer;
}


#header #hamb-menu.open {
	cursor: default;
}


#main-content {
	width: 100%;
	overflow: hidden;
	padding-top:0px;
	margin: 0 auto;
	position: fixed;


}

#mapParent {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	position: relative;
	top: 0;
}

#mapParent.zoomed {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#map {

	display: block;
	width: 2000px;
	height: 1200px;
	margin: 0px auto;
	position: relative;
	padding:0;
	top: 0;
	z-index:0;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.7,     0.01, 0.3, 1);
	transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
	overflow: hidden;
	-webkit-backface-visibility: initial !important;
    -webkit-transform-origin: 50% 50%;
}

#map #bgBack {
	position: absolute;
	z-index: 0;
}
#map #bgGroup {
	position: absolute;
	z-index: 1;
}
#map #overlay {
	background-color: #000;
	opacity:0.5;
}
#map #zone {
	position: absolute;
	z-index: 11;
}

#map #bgBack > div,
#map #bgGroup > div {
	display: block;
	width: 200px;
	height: 200px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}

#map #z10 {background-image: url(img/msl/bg10.jpg);}
#map #z11 {background-image: url(img/msl/bg11.jpg);}
#map #z12 {background-image: url(img/msl/bg12.jpg);}
#map #z13 {background-image: url(img/msl/bg13.jpg);}
#map #z14 {background-image: url(img/msl/bg14.jpg);}
#map #z15 {background-image: url(img/msl/bg15.jpg);}
#map #z20 {background-image: url(img/msl/bg20.jpg);}
#map #z21 {background-image: url(img/msl/bg21.jpg);}
#map #z22 {background-image: url(img/msl/bg22.jpg);}
#map #z23 {background-image: url(img/msl/bg23.jpg);}
#map #z24 {background-image: url(img/msl/bg24.jpg);}
#map #z25 {background-image: url(img/msl/bg25.jpg);}
#map #z30 {background-image: url(img/msl/bg30.jpg);}
#map #z31 {background-image: url(img/msl/bg31.jpg);}
#map #z32 {background-image: url(img/msl/bg32.jpg);}
#map #z33 {background-image: url(img/msl/bg33.jpg);}
#map #z34 {background-image: url(img/msl/bg34.jpg);}
#map #z35 {background-image: url(img/msl/bg35.jpg);}
#map #z40 {background-image: url(img/msl/bg40.jpg);}
#map #z41 {background-image: url(img/msl/bg41.jpg);}
#map #z42 {background-image: url(img/msl/bg42.jpg);}
#map #z43 {background-image: url(img/msl/bg43.jpg);}
#map #z44 {background-image: url(img/msl/bg44.jpg);}
#map #z45 {background-image: url(img/msl/bg45.jpg);}
#map #z50 {background-image: url(img/msl/bg50.jpg);}
#map #z51 {background-image: url(img/msl/bg51.jpg);}
#map #z52 {background-image: url(img/msl/bg52.jpg);}
#map #z53 {background-image: url(img/msl/bg53.jpg);}
#map #z54 {background-image: url(img/msl/bg54.jpg);}
#map #z55 {background-image: url(img/msl/bg55.jpg);}
#map #z60 {background-image: url(img/msl/bg60.jpg);}
#map #z61 {background-image: url(img/msl/bg61.jpg);}
#map #z62 {background-image: url(img/msl/bg62.jpg);}
#map #z63 {background-image: url(img/msl/bg63.jpg);}
#map #z64 {background-image: url(img/msl/bg64.jpg);}
#map #z70 {background-image: url(img/msl/bg70.jpg);}
#map #z71 {background-image: url(img/msl/bg71.jpg);}
#map #z72 {background-image: url(img/msl/bg72.jpg);}
#map #z73 {background-image: url(img/msl/bg73.jpg);}
#map #z74 {background-image: url(img/msl/bg74.jpg);}

#map #bgGroup #z10.done  {background-image: url(img/ms/bg10.jpg);}
#map #bgGroup #z11.done  {background-image: url(img/ms/bg11.jpg);}
#map #bgGroup #z12.done  {background-image: url(img/ms/bg12.jpg);}
#map #bgGroup #z13.done  {background-image: url(img/ms/bg13.jpg);}
#map #bgGroup #z14.done  {background-image: url(img/ms/bg14.jpg);}
#map #bgGroup #z15.done  {background-image: url(img/ms/bg15.jpg);}
#map #bgGroup #z20.done  {background-image: url(img/ms/bg20.jpg);}
#map #bgGroup #z21.done  {background-image: url(img/ms/bg21.jpg);}
#map #bgGroup #z22.done  {background-image: url(img/ms/bg22.jpg);}
#map #bgGroup #z23.done  {background-image: url(img/ms/bg23.jpg);}
#map #bgGroup #z24.done  {background-image: url(img/ms/bg24.jpg);}
#map #bgGroup #z25.done  {background-image: url(img/ms/bg25.jpg);}
#map #bgGroup #z30.done  {background-image: url(img/ms/bg30.jpg);}
#map #bgGroup #z31.done  {background-image: url(img/ms/bg31.jpg);}
#map #bgGroup #z32.done  {background-image: url(img/ms/bg32.jpg);}
#map #bgGroup #z33.done  {background-image: url(img/ms/bg33.jpg);}
#map #bgGroup #z34.done  {background-image: url(img/ms/bg34.jpg);}
#map #bgGroup #z35.done  {background-image: url(img/ms/bg35.jpg);}
#map #bgGroup #z40.done  {background-image: url(img/ms/bg40.jpg);}
#map #bgGroup #z41.done  {background-image: url(img/ms/bg41.jpg);}
#map #bgGroup #z42.done  {background-image: url(img/ms/bg42.jpg);}
#map #bgGroup #z43.done  {background-image: url(img/ms/bg43.jpg);}
#map #bgGroup #z44.done  {background-image: url(img/ms/bg44.jpg);}
#map #bgGroup #z45.done  {background-image: url(img/ms/bg45.jpg);}
#map #bgGroup #z50.done  {background-image: url(img/ms/bg50.jpg);}
#map #bgGroup #z51.done  {background-image: url(img/ms/bg51.jpg);}
#map #bgGroup #z52.done  {background-image: url(img/ms/bg52.jpg);}
#map #bgGroup #z53.done  {background-image: url(img/ms/bg53.jpg);}
#map #bgGroup #z54.done  {background-image: url(img/ms/bg54.jpg);}
#map #bgGroup #z55.done  {background-image: url(img/ms/bg55.jpg);}
#map #bgGroup #z60.done  {background-image: url(img/msl/bg60.jpg);}
#map #bgGroup #z61.done  {background-image: url(img/msl/bg61.jpg);}
#map #bgGroup #z62.done  {background-image: url(img/msl/bg62.jpg);}
#map #bgGroup #z63.done  {background-image: url(img/msl/bg63.jpg);}
#map #bgGroup #z64.done  {background-image: url(img/msl/bg64.jpg);}
#map #bgGroup #z70.done  {background-image: url(img/msl/bg70.jpg);}
#map #bgGroup #z71.done  {background-image: url(img/msl/bg71.jpg);}
#map #bgGroup #z72.done  {background-image: url(img/msl/bg72.jpg);}
#map #bgGroup #z73.done  {background-image: url(img/msl/bg73.jpg);}
#map #bgGroup #z74.done  {background-image: url(img/msl/bg74.jpg);}

#map.move #bgGroup #z10 {background-image: url(img/msl/bg10.jpg);}
#map.move #bgGroup #z11 {background-image: url(img/msl/bg11.jpg);}
#map.move #bgGroup #z12 {background-image: url(img/msl/bg12.jpg);}
#map.move #bgGroup #z13 {background-image: url(img/msl/bg13.jpg);}
#map.move #bgGroup #z14 {background-image: url(img/msl/bg14.jpg);}
#map.move #bgGroup #z15 {background-image: url(img/msl/bg15.jpg);}
#map.move #bgGroup #z20 {background-image: url(img/msl/bg20.jpg);}
#map.move #bgGroup #z21 {background-image: url(img/msl/bg21.jpg);}
#map.move #bgGroup #z22 {background-image: url(img/msl/bg22.jpg);}
#map.move #bgGroup #z23 {background-image: url(img/msl/bg23.jpg);}
#map.move #bgGroup #z24 {background-image: url(img/msl/bg24.jpg);}
#map.move #bgGroup #z25 {background-image: url(img/msl/bg25.jpg);}
#map.move #bgGroup #z30 {background-image: url(img/msl/bg30.jpg);}
#map.move #bgGroup #z31 {background-image: url(img/msl/bg31.jpg);}
#map.move #bgGroup #z32 {background-image: url(img/msl/bg32.jpg);}
#map.move #bgGroup #z33 {background-image: url(img/msl/bg33.jpg);}
#map.move #bgGroup #z34 {background-image: url(img/msl/bg34.jpg);}
#map.move #bgGroup #z35 {background-image: url(img/msl/bg35.jpg);}
#map.move #bgGroup #z40 {background-image: url(img/msl/bg40.jpg);}
#map.move #bgGroup #z41 {background-image: url(img/msl/bg41.jpg);}
#map.move #bgGroup #z42 {background-image: url(img/msl/bg42.jpg);}
#map.move #bgGroup #z43 {background-image: url(img/msl/bg43.jpg);}
#map.move #bgGroup #z44 {background-image: url(img/msl/bg44.jpg);}
#map.move #bgGroup #z45 {background-image: url(img/msl/bg45.jpg);}
#map.move #bgGroup #z50 {background-image: url(img/msl/bg50.jpg);}
#map.move #bgGroup #z51 {background-image: url(img/msl/bg51.jpg);}
#map.move #bgGroup #z52 {background-image: url(img/msl/bg52.jpg);}
#map.move #bgGroup #z53 {background-image: url(img/msl/bg53.jpg);}
#map.move #bgGroup #z54 {background-image: url(img/msl/bg54.jpg);}
#map.move #bgGroup #z55 {background-image: url(img/msl/bg55.jpg);}
#map.move #bgGroup #z60 {background-image: url(img/msl/bg60.jpg);}
#map.move #bgGroup #z61 {background-image: url(img/msl/bg61.jpg);}
#map.move #bgGroup #z62 {background-image: url(img/msl/bg62.jpg);}
#map.move #bgGroup #z63 {background-image: url(img/msl/bg63.jpg);}
#map.move #bgGroup #z64 {background-image: url(img/msl/bg64.jpg);}
#map.move #bgGroup #z70 {background-image: url(img/msl/bg70.jpg);}
#map.move #bgGroup #z71 {background-image: url(img/msl/bg71.jpg);}
#map.move #bgGroup #z72 {background-image: url(img/msl/bg72.jpg);}
#map.move #bgGroup #z73 {background-image: url(img/msl/bg73.jpg);}
#map.move #bgGroup #z74 {background-image: url(img/msl/bg74.jpg);}

#map.min #bgGroup #z10 {background-image: url(img/msm/bg10.jpg);}
#map.min #bgGroup #z11 {background-image: url(img/msm/bg11.jpg);}
#map.min #bgGroup #z12 {background-image: url(img/msm/bg12.jpg);}
#map.min #bgGroup #z13 {background-image: url(img/msm/bg13.jpg);}
#map.min #bgGroup #z14 {background-image: url(img/msm/bg14.jpg);}
#map.min #bgGroup #z15 {background-image: url(img/msm/bg15.jpg);}
#map.min #bgGroup #z20 {background-image: url(img/msm/bg20.jpg);}
#map.min #bgGroup #z21 {background-image: url(img/msm/bg21.jpg);}
#map.min #bgGroup #z22 {background-image: url(img/msm/bg22.jpg);}
#map.min #bgGroup #z23 {background-image: url(img/msm/bg23.jpg);}
#map.min #bgGroup #z24 {background-image: url(img/msm/bg24.jpg);}
#map.min #bgGroup #z25 {background-image: url(img/msm/bg25.jpg);}
#map.min #bgGroup #z30 {background-image: url(img/msm/bg30.jpg);}
#map.min #bgGroup #z31 {background-image: url(img/msm/bg31.jpg);}
#map.min #bgGroup #z32 {background-image: url(img/msm/bg32.jpg);}
#map.min #bgGroup #z33 {background-image: url(img/msm/bg33.jpg);}
#map.min #bgGroup #z34 {background-image: url(img/msm/bg34.jpg);}
#map.min #bgGroup #z35 {background-image: url(img/msm/bg35.jpg);}
#map.min #bgGroup #z40 {background-image: url(img/msm/bg40.jpg);}
#map.min #bgGroup #z41 {background-image: url(img/msm/bg41.jpg);}
#map.min #bgGroup #z42 {background-image: url(img/msm/bg42.jpg);}
#map.min #bgGroup #z43 {background-image: url(img/msm/bg43.jpg);}
#map.min #bgGroup #z44 {background-image: url(img/msm/bg44.jpg);}
#map.min #bgGroup #z45 {background-image: url(img/msm/bg45.jpg);}
#map.min #bgGroup #z50 {background-image: url(img/msm/bg50.jpg);}
#map.min #bgGroup #z51 {background-image: url(img/msm/bg51.jpg);}
#map.min #bgGroup #z52 {background-image: url(img/msm/bg52.jpg);}
#map.min #bgGroup #z53 {background-image: url(img/msm/bg53.jpg);}
#map.min #bgGroup #z54 {background-image: url(img/msm/bg54.jpg);}
#map.min #bgGroup #z55 {background-image: url(img/msm/bg55.jpg);}
#map.min #bgGroup #z60 {background-image: url(img/msm/bg60.jpg);}
#map.min #bgGroup #z61 {background-image: url(img/msm/bg61.jpg);}
#map.min #bgGroup #z62 {background-image: url(img/msm/bg62.jpg);}
#map.min #bgGroup #z63 {background-image: url(img/msm/bg63.jpg);}
#map.min #bgGroup #z64 {background-image: url(img/msm/bg64.jpg);}
#map.min #bgGroup #z70 {background-image: url(img/msm/bg70.jpg);}
#map.min #bgGroup #z71 {background-image: url(img/msm/bg71.jpg);}
#map.min #bgGroup #z72 {background-image: url(img/msm/bg72.jpg);}
#map.min #bgGroup #z73 {background-image: url(img/msm/bg73.jpg);}
#map.min #bgGroup #z74 {background-image: url(img/msm/bg74.jpg);}

#map.min.move #bgGroup #z10 {background-image: url(img/msm/bg10.jpg);}
#map.min.move #bgGroup #z11 {background-image: url(img/msm/bg11.jpg);}
#map.min.move #bgGroup #z12 {background-image: url(img/msm/bg12.jpg);}
#map.min.move #bgGroup #z13 {background-image: url(img/msm/bg13.jpg);}
#map.min.move #bgGroup #z14 {background-image: url(img/msm/bg14.jpg);}
#map.min.move #bgGroup #z15 {background-image: url(img/msm/bg15.jpg);}
#map.min.move #bgGroup #z20 {background-image: url(img/msm/bg20.jpg);}
#map.min.move #bgGroup #z21 {background-image: url(img/msm/bg21.jpg);}
#map.min.move #bgGroup #z22 {background-image: url(img/msm/bg22.jpg);}
#map.min.move #bgGroup #z23 {background-image: url(img/msm/bg23.jpg);}
#map.min.move #bgGroup #z24 {background-image: url(img/msm/bg24.jpg);}
#map.min.move #bgGroup #z25 {background-image: url(img/msm/bg25.jpg);}
#map.min.move #bgGroup #z30 {background-image: url(img/msm/bg30.jpg);}
#map.min.move #bgGroup #z31 {background-image: url(img/msm/bg31.jpg);}
#map.min.move #bgGroup #z32 {background-image: url(img/msm/bg32.jpg);}
#map.min.move #bgGroup #z33 {background-image: url(img/msm/bg33.jpg);}
#map.min.move #bgGroup #z34 {background-image: url(img/msm/bg34.jpg);}
#map.min.move #bgGroup #z35 {background-image: url(img/msm/bg35.jpg);}
#map.min.move #bgGroup #z40 {background-image: url(img/msm/bg40.jpg);}
#map.min.move #bgGroup #z41 {background-image: url(img/msm/bg41.jpg);}
#map.min.move #bgGroup #z42 {background-image: url(img/msm/bg42.jpg);}
#map.min.move #bgGroup #z43 {background-image: url(img/msm/bg43.jpg);}
#map.min.move #bgGroup #z44 {background-image: url(img/msm/bg44.jpg);}
#map.min.move #bgGroup #z45 {background-image: url(img/msm/bg45.jpg);}
#map.min.move #bgGroup #z50 {background-image: url(img/msm/bg50.jpg);}
#map.min.move #bgGroup #z51 {background-image: url(img/msm/bg51.jpg);}
#map.min.move #bgGroup #z52 {background-image: url(img/msm/bg52.jpg);}
#map.min.move #bgGroup #z53 {background-image: url(img/msm/bg53.jpg);}
#map.min.move #bgGroup #z54 {background-image: url(img/msm/bg54.jpg);}
#map.min.move #bgGroup #z55 {background-image: url(img/msm/bg55.jpg);}
#map.min.move #bgGroup #z60 {background-image: url(img/msm/bg60.jpg);}
#map.min.move #bgGroup #z61 {background-image: url(img/msm/bg61.jpg);}
#map.min.move #bgGroup #z62 {background-image: url(img/msm/bg62.jpg);}
#map.min.move #bgGroup #z63 {background-image: url(img/msm/bg63.jpg);}
#map.min.move #bgGroup #z64 {background-image: url(img/msm/bg64.jpg);}
#map.min.move #bgGroup #z70 {background-image: url(img/msm/bg70.jpg);}
#map.min.move #bgGroup #z71 {background-image: url(img/msm/bg71.jpg);}
#map.min.move #bgGroup #z72 {background-image: url(img/msm/bg72.jpg);}
#map.min.move #bgGroup #z73 {background-image: url(img/msm/bg73.jpg);}
#map.min.move #bgGroup #z74 {background-image: url(img/msm/bg74.jpg);}

#map #zone > div {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-transition: all 0.5s ease-out 0.2s;
	-o-transition: all 0.5s ease-out 0.2s;
	-webkit-transition: all 0.5s ease-out 0.2s;
	transition: all 0.5s ease-out 0.2s;
	pointer-events:auto;
}

#map #zone #p1 { width: 23px; height: 22px; left: 1017px; top: 181px; }
#map #zone #p2 { width: 53px; height: 15px; left: 1058px; top: 335px; }
#map #zone #p3 { width: 77px; height: 30px; left: 1079px; top: 241px; }
#map #zone #p4 { width: 57px; height: 81px; left: 771px; top: 680px; }
#map #zone #p5 { width: 120px; height: 50px; left: 0; top: 170px; }
#map #zone #p6 { width: 25px; height: 38px; left: 867px; top: 255px; }
#map #zone #p7 { width: 41px; height: 34px; left: 709px; top: 662px; }
#map #zone #p8 { width: 54px; height: 42px; left: 1035px; top: 160px; }
#map #zone #p9 { width: 33px; height: 91px; left: 478px; top: 549px; }
#map #zone #p10 { width: 120px; height: 80px; left: 140px; top: 240px; }
#map #zone #p11 { width: 129px; height: 54px; left: 915px; top: 275px; }
#map #zone #p12 { width: 55px; height: 51px; left: 773px; top: 600px; }
#map #zone #p1201 { width: 83px; height: 58px; left: 703px; top: 305px; }
#map #zone #p121 { width: 83px; height: 58px; left: 703px; top: 305px; }
#map #zone #p13 { width: 81px; height: 96px; left: 832px; top: 680px; }
#map #zone #p14 { width: 56px; height: 48px; left: 466px; top: 791px; }
#map #zone #p15 { width: 58px; height: 23px; left: 645px; top: 653px; }
#map #zone #p16 { width: 139px; height: 80px; left: 534px; top: 775px; }
#map #zone #p17 { width: 120px; height: 50px; left: 0; top: 170px; }
#map #zone #p18 { width: 83px; height: 49px; left: 638px; top: 579px; }
#map #zone #p19 { width: 24px; height: 76px; left: 735px; top: 584px; }
#map #zone #p20 { width: 40px; height: 39px; left: 514px; top: 430px; }
#map #zone #p21 { width: 120px; height: 80px; left: 0; top: 240px; }
#map #zone #p22 { width: 79px; height: 44px; left: 932px; top: 811px; }
#map #zone #p23 { width: 116px; height: 208px; left: 1061px; top: 671px; }
#map #zone #p24 { width: 27px; height: 63px; left: 664px; top: 703px; }
#map #zone #p25 { width: 80px; height: 65px; left: 584px; top: 699px; }
#map #zone #p26 { width: 200px; height: 80px; left: 140px; top: 0; }
#map #zone #p27 { width: 120px; height: 80px; left: 360px; top: 0; }
#map #zone #p28 { width: 120px; height: 80px; left: 500px; top: 0; }
#map #zone #p29 { width: 120px; height: 50px; left: 0; top: 170px; }
#map #zone #p30 { width: 120px; height: 120px; left: 140px; top: 100px; }
#map #zone #p31 { width: 120px; height: 160px; left: 280px; top: 100px; }
#map #zone #p32 { width: 200px; height: 140px; left: 420px; top: 100px; }
#map #zone #p33 { width: 120px; height: 80px; left: 0; top: 240px; }
#map #zone #p34 { width: 120px; height: 80px; left: 140px; top: 240px; }
#map #zone #p35 { width: 120px; height: 40px; left: 280px; top: 280px; }
#map #zone #p36 { width: 200px; height: 60px; left: 420px; top: 260px; }
#map #zone #p37 { width: 120px; height: 150px; left: 0; top: 0; }
#map #zone #p38 { width: 224px; height: 135px; left: 650px; top: 156px; }
#map #zone #p39 { width: 121px; height: 48px; left: 874px; top: 413px; }
#map #zone #p40 { width: 120px; height: 80px; left: 500px; top: 0; }
#map #zone #p41 { width: 120px; height: 50px; left: 0; top: 170px; }
#map #zone #p42 { width: 120px; height: 120px; left: 140px; top: 100px; }
#map #zone #p43 { width: 120px; height: 160px; left: 280px; top: 100px; }
#map #zone #p44 { width: 200px; height: 140px; left: 420px; top: 100px; }
#map #zone #p45 { width: 68px; height: 32px; left: 1008px; top: 455px; }
#map #zone #p46 { width: 146px; height: 58px; left: 982px; top: 605px; }
#map #zone #p47 { width: 53px; height: 38px; left: 935px; top: 479px; }
#map #zone #p48 { width: 155px; height: 30px; left: 771px; top: 481px; }
#map #zone #p49 { width: 38px; height: 106px; left: 821px; top: 289px; }
#map #zone #p50 { width: 93px; height: 66px; left: 678px; top: 467px; }
#map #zone #p51 { width: 45px; height: 73px; left: 1126px; top: 414px; }
#map #zone #p52 { width: 47px; height: 35px; left: 672px; top: 538px; }
#map #zone #p53 { width: 18px; height: 27px; left: 562px; top: 263px; }
#map #zone #p56 { width: 151px; height: 105px; left: 915px; top: 679px; }
#map #zone #p57 { width: 65px; height: 165px; left: 436px; top: 141px; }
#map #zone #p58 { width: 86px; height: 33px; left: 544px; top: 509px; }
#map #zone #p60 { width: 28px; height: 44px; left: 868px; top: 319px; }
#map #zone #p61 { width: 41px; height: 66px; left: 885px; top: 567px; }
#map #zone #p63 { width: 23px; height: 28px; left: 1054px; top: 287px; }
#map #zone #p64 { width: 34px; height: 50px; left: 648px; top: 264px; }
#map #zone #p65 { width: 65px; height: 73px; left: 707px; top: 373px; }
#map #zone #p66 { width: 55px; height: 55px; left: 946px; top: 159px; }
#map #zone #p67 { width: 51px; height: 64px; left: 800px; top: 404px; }
#map #zone #p68 { width: 31px; height: 22px; left: 579px; top: 476px; }
#map #zone #p69 { width: 33px; height: 52px; left: 652px; top: 329px; }
#map #zone #p681 { width: 33px; height: 75px; left: 837px; top: 588px; }
#map #zone #p70 { width: 67px; height: 57px; left: 1100px; top: 159px; }
#map #zone #p71 { width: 30px; height: 40px; left: 1002px; top: 543px; }
#map #zone #p72 { width: 33px; height: 37px; left: 583px; top: 159px; }
#map #zone #p73 { width: 37px; height: 49px; left: 578px; top: 639px; }
#map #zone #p74 { width: 57px; height: 57px; left: 934px; top: 521px; }
#map #zone #p75 { width: 33px; height: 49px; left: 525px; top: 629px; }
#map #zone #p76 { width: 65px; height: 91px; left: 453px; top: 657px; }
#map #zone #p77 { width: 22px; height: 9px; left: 947px; top: 648px; }
#map #zone #p78 { width: 65px; height: 54px; left: 542px; top: 287px; }
#map #zone #p79 { width: 71px; height: 78px; left: 873px; top: 144px; }
#map #zone #p80 { width: 35px; height: 35px; left: 472px; top: 318px; }
#map #zone #p81 { width: 79px; height: 82px; left: 424px; top: 461px; }
#map #zone #p82 { width: 46px; height: 62px; left: 570px; top: 572px; }
#map #zone #p84 { width: 33px; height: 36px; left: 529px; top: 576px; }
#map #zone #p85 { width: 14px; height: 22px; left: 951px; top: 596px; }
#map #zone #p87 { width: 48px; height: 25px; left: 783px; top: 555px; }
#map #zone #p88 { width: 23px; height: 21px; left: 998px; top: 342px; }
#map #zone #p89 { width: 23px; height: 44px; left: 998px; top: 366px; }
#map #zone #p90 { width: 44px; height: 28px; left: 1021px; top: 500px; }
#map #zone #p92 { width: 43px; height: 23px; left: 637px; top: 486px; }
#map #zone #p93 { width: 44px; height: 49px; left: 521px; top: 150px; }
#map #zone #p94 { width: 35px; height: 34px; left: 715px; top: 701px; }
#map #zone #p95 { width: 46px; height: 36px; left: 1110px; top: 283px; }
#map #zone #p96 { width: 69px; height: 21px; left: 768px; top: 526px; }
#map #zone #p100 { width: 43px; height: 69px; left: 787px; top: 785px; }
#map #zone #p102 { width: 46px; height: 46px; left: 529px; top: 748px; }
#map #zone #p103 { width: 53px; height: 63px; left: 1115px; top: 600px; }
#map #zone #p104 { width: 61px; height: 115px; left: 457px; top: 358px; }
#map #zone #p1041 { width: 33px; height: 39px; left: 523px; top: 486px; }
#map #zone #p105 { width: 83px; height: 22px; left: 919px; top: 232px; }
#map #zone #p106 { width: 45px; height: 38px; left: 519px; top: 383px; }
#map #zone #p107 { width: 38px; height: 27px; left: 1063px; top: 548px; }
#map #zone #p108 { width: 22px; height: 36px; left: 514px; top: 335px; }
#map #zone #p110 { width: 110px; height: 26px; left: 1065px; top: 377px; }
#map #zone #p111 { width: 19px; height: 18px; left: 1013px; top: 234px; }
#map #zone #p112 { width: 21px; height: 58px; left: 1090px; top: 428px; }
#map #zone #p113 { width: 28px; height: 43px; left: 965px; top: 352px; }
#map #zone #p1131 { width: 26px; height: 36px; left: 1025px; top: 384px; }
#map #zone #p1132 { width: 28px; height: 24px; left: 915px; top: 346px; }
#map #zone #p1133 { width: 18px; height: 24px; left: 910px; top: 372px; }
#map #zone #p1134 { width: 23px; height: 29px; left: 932px; top: 371px; }
#map #zone #p114 { width: 41px; height: 49px; left: 569px; top: 414px; }
#map #zone #p115 { width: 41px; height: 22px; left: 524px; top: 705px; }
#map #zone #p117 { width: 48px; height: 88px; left: 1125px; top: 499px; }
#map #zone #p118 { width: 55px; height: 53px; left: 510px; top: 212px; }
#map #zone #p120 { width: 40px; height: 65px; left: 853px; top: 792px; }
#map #zone #p121 { width: 49px; height: 80px; left: 574px; top: 340px; }
#map #zone #p123 { width: 58px; height: 58px; left: 585px; top: 193px; }
#map #zone #p125 { width: 52px; height: 59px; left: 645px; top: 407px; }
#map #zone #p126 { width: 80px; height: 33px; left: 515px; top: 545px; }
#map #zone #p127 { width: 17px; height: 36px; left: 1028px; top: 337px; }
#map #zone #p130 { width: 139px; height: 126px; left: 642px; top: 748px; }

#map #zone div.active {opacity: 1;}
#map #zone div.disabled {pointer-events:none;}

#map #zone #p1.active { background-image:url(img/prods/1.png); }
#map #zone #p2.active { background-image:url(img/prods/2.png); }
#map #zone #p3.active { background-image:url(img/prods/3.png); }
#map #zone #p4.active { background-image:url(img/prods/4.png); }
#map #zone #p5.active { background-image:url(img/prods/5.png); }
#map #zone #p6.active { background-image:url(img/prods/6.png); }
#map #zone #p7.active { background-image:url(img/prods/7.png); }
#map #zone #p8.active { background-image:url(img/prods/8.png); }
#map #zone #p9.active { background-image:url(img/prods/9.png); }
#map #zone #p10.active { background-image:url(img/prods/10.png); }
#map #zone #p11.active { background-image:url(img/prods/11.png); }
#map #zone #p12.active { background-image:url(img/prods/12.png); }
#map #zone #p1201.active { background-image:url(img/prods/1201.png); }
#map #zone #p13.active { background-image:url(img/prods/13.png); }
#map #zone #p14.active { background-image:url(img/prods/14.png); }
#map #zone #p15.active { background-image:url(img/prods/15.png); }
#map #zone #p16.active { background-image:url(img/prods/16.png); }
#map #zone #p17.active { background-image:url(img/prods/17.png); }
#map #zone #p18.active { background-image:url(img/prods/18.png); }
#map #zone #p19.active { background-image:url(img/prods/19.png); }
#map #zone #p20.active { background-image:url(img/prods/20.png); }
#map #zone #p21.active { background-image:url(img/prods/21.png); }
#map #zone #p22.active { background-image:url(img/prods/22.png); }
#map #zone #p23.active { background-image:url(img/prods/23.png); }
#map #zone #p24.active { background-image:url(img/prods/24.png); }
#map #zone #p25.active { background-image:url(img/prods/25.png); }
#map #zone #p26.active { background-image:url(img/prods/26.png); }
#map #zone #p27.active { background-image:url(img/prods/27.png); }
#map #zone #p28.active { background-image:url(img/prods/28.png); }
#map #zone #p29.active { background-image:url(img/prods/29.png); }
#map #zone #p30.active { background-image:url(img/prods/30.png); }
#map #zone #p31.active { background-image:url(img/prods/31.png); }
#map #zone #p32.active { background-image:url(img/prods/32.png); }
#map #zone #p33.active { background-image:url(img/prods/33.png); }
#map #zone #p34.active { background-image:url(img/prods/34.png); }
#map #zone #p35.active { background-image:url(img/prods/35.png); }
#map #zone #p36.active { background-image:url(img/prods/36.png); }
#map #zone #p37.active { background-image:url(img/prods/37.png); }
#map #zone #p38.active { background-image:url(img/prods/38.png); }
#map #zone #p39.active { background-image:url(img/prods/39.png); }
#map #zone #p40.active { background-image:url(img/prods/40.png); }
#map #zone #p41.active { background-image:url(img/prods/41.png); }
#map #zone #p42.active { background-image:url(img/prods/42.png); }
#map #zone #p43.active { background-image:url(img/prods/43.png); }
#map #zone #p44.active { background-image:url(img/prods/44.png); }
#map #zone #p45.active { background-image:url(img/prods/45.png); }
#map #zone #p46.active { background-image:url(img/prods/46.png); }
#map #zone #p47.active { background-image:url(img/prods/47.png); }
#map #zone #p48.active { background-image:url(img/prods/48.png); }
#map #zone #p49.active { background-image:url(img/prods/49.png); }
#map #zone #p50.active { background-image:url(img/prods/50.png); }
#map #zone #p51.active { background-image:url(img/prods/51.png); }
#map #zone #p52.active { background-image:url(img/prods/52.png); }
#map #zone #p53.active { background-image:url(img/prods/53.png); }
#map #zone #p54.active { background-image:url(img/prods/54.png); }
#map #zone #p55.active { background-image:url(img/prods/55.png); }
#map #zone #p56.active { background-image:url(img/prods/56.png); }
#map #zone #p57.active { background-image:url(img/prods/57.png); }
#map #zone #p58.active { background-image:url(img/prods/58.png); }
#map #zone #p59.active { background-image:url(img/prods/59.png); }
#map #zone #p60.active { background-image:url(img/prods/60.png); }
#map #zone #p61.active { background-image:url(img/prods/61.png); }
#map #zone #p62.active { background-image:url(img/prods/62.png); }
#map #zone #p63.active { background-image:url(img/prods/63.png); }
#map #zone #p64.active { background-image:url(img/prods/64.png); }
#map #zone #p65.active { background-image:url(img/prods/65.png); }
#map #zone #p66.active { background-image:url(img/prods/66.png); }
#map #zone #p67.active { background-image:url(img/prods/67.png); }
#map #zone #p68.active { background-image:url(img/prods/68.png); }
#map #zone #p681.active { background-image:url(img/prods/681.png); }
#map #zone #p69.active { background-image:url(img/prods/69.png); }
#map #zone #p70.active { background-image:url(img/prods/70.png); }
#map #zone #p71.active { background-image:url(img/prods/71.png); }
#map #zone #p72.active { background-image:url(img/prods/72.png); }
#map #zone #p73.active { background-image:url(img/prods/73.png); }
#map #zone #p74.active { background-image:url(img/prods/74.png); }
#map #zone #p75.active { background-image:url(img/prods/75.png); }
#map #zone #p76.active { background-image:url(img/prods/76.png); }
#map #zone #p77.active { background-image:url(img/prods/77.png); }
#map #zone #p78.active { background-image:url(img/prods/78.png); }
#map #zone #p79.active { background-image:url(img/prods/79.png); }
#map #zone #p80.active { background-image:url(img/prods/80.png); }
#map #zone #p81.active { background-image:url(img/prods/81.png); }
#map #zone #p82.active { background-image:url(img/prods/82.png); }
#map #zone #p83.active { background-image:url(img/prods/83.png); }
#map #zone #p84.active { background-image:url(img/prods/84.png); }
#map #zone #p85.active { background-image:url(img/prods/85.png); }
#map #zone #p86.active { background-image:url(img/prods/86.png); }
#map #zone #p87.active { background-image:url(img/prods/87.png); }
#map #zone #p88.active { background-image:url(img/prods/88.png); }
#map #zone #p89.active { background-image:url(img/prods/89.png); }
#map #zone #p90.active { background-image:url(img/prods/90.png); }
#map #zone #p91.active { background-image:url(img/prods/91.png); }
#map #zone #p92.active { background-image:url(img/prods/92.png); }
#map #zone #p93.active { background-image:url(img/prods/93.png); }
#map #zone #p94.active { background-image:url(img/prods/94.png); }
#map #zone #p95.active { background-image:url(img/prods/95.png); }
#map #zone #p96.active { background-image:url(img/prods/96.png); }
#map #zone #p97.active { background-image:url(img/prods/97.png); }
#map #zone #p98.active { background-image:url(img/prods/98.png); }
#map #zone #p99.active { background-image:url(img/prods/99.png); }
#map #zone #p100.active { background-image:url(img/prods/100.png); }
#map #zone #p101.active { background-image:url(img/prods/101.png); }
#map #zone #p102.active { background-image:url(img/prods/102.png); }
#map #zone #p103.active { background-image:url(img/prods/103.png); }
#map #zone #p104.active { background-image:url(img/prods/104.png); }
#map #zone #p1041.active { background-image:url(img/prods/1041.png); }
#map #zone #p105.active { background-image:url(img/prods/105.png); }
#map #zone #p106.active { background-image:url(img/prods/106.png); }
#map #zone #p107.active { background-image:url(img/prods/107.png); }
#map #zone #p108.active { background-image:url(img/prods/108.png); }
#map #zone #p109.active { background-image:url(img/prods/109.png); }
#map #zone #p110.active { background-image:url(img/prods/110.png); }
#map #zone #p111.active { background-image:url(img/prods/111.png); }
#map #zone #p112.active { background-image:url(img/prods/112.png); }
#map #zone #p113.active { background-image:url(img/prods/113.png); }
#map #zone #p1131.active { background-image:url(img/prods/1131.png); }
#map #zone #p1132.active { background-image:url(img/prods/1132.png); }
#map #zone #p1133.active { background-image:url(img/prods/1133.png); }
#map #zone #p1134.active { background-image:url(img/prods/1134.png); }
#map #zone #p114.active { background-image:url(img/prods/114.png); }
#map #zone #p115.active { background-image:url(img/prods/115.png); }
#map #zone #p116.active { background-image:url(img/prods/116.png); }
#map #zone #p117.active { background-image:url(img/prods/117.png); }
#map #zone #p118.active { background-image:url(img/prods/118.png); }
#map #zone #p119.active { background-image:url(img/prods/119.png); }
#map #zone #p120.active { background-image:url(img/prods/120.png); }
#map #zone #p121.active { background-image:url(img/prods/121.png); }
#map #zone #p122.active { background-image:url(img/prods/122.png); }
#map #zone #p123.active { background-image:url(img/prods/123.png); }
#map #zone #p124.active { background-image:url(img/prods/124.png); }
#map #zone #p125.active { background-image:url(img/prods/125.png); }
#map #zone #p126.active { background-image:url(img/prods/126.png); }
#map #zone #p127.active { background-image:url(img/prods/127.png); }
#map #zone #p130.active { background-image:url(img/prods/130.png); }

#map.min #zone #p1.active { background-image:url(img/prodsm/1.png); }
#map.min #zone #p2.active { background-image:url(img/prodsm/2.png); }
#map.min #zone #p3.active { background-image:url(img/prodsm/3.png); }
#map.min #zone #p4.active { background-image:url(img/prodsm/4.png); }
#map.min #zone #p5.active { background-image:url(img/prodsm/5.png); }
#map.min #zone #p6.active { background-image:url(img/prodsm/6.png); }
#map.min #zone #p7.active { background-image:url(img/prodsm/7.png); }
#map.min #zone #p8.active { background-image:url(img/prodsm/8.png); }
#map.min #zone #p9.active { background-image:url(img/prodsm/9.png); }
#map.min #zone #p10.active { background-image:url(img/prodsm/10.png); }
#map.min #zone #p11.active { background-image:url(img/prodsm/11.png); }
#map.min #zone #p12.active { background-image:url(img/prodsm/12.png); }
#map.min #zone #p1201.active { background-image:url(img/prodsm/1201.png); }
#map.min #zone #p13.active { background-image:url(img/prodsm/13.png); }
#map.min #zone #p14.active { background-image:url(img/prodsm/14.png); }
#map.min #zone #p15.active { background-image:url(img/prodsm/15.png); }
#map.min #zone #p16.active { background-image:url(img/prodsm/16.png); }
#map.min #zone #p17.active { background-image:url(img/prodsm/17.png); }
#map.min #zone #p18.active { background-image:url(img/prodsm/18.png); }
#map.min #zone #p19.active { background-image:url(img/prodsm/19.png); }
#map.min #zone #p20.active { background-image:url(img/prodsm/20.png); }
#map.min #zone #p21.active { background-image:url(img/prodsm/21.png); }
#map.min #zone #p22.active { background-image:url(img/prodsm/22.png); }
#map.min #zone #p23.active { background-image:url(img/prodsm/23.png); }
#map.min #zone #p24.active { background-image:url(img/prodsm/24.png); }
#map.min #zone #p25.active { background-image:url(img/prodsm/25.png); }
#map.min #zone #p26.active { background-image:url(img/prodsm/26.png); }
#map.min #zone #p27.active { background-image:url(img/prodsm/27.png); }
#map.min #zone #p28.active { background-image:url(img/prodsm/28.png); }
#map.min #zone #p29.active { background-image:url(img/prodsm/29.png); }
#map.min #zone #p30.active { background-image:url(img/prodsm/30.png); }
#map.min #zone #p31.active { background-image:url(img/prodsm/31.png); }
#map.min #zone #p32.active { background-image:url(img/prodsm/32.png); }
#map.min #zone #p33.active { background-image:url(img/prodsm/33.png); }
#map.min #zone #p34.active { background-image:url(img/prodsm/34.png); }
#map.min #zone #p35.active { background-image:url(img/prodsm/35.png); }
#map.min #zone #p36.active { background-image:url(img/prodsm/36.png); }
#map.min #zone #p37.active { background-image:url(img/prodsm/37.png); }
#map.min #zone #p38.active { background-image:url(img/prodsm/38.png); }
#map.min #zone #p39.active { background-image:url(img/prodsm/39.png); }
#map.min #zone #p40.active { background-image:url(img/prodsm/40.png); }
#map.min #zone #p41.active { background-image:url(img/prodsm/41.png); }
#map.min #zone #p42.active { background-image:url(img/prodsm/42.png); }
#map.min #zone #p43.active { background-image:url(img/prodsm/43.png); }
#map.min #zone #p44.active { background-image:url(img/prodsm/44.png); }
#map.min #zone #p45.active { background-image:url(img/prodsm/45.png); }
#map.min #zone #p46.active { background-image:url(img/prodsm/46.png); }
#map.min #zone #p47.active { background-image:url(img/prodsm/47.png); }
#map.min #zone #p48.active { background-image:url(img/prodsm/48.png); }
#map.min #zone #p49.active { background-image:url(img/prodsm/49.png); }
#map.min #zone #p50.active { background-image:url(img/prodsm/50.png); }
#map.min #zone #p51.active { background-image:url(img/prodsm/51.png); }
#map.min #zone #p52.active { background-image:url(img/prodsm/52.png); }
#map.min #zone #p53.active { background-image:url(img/prodsm/53.png); }
#map.min #zone #p54.active { background-image:url(img/prodsm/54.png); }
#map.min #zone #p55.active { background-image:url(img/prodsm/55.png); }
#map.min #zone #p56.active { background-image:url(img/prodsm/56.png); }
#map.min #zone #p57.active { background-image:url(img/prodsm/57.png); }
#map.min #zone #p58.active { background-image:url(img/prodsm/58.png); }
#map.min #zone #p59.active { background-image:url(img/prodsm/59.png); }
#map.min #zone #p60.active { background-image:url(img/prodsm/60.png); }
#map.min #zone #p61.active { background-image:url(img/prodsm/61.png); }
#map.min #zone #p62.active { background-image:url(img/prodsm/62.png); }
#map.min #zone #p63.active { background-image:url(img/prodsm/63.png); }
#map.min #zone #p64.active { background-image:url(img/prodsm/64.png); }
#map.min #zone #p65.active { background-image:url(img/prodsm/65.png); }
#map.min #zone #p66.active { background-image:url(img/prodsm/66.png); }
#map.min #zone #p67.active { background-image:url(img/prodsm/67.png); }
#map.min #zone #p68.active { background-image:url(img/prodsm/68.png); }
#map.min #zone #p681.active { background-image:url(img/prodsm/681.png); }
#map.min #zone #p69.active { background-image:url(img/prodsm/69.png); }
#map.min #zone #p70.active { background-image:url(img/prodsm/70.png); }
#map.min #zone #p71.active { background-image:url(img/prodsm/71.png); }
#map.min #zone #p72.active { background-image:url(img/prodsm/72.png); }
#map.min #zone #p73.active { background-image:url(img/prodsm/73.png); }
#map.min #zone #p74.active { background-image:url(img/prodsm/74.png); }
#map.min #zone #p75.active { background-image:url(img/prodsm/75.png); }
#map.min #zone #p76.active { background-image:url(img/prodsm/76.png); }
#map.min #zone #p77.active { background-image:url(img/prodsm/77.png); }
#map.min #zone #p78.active { background-image:url(img/prodsm/78.png); }
#map.min #zone #p79.active { background-image:url(img/prodsm/79.png); }
#map.min #zone #p80.active { background-image:url(img/prodsm/80.png); }
#map.min #zone #p81.active { background-image:url(img/prodsm/81.png); }
#map.min #zone #p82.active { background-image:url(img/prodsm/82.png); }
#map.min #zone #p83.active { background-image:url(img/prodsm/83.png); }
#map.min #zone #p84.active { background-image:url(img/prodsm/84.png); }
#map.min #zone #p85.active { background-image:url(img/prodsm/85.png); }
#map.min #zone #p86.active { background-image:url(img/prodsm/86.png); }
#map.min #zone #p87.active { background-image:url(img/prodsm/87.png); }
#map.min #zone #p88.active { background-image:url(img/prodsm/88.png); }
#map.min #zone #p89.active { background-image:url(img/prodsm/89.png); }
#map.min #zone #p90.active { background-image:url(img/prodsm/90.png); }
#map.min #zone #p91.active { background-image:url(img/prodsm/91.png); }
#map.min #zone #p92.active { background-image:url(img/prodsm/92.png); }
#map.min #zone #p93.active { background-image:url(img/prodsm/93.png); }
#map.min #zone #p94.active { background-image:url(img/prodsm/94.png); }
#map.min #zone #p95.active { background-image:url(img/prodsm/95.png); }
#map.min #zone #p96.active { background-image:url(img/prodsm/96.png); }
#map.min #zone #p97.active { background-image:url(img/prodsm/97.png); }
#map.min #zone #p98.active { background-image:url(img/prodsm/98.png); }
#map.min #zone #p99.active { background-image:url(img/prodsm/99.png); }
#map.min #zone #p100.active { background-image:url(img/prodsm/100.png); }
#map.min #zone #p101.active { background-image:url(img/prodsm/101.png); }
#map.min #zone #p102.active { background-image:url(img/prodsm/102.png); }
#map.min #zone #p103.active { background-image:url(img/prodsm/103.png); }
#map.min #zone #p104.active { background-image:url(img/prodsm/104.png); }
#map.min #zone #p1041.active { background-image:url(img/prodsm/1041.png); }
#map.min #zone #p105.active { background-image:url(img/prodsm/105.png); }
#map.min #zone #p106.active { background-image:url(img/prodsm/106.png); }
#map.min #zone #p107.active { background-image:url(img/prodsm/107.png); }
#map.min #zone #p108.active { background-image:url(img/prodsm/108.png); }
#map.min #zone #p109.active { background-image:url(img/prodsm/109.png); }
#map.min #zone #p110.active { background-image:url(img/prodsm/110.png); }
#map.min #zone #p111.active { background-image:url(img/prodsm/111.png); }
#map.min #zone #p112.active { background-image:url(img/prodsm/112.png); }
#map.min #zone #p113.active { background-image:url(img/prodsm/113.png); }
#map.min #zone #p1131.active { background-image:url(img/prodsm/1131.png); }
#map.min #zone #p1132.active { background-image:url(img/prodsm/1132.png); }
#map.min #zone #p1133.active { background-image:url(img/prodsm/1133.png); }
#map.min #zone #p1134.active { background-image:url(img/prodsm/1134.png); }
#map.min #zone #p114.active { background-image:url(img/prodsm/114.png); }
#map.min #zone #p115.active { background-image:url(img/prodsm/115.png); }
#map.min #zone #p116.active { background-image:url(img/prodsm/116.png); }
#map.min #zone #p117.active { background-image:url(img/prodsm/117.png); }
#map.min #zone #p118.active { background-image:url(img/prodsm/118.png); }
#map.min #zone #p119.active { background-image:url(img/prodsm/119.png); }
#map.min #zone #p120.active { background-image:url(img/prodsm/120.png); }
#map.min #zone #p121.active { background-image:url(img/prodsm/121.png); }
#map.min #zone #p122.active { background-image:url(img/prodsm/122.png); }
#map.min #zone #p123.active { background-image:url(img/prodsm/123.png); }
#map.min #zone #p124.active { background-image:url(img/prodsm/124.png); }
#map.min #zone #p125.active { background-image:url(img/prodsm/125.png); }
#map.min #zone #p126.active { background-image:url(img/prodsm/126.png); }
#map.min #zone #p127.active { background-image:url(img/prodsm/127.png); }
#map.min #zone #p130.active { background-image:url(img/prodsm/130.png); }

footer {
	display: block;
	max-width: 1400px;
	height: 56px;
	width:100%;
	position: fixed;
	left: 50%;
	margin-left: -700px;
	bottom: 20px;
	pointer-events:none;
}

footer #vid-button {
	display:block;
	width:45px;
	height:46px;
	/*margin-top: 8px;*/
	background:url(img/btn-video.png) no-repeat left top;
	cursor:pointer;
	position: absolute;
	margin-left: 20px;
	pointer-events: all;
}
footer #vid-button:hover {
	background-position: left bottom;
}

footer #filters {
	display:block;
	height: 76px;
	width: 294px;
	left:50%;
	margin-left:-142px;
	margin-top: -25px;
	position: absolute;
	pointer-events: all;
}

footer #filters div {
	display:block;
	width:66px;
	float:left;
	margin-right:10px;
}

footer #filters a {
	display:block;
	width:56px;
	height:56px;
	background:url(img/filters.png) no-repeat left top;
	margin: 0 auto;
}

footer #filters label {
	display:block;
	width: 66px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1em;
	margin-top: 0px;
	vertical-align:bottom;
	color: #fff;
	opacity: 0;
}


footer #filters div.selected label {
	opacity: 1;
}



footer #filters div:last-child {
	margin-right:0;
}

footer #filters.disable a {
	pointer-events: none;
}

footer nav {
	display: block;
	width: 154px;
	height: 32px;
	padding: 5px 5px;
	position: absolute;
	top: 3px;
	right: 20px;
	background-color: #2b2b2b;
	border-radius: 5px;
	pointer-events: all;
}

footer nav a {
	display: block;
	width: 32px;
	height: 32px;
	background-color: #646464;
	border-radius: 5px;
	float: left;
}

footer nav > div {
  float: left;
}

footer nav a#zi {
	background:#646464 url(img/zin.png) no-repeat center;
}

footer nav a#zo {
	background:#646464 url(img/zout.png) no-repeat center;
}

footer nav .zoom-range {
	width: 79px;
	padding-top:2px;
	height: 25px;
	float: left;
	margin-left: 4px;
}

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*fix for FF unable to apply focus style bug */
    border: 1px solid transparent;

    /*required for proper track sizing in FF*/
    width: 79px;
	background:none;


}
input[type=range]::-webkit-slider-runnable-track {
    width: 79px;
    height: 4px;
    background: #8c8c8c;
    border: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 26px;
    width: 8px;
    border-radius: 3px;
    /*padding: 0 10px;*/
    background: #e1e1e1;
    margin-top: -11px;
    cursor: pointer;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #8c8c8c;
}

input[type=range]::-moz-range-track {
    width: 79px;
    height: 4px;
    background: #8c8c8c;
    border: none;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 26px;
    width: 8px;
    border-radius: 3px;
    background: #e1e1e1;
        cursor: pointer;

}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid transparent;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 79px;
    height: 4px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #8c8c8c;
}
input[type=range]::-ms-fill-upper {
    background: #8c8c8c;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 26px;
    width: 8px;
    border-radius: 3px;
    background: #e1e1e1;
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    background: #8c8c8c;
}
input[type=range]:focus::-ms-fill-upper {
    background: #8c8c8c;
}

footer nav a:last-child { margin-left: 5px;}

@media only screen and (min-width: 801px) {

	footer #filters div:hover label {
		opacity: 1;
	}

	footer #filters .f1 a {
		background-position:0px 0px;
	}
	footer #filters .f1 a:hover,
	footer #filters .f1.selected a {
		background-position:0px -56px;
	}
	footer #filters .f2 a {
		background-position:right 0px;
	}
	footer #filters .f2 a:hover,
	footer #filters .f2.selected a {
		background-position:right -56px;
	}
	footer #filters .f3 a {
		background-position:-152px 0px;
	}
	footer #filters .f3 a:hover,
	footer #filters .f3.selected a {
		background-position:-152px -56px;
	}
	footer #filters .f4 a {
		background-position:-76px 0px;
	}
	footer #filters .f4 a:hover,
	footer #filters .f4.selected a {
		background-position:-76px -56px;
	}

	footer #filters div.selected a:hover {
		background-position:0px -112px;
	}
}

@media only screen and (max-width: 1400px) {


	footer {
		display: block;
		max-width: 1400px;
		height: 74px;
		width:100%;
		position: fixed;
		left: 0;
		margin-left: 0px;
		bottom: 20px;
	}


}

@media only screen and (max-height: 730px) and (max-width: 800px) {

	#intro {

		width: 90%;
		height: 400px;
		top: 50%;
		left: 50%;
		margin: -200px 0 0 -45%;
		/*display:none;*/
	}
	#intro #text {
		width: 80%;
	}

	#vid-content {
		position:absolute;
		display:block;
		width: 778px;
		height: 438px;
		background-color: #000;
		left: 50%;
		top: 50%;
		margin: -219px 0 0 -389px;
	}

	#vid-overlay #close-vid {
		position:absolute;
		width: 25px;
		height: 25px;
		background: url(img/btn-close.png) no-repeat;
		background-size: 100%;
		float: right;
		margin-top: 14px;
		margin-right: 20px;
		cursor: pointer;
		left: 50%;
		top: 50%;
		margin: -260px 0 0 374px;
	}

}

@media only screen and (max-width: 800px) {

	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}


	#vid-content {
		position:relative;
		width: 90%;
		height: auto;
		left: auto;
		top: auto;
		margin: 20% auto 0;
	}

	#vid-content img {
		width: 100%;
		height: auto;
	}

	#vid-overlay #close-vid {
		position:absolute;
		width: 25px;
		height: 25px;
		background: url(img/btn-close.png) no-repeat;
		background-size: 100%;
		float: right;
		margin: 0;
		left: auto;
		right: 10px;
		top: 10px;
	}

	#map {
		width: 1600px;
		height: 1000px;
	}

	#map .lastrow, #map .lastcol {
		display: none !important;
	}


#map #z10 {background-image: url(img/mb/msl/bg10.jpg);}
#map #z11 {background-image: url(img/mb/msl/bg11.jpg);}
#map #z12 {background-image: url(img/mb/msl/bg12.jpg);}
#map #z13 {background-image: url(img/mb/msl/bg13.jpg);}
#map #z14 {background-image: url(img/mb/msl/bg14.jpg);}
#map #z15 {background-image: url(img/mb/msl/bg15.jpg);}
#map #z20 {background-image: url(img/mb/msl/bg20.jpg);}
#map #z21 {background-image: url(img/mb/msl/bg21.jpg);}
#map #z22 {background-image: url(img/mb/msl/bg22.jpg);}
#map #z23 {background-image: url(img/mb/msl/bg23.jpg);}
#map #z24 {background-image: url(img/mb/msl/bg24.jpg);}
#map #z25 {background-image: url(img/mb/msl/bg25.jpg);}
#map #z30 {background-image: url(img/mb/msl/bg30.jpg);}
#map #z31 {background-image: url(img/mb/msl/bg31.jpg);}
#map #z32 {background-image: url(img/mb/msl/bg32.jpg);}
#map #z33 {background-image: url(img/mb/msl/bg33.jpg);}
#map #z34 {background-image: url(img/mb/msl/bg34.jpg);}
#map #z35 {background-image: url(img/mb/msl/bg35.jpg);}
#map #z40 {background-image: url(img/mb/msl/bg40.jpg);}
#map #z41 {background-image: url(img/mb/msl/bg41.jpg);}
#map #z42 {background-image: url(img/mb/msl/bg42.jpg);}
#map #z43 {background-image: url(img/mb/msl/bg43.jpg);}
#map #z44 {background-image: url(img/mb/msl/bg44.jpg);}
#map #z45 {background-image: url(img/mb/msl/bg45.jpg);}
#map #z50 {background-image: url(img/mb/msl/bg50.jpg);}
#map #z51 {background-image: url(img/mb/msl/bg51.jpg);}
#map #z52 {background-image: url(img/mb/msl/bg52.jpg);}
#map #z53 {background-image: url(img/mb/msl/bg53.jpg);}
#map #z54 {background-image: url(img/mb/msl/bg54.jpg);}
#map #z55 {background-image: url(img/mb/msl/bg55.jpg);}
#map #z60 {background-image: url(img/mb/msl/bg60.jpg);}
#map #z61 {background-image: url(img/mb/msl/bg61.jpg);}
#map #z62 {background-image: url(img/mb/msl/bg62.jpg);}
#map #z63 {background-image: url(img/mb/msl/bg63.jpg);}
#map #z64 {background-image: url(img/mb/msl/bg64.jpg);}
#map #z70 {background-image: url(img/mb/msl/bg70.jpg);}
#map #z71 {background-image: url(img/mb/msl/bg71.jpg);}
#map #z72 {background-image: url(img/mb/msl/bg72.jpg);}
#map #z73 {background-image: url(img/mb/msl/bg73.jpg);}
#map #z74 {background-image: url(img/mb/msl/bg74.jpg);}

#map #bgGroup #z10.done  {background-image: url(img/mb/ms/bg10.jpg);}
#map #bgGroup #z11.done  {background-image: url(img/mb/ms/bg11.jpg);}
#map #bgGroup #z12.done  {background-image: url(img/mb/ms/bg12.jpg);}
#map #bgGroup #z13.done  {background-image: url(img/mb/ms/bg13.jpg);}
#map #bgGroup #z14.done  {background-image: url(img/mb/ms/bg14.jpg);}
#map #bgGroup #z15.done  {background-image: url(img/mb/ms/bg15.jpg);}
#map #bgGroup #z20.done  {background-image: url(img/mb/ms/bg20.jpg);}
#map #bgGroup #z21.done  {background-image: url(img/mb/ms/bg21.jpg);}
#map #bgGroup #z22.done  {background-image: url(img/mb/ms/bg22.jpg);}
#map #bgGroup #z23.done  {background-image: url(img/mb/ms/bg23.jpg);}
#map #bgGroup #z24.done  {background-image: url(img/mb/ms/bg24.jpg);}
#map #bgGroup #z25.done  {background-image: url(img/mb/ms/bg25.jpg);}
#map #bgGroup #z30.done  {background-image: url(img/mb/ms/bg30.jpg);}
#map #bgGroup #z31.done  {background-image: url(img/mb/ms/bg31.jpg);}
#map #bgGroup #z32.done  {background-image: url(img/mb/ms/bg32.jpg);}
#map #bgGroup #z33.done  {background-image: url(img/mb/ms/bg33.jpg);}
#map #bgGroup #z34.done  {background-image: url(img/mb/ms/bg34.jpg);}
#map #bgGroup #z35.done  {background-image: url(img/mb/ms/bg35.jpg);}
#map #bgGroup #z40.done  {background-image: url(img/mb/ms/bg40.jpg);}
#map #bgGroup #z41.done  {background-image: url(img/mb/ms/bg41.jpg);}
#map #bgGroup #z42.done  {background-image: url(img/mb/ms/bg42.jpg);}
#map #bgGroup #z43.done  {background-image: url(img/mb/ms/bg43.jpg);}
#map #bgGroup #z44.done  {background-image: url(img/mb/ms/bg44.jpg);}
#map #bgGroup #z45.done  {background-image: url(img/mb/ms/bg45.jpg);}
#map #bgGroup #z50.done  {background-image: url(img/mb/ms/bg50.jpg);}
#map #bgGroup #z51.done  {background-image: url(img/mb/ms/bg51.jpg);}
#map #bgGroup #z52.done  {background-image: url(img/mb/ms/bg52.jpg);}
#map #bgGroup #z53.done  {background-image: url(img/mb/ms/bg53.jpg);}
#map #bgGroup #z54.done  {background-image: url(img/mb/ms/bg54.jpg);}
#map #bgGroup #z55.done  {background-image: url(img/mb/ms/bg55.jpg);}
#map #bgGroup #z60.done  {background-image: url(img/mb/msl/bg60.jpg);}
#map #bgGroup #z61.done  {background-image: url(img/mb/msl/bg61.jpg);}
#map #bgGroup #z62.done  {background-image: url(img/mb/msl/bg62.jpg);}
#map #bgGroup #z63.done  {background-image: url(img/mb/msl/bg63.jpg);}
#map #bgGroup #z64.done  {background-image: url(img/mb/msl/bg64.jpg);}
#map #bgGroup #z70.done  {background-image: url(img/mb/msl/bg70.jpg);}
#map #bgGroup #z71.done  {background-image: url(img/mb/msl/bg71.jpg);}
#map #bgGroup #z72.done  {background-image: url(img/mb/msl/bg72.jpg);}
#map #bgGroup #z73.done  {background-image: url(img/mb/msl/bg73.jpg);}
#map #bgGroup #z74.done  {background-image: url(img/mb/msl/bg74.jpg);}

#map.move #bgGroup #z10 {background-image: url(img/mb/msl/bg10.jpg);}
#map.move #bgGroup #z11 {background-image: url(img/mb/msl/bg11.jpg);}
#map.move #bgGroup #z12 {background-image: url(img/mb/msl/bg12.jpg);}
#map.move #bgGroup #z13 {background-image: url(img/mb/msl/bg13.jpg);}
#map.move #bgGroup #z14 {background-image: url(img/mb/msl/bg14.jpg);}
#map.move #bgGroup #z15 {background-image: url(img/mb/msl/bg15.jpg);}
#map.move #bgGroup #z20 {background-image: url(img/mb/msl/bg20.jpg);}
#map.move #bgGroup #z21 {background-image: url(img/mb/msl/bg21.jpg);}
#map.move #bgGroup #z22 {background-image: url(img/mb/msl/bg22.jpg);}
#map.move #bgGroup #z23 {background-image: url(img/mb/msl/bg23.jpg);}
#map.move #bgGroup #z24 {background-image: url(img/mb/msl/bg24.jpg);}
#map.move #bgGroup #z25 {background-image: url(img/mb/msl/bg25.jpg);}
#map.move #bgGroup #z30 {background-image: url(img/mb/msl/bg30.jpg);}
#map.move #bgGroup #z31 {background-image: url(img/mb/msl/bg31.jpg);}
#map.move #bgGroup #z32 {background-image: url(img/mb/msl/bg32.jpg);}
#map.move #bgGroup #z33 {background-image: url(img/mb/msl/bg33.jpg);}
#map.move #bgGroup #z34 {background-image: url(img/mb/msl/bg34.jpg);}
#map.move #bgGroup #z35 {background-image: url(img/mb/msl/bg35.jpg);}
#map.move #bgGroup #z40 {background-image: url(img/mb/msl/bg40.jpg);}
#map.move #bgGroup #z41 {background-image: url(img/mb/msl/bg41.jpg);}
#map.move #bgGroup #z42 {background-image: url(img/mb/msl/bg42.jpg);}
#map.move #bgGroup #z43 {background-image: url(img/mb/msl/bg43.jpg);}
#map.move #bgGroup #z44 {background-image: url(img/mb/msl/bg44.jpg);}
#map.move #bgGroup #z45 {background-image: url(img/mb/msl/bg45.jpg);}
#map.move #bgGroup #z50 {background-image: url(img/mb/msl/bg50.jpg);}
#map.move #bgGroup #z51 {background-image: url(img/mb/msl/bg51.jpg);}
#map.move #bgGroup #z52 {background-image: url(img/mb/msl/bg52.jpg);}
#map.move #bgGroup #z53 {background-image: url(img/mb/msl/bg53.jpg);}
#map.move #bgGroup #z54 {background-image: url(img/mb/msl/bg54.jpg);}
#map.move #bgGroup #z55 {background-image: url(img/mb/msl/bg55.jpg);}
#map.move #bgGroup #z60 {background-image: url(img/mb/msl/bg60.jpg);}
#map.move #bgGroup #z61 {background-image: url(img/mb/msl/bg61.jpg);}
#map.move #bgGroup #z62 {background-image: url(img/mb/msl/bg62.jpg);}
#map.move #bgGroup #z63 {background-image: url(img/mb/msl/bg63.jpg);}
#map.move #bgGroup #z64 {background-image: url(img/mb/msl/bg64.jpg);}
#map.move #bgGroup #z70 {background-image: url(img/mb/msl/bg70.jpg);}
#map.move #bgGroup #z71 {background-image: url(img/mb/msl/bg71.jpg);}
#map.move #bgGroup #z72 {background-image: url(img/mb/msl/bg72.jpg);}
#map.move #bgGroup #z73 {background-image: url(img/mb/msl/bg73.jpg);}
#map.move #bgGroup #z74 {background-image: url(img/mb/msl/bg74.jpg);}

#map.min #bgGroup #z10 {background-image: url(img/msm/bg10.jpg);}
#map.min #bgGroup #z11 {background-image: url(img/msm/bg11.jpg);}
#map.min #bgGroup #z12 {background-image: url(img/msm/bg12.jpg);}
#map.min #bgGroup #z13 {background-image: url(img/msm/bg13.jpg);}
#map.min #bgGroup #z14 {background-image: url(img/msm/bg14.jpg);}
#map.min #bgGroup #z15 {background-image: url(img/msm/bg15.jpg);}
#map.min #bgGroup #z20 {background-image: url(img/msm/bg20.jpg);}
#map.min #bgGroup #z21 {background-image: url(img/msm/bg21.jpg);}
#map.min #bgGroup #z22 {background-image: url(img/msm/bg22.jpg);}
#map.min #bgGroup #z23 {background-image: url(img/msm/bg23.jpg);}
#map.min #bgGroup #z24 {background-image: url(img/msm/bg24.jpg);}
#map.min #bgGroup #z25 {background-image: url(img/msm/bg25.jpg);}
#map.min #bgGroup #z30 {background-image: url(img/msm/bg30.jpg);}
#map.min #bgGroup #z31 {background-image: url(img/msm/bg31.jpg);}
#map.min #bgGroup #z32 {background-image: url(img/msm/bg32.jpg);}
#map.min #bgGroup #z33 {background-image: url(img/msm/bg33.jpg);}
#map.min #bgGroup #z34 {background-image: url(img/msm/bg34.jpg);}
#map.min #bgGroup #z35 {background-image: url(img/msm/bg35.jpg);}
#map.min #bgGroup #z40 {background-image: url(img/msm/bg40.jpg);}
#map.min #bgGroup #z41 {background-image: url(img/msm/bg41.jpg);}
#map.min #bgGroup #z42 {background-image: url(img/msm/bg42.jpg);}
#map.min #bgGroup #z43 {background-image: url(img/msm/bg43.jpg);}
#map.min #bgGroup #z44 {background-image: url(img/msm/bg44.jpg);}
#map.min #bgGroup #z45 {background-image: url(img/msm/bg45.jpg);}
#map.min #bgGroup #z50 {background-image: url(img/msm/bg50.jpg);}
#map.min #bgGroup #z51 {background-image: url(img/msm/bg51.jpg);}
#map.min #bgGroup #z52 {background-image: url(img/msm/bg52.jpg);}
#map.min #bgGroup #z53 {background-image: url(img/msm/bg53.jpg);}
#map.min #bgGroup #z54 {background-image: url(img/msm/bg54.jpg);}
#map.min #bgGroup #z55 {background-image: url(img/msm/bg55.jpg);}
#map.min #bgGroup #z60 {background-image: url(img/msm/bg60.jpg);}
#map.min #bgGroup #z61 {background-image: url(img/msm/bg61.jpg);}
#map.min #bgGroup #z62 {background-image: url(img/msm/bg62.jpg);}
#map.min #bgGroup #z63 {background-image: url(img/msm/bg63.jpg);}
#map.min #bgGroup #z64 {background-image: url(img/msm/bg64.jpg);}
#map.min #bgGroup #z70 {background-image: url(img/msm/bg70.jpg);}
#map.min #bgGroup #z71 {background-image: url(img/msm/bg71.jpg);}
#map.min #bgGroup #z72 {background-image: url(img/msm/bg72.jpg);}
#map.min #bgGroup #z73 {background-image: url(img/msm/bg73.jpg);}
#map.min #bgGroup #z74 {background-image: url(img/msm/bg74.jpg);}

#map.min.move #bgGroup #z10 {background-image: url(img/msm/bg10.jpg);}
#map.min.move #bgGroup #z11 {background-image: url(img/msm/bg11.jpg);}
#map.min.move #bgGroup #z12 {background-image: url(img/msm/bg12.jpg);}
#map.min.move #bgGroup #z13 {background-image: url(img/msm/bg13.jpg);}
#map.min.move #bgGroup #z14 {background-image: url(img/msm/bg14.jpg);}
#map.min.move #bgGroup #z15 {background-image: url(img/msm/bg15.jpg);}
#map.min.move #bgGroup #z20 {background-image: url(img/msm/bg20.jpg);}
#map.min.move #bgGroup #z21 {background-image: url(img/msm/bg21.jpg);}
#map.min.move #bgGroup #z22 {background-image: url(img/msm/bg22.jpg);}
#map.min.move #bgGroup #z23 {background-image: url(img/msm/bg23.jpg);}
#map.min.move #bgGroup #z24 {background-image: url(img/msm/bg24.jpg);}
#map.min.move #bgGroup #z25 {background-image: url(img/msm/bg25.jpg);}
#map.min.move #bgGroup #z30 {background-image: url(img/msm/bg30.jpg);}
#map.min.move #bgGroup #z31 {background-image: url(img/msm/bg31.jpg);}
#map.min.move #bgGroup #z32 {background-image: url(img/msm/bg32.jpg);}
#map.min.move #bgGroup #z33 {background-image: url(img/msm/bg33.jpg);}
#map.min.move #bgGroup #z34 {background-image: url(img/msm/bg34.jpg);}
#map.min.move #bgGroup #z35 {background-image: url(img/msm/bg35.jpg);}
#map.min.move #bgGroup #z40 {background-image: url(img/msm/bg40.jpg);}
#map.min.move #bgGroup #z41 {background-image: url(img/msm/bg41.jpg);}
#map.min.move #bgGroup #z42 {background-image: url(img/msm/bg42.jpg);}
#map.min.move #bgGroup #z43 {background-image: url(img/msm/bg43.jpg);}
#map.min.move #bgGroup #z44 {background-image: url(img/msm/bg44.jpg);}
#map.min.move #bgGroup #z45 {background-image: url(img/msm/bg45.jpg);}
#map.min.move #bgGroup #z50 {background-image: url(img/msm/bg50.jpg);}
#map.min.move #bgGroup #z51 {background-image: url(img/msm/bg51.jpg);}
#map.min.move #bgGroup #z52 {background-image: url(img/msm/bg52.jpg);}
#map.min.move #bgGroup #z53 {background-image: url(img/msm/bg53.jpg);}
#map.min.move #bgGroup #z54 {background-image: url(img/msm/bg54.jpg);}
#map.min.move #bgGroup #z55 {background-image: url(img/msm/bg55.jpg);}
#map.min.move #bgGroup #z60 {background-image: url(img/msm/bg60.jpg);}
#map.min.move #bgGroup #z61 {background-image: url(img/msm/bg61.jpg);}
#map.min.move #bgGroup #z62 {background-image: url(img/msm/bg62.jpg);}
#map.min.move #bgGroup #z63 {background-image: url(img/msm/bg63.jpg);}
#map.min.move #bgGroup #z64 {background-image: url(img/msm/bg64.jpg);}
#map.min.move #bgGroup #z70 {background-image: url(img/msm/bg70.jpg);}
#map.min.move #bgGroup #z71 {background-image: url(img/msm/bg71.jpg);}
#map.min.move #bgGroup #z72 {background-image: url(img/msm/bg72.jpg);}
#map.min.move #bgGroup #z73 {background-image: url(img/msm/bg73.jpg);}
#map.min.move #bgGroup #z74 {background-image: url(img/msm/bg74.jpg);}

#map #zone #p1.active { background-image:url(img/prods/1.png); }
#map #zone #p2.active { background-image:url(img/prods/2.png); }
#map #zone #p3.active { background-image:url(img/prods/3.png); }
#map #zone #p4.active { background-image:url(img/prods/4.png); }
#map #zone #p5.active { background-image:url(img/prods/5.png); }
#map #zone #p6.active { background-image:url(img/prods/6.png); }
#map #zone #p7.active { background-image:url(img/prods/7.png); }
#map #zone #p8.active { background-image:url(img/prods/8.png); }
#map #zone #p9.active { background-image:url(img/prods/9.png); }
#map #zone #p10.active { background-image:url(img/prods/10.png); }
#map #zone #p11.active { background-image:url(img/prods/11.png); }
#map #zone #p12.active { background-image:url(img/prods/12.png); }
#map #zone #p1201.active { background-image:url(img/prods/1201.png); }
#map #zone #p13.active { background-image:url(img/prods/13.png); }
#map #zone #p14.active { background-image:url(img/prods/14.png); }
#map #zone #p15.active { background-image:url(img/prods/15.png); }
#map #zone #p16.active { background-image:url(img/prods/16.png); }
#map #zone #p17.active { background-image:url(img/prods/17.png); }
#map #zone #p18.active { background-image:url(img/prods/18.png); }
#map #zone #p19.active { background-image:url(img/prods/19.png); }
#map #zone #p20.active { background-image:url(img/prods/20.png); }
#map #zone #p21.active { background-image:url(img/prods/21.png); }
#map #zone #p22.active { background-image:url(img/prods/22.png); }
#map #zone #p23.active { background-image:url(img/prods/23.png); }
#map #zone #p24.active { background-image:url(img/prods/24.png); }
#map #zone #p25.active { background-image:url(img/prods/25.png); }
#map #zone #p26.active { background-image:url(img/prods/26.png); }
#map #zone #p27.active { background-image:url(img/prods/27.png); }
#map #zone #p28.active { background-image:url(img/prods/28.png); }
#map #zone #p29.active { background-image:url(img/prods/29.png); }
#map #zone #p30.active { background-image:url(img/prods/30.png); }
#map #zone #p31.active { background-image:url(img/prods/31.png); }
#map #zone #p32.active { background-image:url(img/prods/32.png); }
#map #zone #p33.active { background-image:url(img/prods/33.png); }
#map #zone #p34.active { background-image:url(img/prods/34.png); }
#map #zone #p35.active { background-image:url(img/prods/35.png); }
#map #zone #p36.active { background-image:url(img/prods/36.png); }
#map #zone #p37.active { background-image:url(img/prods/37.png); }
#map #zone #p38.active { background-image:url(img/prods/38.png); }
#map #zone #p39.active { background-image:url(img/prods/39.png); }
#map #zone #p40.active { background-image:url(img/prods/40.png); }
#map #zone #p41.active { background-image:url(img/prods/41.png); }
#map #zone #p42.active { background-image:url(img/prods/42.png); }
#map #zone #p43.active { background-image:url(img/prods/43.png); }
#map #zone #p44.active { background-image:url(img/prods/44.png); }
#map #zone #p45.active { background-image:url(img/prods/45.png); }
#map #zone #p46.active { background-image:url(img/prods/46.png); }
#map #zone #p47.active { background-image:url(img/prods/47.png); }
#map #zone #p48.active { background-image:url(img/prods/48.png); }
#map #zone #p49.active { background-image:url(img/prods/49.png); }
#map #zone #p50.active { background-image:url(img/prods/50.png); }
#map #zone #p51.active { background-image:url(img/prods/51.png); }
#map #zone #p52.active { background-image:url(img/prods/52.png); }
#map #zone #p53.active { background-image:url(img/prods/53.png); }
#map #zone #p54.active { background-image:url(img/prods/54.png); }
#map #zone #p55.active { background-image:url(img/prods/55.png); }
#map #zone #p56.active { background-image:url(img/prods/56.png); }
#map #zone #p57.active { background-image:url(img/prods/57.png); }
#map #zone #p58.active { background-image:url(img/prods/58.png); }
#map #zone #p59.active { background-image:url(img/prods/59.png); }
#map #zone #p60.active { background-image:url(img/prods/60.png); }
#map #zone #p61.active { background-image:url(img/prods/61.png); }
#map #zone #p62.active { background-image:url(img/prods/62.png); }
#map #zone #p63.active { background-image:url(img/prods/63.png); }
#map #zone #p64.active { background-image:url(img/prods/64.png); }
#map #zone #p65.active { background-image:url(img/prods/65.png); }
#map #zone #p66.active { background-image:url(img/prods/66.png); }
#map #zone #p67.active { background-image:url(img/prods/67.png); }
#map #zone #p68.active { background-image:url(img/prods/68.png); }
#map #zone #p681.active { background-image:url(img/prods/681.png); }
#map #zone #p69.active { background-image:url(img/prods/69.png); }
#map #zone #p70.active { background-image:url(img/prods/70.png); }
#map #zone #p71.active { background-image:url(img/prods/71.png); }
#map #zone #p72.active { background-image:url(img/prods/72.png); }
#map #zone #p73.active { background-image:url(img/prods/73.png); }
#map #zone #p74.active { background-image:url(img/prods/74.png); }
#map #zone #p75.active { background-image:url(img/prods/75.png); }
#map #zone #p76.active { background-image:url(img/prods/76.png); }
#map #zone #p77.active { background-image:url(img/prods/77.png); }
#map #zone #p78.active { background-image:url(img/prods/78.png); }
#map #zone #p79.active { background-image:url(img/prods/79.png); }
#map #zone #p80.active { background-image:url(img/prods/80.png); }
#map #zone #p81.active { background-image:url(img/prods/81.png); }
#map #zone #p82.active { background-image:url(img/prods/82.png); }
#map #zone #p83.active { background-image:url(img/prods/83.png); }
#map #zone #p84.active { background-image:url(img/prods/84.png); }
#map #zone #p85.active { background-image:url(img/prods/85.png); }
#map #zone #p86.active { background-image:url(img/prods/86.png); }
#map #zone #p87.active { background-image:url(img/prods/87.png); }
#map #zone #p88.active { background-image:url(img/prods/88.png); }
#map #zone #p89.active { background-image:url(img/prods/89.png); }
#map #zone #p90.active { background-image:url(img/prods/90.png); }
#map #zone #p91.active { background-image:url(img/prods/91.png); }
#map #zone #p92.active { background-image:url(img/prods/92.png); }
#map #zone #p93.active { background-image:url(img/prods/93.png); }
#map #zone #p94.active { background-image:url(img/prods/94.png); }
#map #zone #p95.active { background-image:url(img/prods/95.png); }
#map #zone #p96.active { background-image:url(img/prods/96.png); }
#map #zone #p97.active { background-image:url(img/prods/97.png); }
#map #zone #p98.active { background-image:url(img/prods/98.png); }
#map #zone #p99.active { background-image:url(img/prods/99.png); }
#map #zone #p100.active { background-image:url(img/prods/100.png); }
#map #zone #p101.active { background-image:url(img/prods/101.png); }
#map #zone #p102.active { background-image:url(img/prods/102.png); }
#map #zone #p103.active { background-image:url(img/prods/103.png); }
#map #zone #p104.active { background-image:url(img/prods/104.png); }
#map #zone #p1041.active { background-image:url(img/prods/1041.png); }
#map #zone #p105.active { background-image:url(img/prods/105.png); }
#map #zone #p106.active { background-image:url(img/prods/106.png); }
#map #zone #p107.active { background-image:url(img/prods/107.png); }
#map #zone #p108.active { background-image:url(img/prods/108.png); }
#map #zone #p109.active { background-image:url(img/prods/109.png); }
#map #zone #p110.active { background-image:url(img/prods/110.png); }
#map #zone #p111.active { background-image:url(img/prods/111.png); }
#map #zone #p112.active { background-image:url(img/prods/112.png); }
#map #zone #p113.active { background-image:url(img/prods/113.png); }
#map #zone #p1131.active { background-image:url(img/prods/1131.png); }
#map #zone #p1132.active { background-image:url(img/prods/1132.png); }
#map #zone #p1133.active { background-image:url(img/mb/prods/1133.png); }
#map #zone #p1134.active { background-image:url(img/mb/prods/1134.png); }
#map #zone #p114.active { background-image:url(img/mb/prods/114.png); }
#map #zone #p115.active { background-image:url(img/mb/prods/115.png); }
#map #zone #p116.active { background-image:url(img/mb/prods/116.png); }
#map #zone #p117.active { background-image:url(img/mb/prods/117.png); }
#map #zone #p118.active { background-image:url(img/mb/prods/118.png); }
#map #zone #p119.active { background-image:url(img/mb/prods/119.png); }
#map #zone #p120.active { background-image:url(img/mb/prods/120.png); }
#map #zone #p121.active { background-image:url(img/mb/prods/121.png); }
#map #zone #p122.active { background-image:url(img/mb/prods/122.png); }
#map #zone #p123.active { background-image:url(img/mb/prods/123.png); }
#map #zone #p124.active { background-image:url(img/mb/prods/124.png); }
#map #zone #p125.active { background-image:url(img/mb/prods/125.png); }
#map #zone #p126.active { background-image:url(img/mb/prods/126.png); }
#map #zone #p127.active { background-image:url(img/mb/prods/127.png); }
#map #zone #p130.active { background-image:url(img/mb/prods/130.png); }

#map.min #zone #p1.active { background-image:url(img/prodsm/1.png); }
#map.min #zone #p2.active { background-image:url(img/prodsm/2.png); }
#map.min #zone #p3.active { background-image:url(img/prodsm/3.png); }
#map.min #zone #p4.active { background-image:url(img/prodsm/4.png); }
#map.min #zone #p5.active { background-image:url(img/prodsm/5.png); }
#map.min #zone #p6.active { background-image:url(img/prodsm/6.png); }
#map.min #zone #p7.active { background-image:url(img/prodsm/7.png); }
#map.min #zone #p8.active { background-image:url(img/prodsm/8.png); }
#map.min #zone #p9.active { background-image:url(img/prodsm/9.png); }
#map.min #zone #p10.active { background-image:url(img/prodsm/10.png); }
#map.min #zone #p11.active { background-image:url(img/prodsm/11.png); }
#map.min #zone #p12.active { background-image:url(img/prodsm/12.png); }
#map.min #zone #p1201.active { background-image:url(img/prodsm/1201.png); }
#map.min #zone #p13.active { background-image:url(img/prodsm/13.png); }
#map.min #zone #p14.active { background-image:url(img/prodsm/14.png); }
#map.min #zone #p15.active { background-image:url(img/prodsm/15.png); }
#map.min #zone #p16.active { background-image:url(img/prodsm/16.png); }
#map.min #zone #p17.active { background-image:url(img/prodsm/17.png); }
#map.min #zone #p18.active { background-image:url(img/prodsm/18.png); }
#map.min #zone #p19.active { background-image:url(img/prodsm/19.png); }
#map.min #zone #p20.active { background-image:url(img/prodsm/20.png); }
#map.min #zone #p21.active { background-image:url(img/prodsm/21.png); }
#map.min #zone #p22.active { background-image:url(img/prodsm/22.png); }
#map.min #zone #p23.active { background-image:url(img/prodsm/23.png); }
#map.min #zone #p24.active { background-image:url(img/prodsm/24.png); }
#map.min #zone #p25.active { background-image:url(img/prodsm/25.png); }
#map.min #zone #p26.active { background-image:url(img/prodsm/26.png); }
#map.min #zone #p27.active { background-image:url(img/prodsm/27.png); }
#map.min #zone #p28.active { background-image:url(img/prodsm/28.png); }
#map.min #zone #p29.active { background-image:url(img/prodsm/29.png); }
#map.min #zone #p30.active { background-image:url(img/prodsm/30.png); }
#map.min #zone #p31.active { background-image:url(img/prodsm/31.png); }
#map.min #zone #p32.active { background-image:url(img/prodsm/32.png); }
#map.min #zone #p33.active { background-image:url(img/prodsm/33.png); }
#map.min #zone #p34.active { background-image:url(img/prodsm/34.png); }
#map.min #zone #p35.active { background-image:url(img/prodsm/35.png); }
#map.min #zone #p36.active { background-image:url(img/prodsm/36.png); }
#map.min #zone #p37.active { background-image:url(img/prodsm/37.png); }
#map.min #zone #p38.active { background-image:url(img/prodsm/38.png); }
#map.min #zone #p39.active { background-image:url(img/prodsm/39.png); }
#map.min #zone #p40.active { background-image:url(img/prodsm/40.png); }
#map.min #zone #p41.active { background-image:url(img/prodsm/41.png); }
#map.min #zone #p42.active { background-image:url(img/prodsm/42.png); }
#map.min #zone #p43.active { background-image:url(img/prodsm/43.png); }
#map.min #zone #p44.active { background-image:url(img/prodsm/44.png); }
#map.min #zone #p45.active { background-image:url(img/prodsm/45.png); }
#map.min #zone #p46.active { background-image:url(img/prodsm/46.png); }
#map.min #zone #p47.active { background-image:url(img/prodsm/47.png); }
#map.min #zone #p48.active { background-image:url(img/prodsm/48.png); }
#map.min #zone #p49.active { background-image:url(img/prodsm/49.png); }
#map.min #zone #p50.active { background-image:url(img/prodsm/50.png); }
#map.min #zone #p51.active { background-image:url(img/prodsm/51.png); }
#map.min #zone #p52.active { background-image:url(img/prodsm/52.png); }
#map.min #zone #p53.active { background-image:url(img/prodsm/53.png); }
#map.min #zone #p54.active { background-image:url(img/prodsm/54.png); }
#map.min #zone #p55.active { background-image:url(img/prodsm/55.png); }
#map.min #zone #p56.active { background-image:url(img/prodsm/56.png); }
#map.min #zone #p57.active { background-image:url(img/prodsm/57.png); }
#map.min #zone #p58.active { background-image:url(img/prodsm/58.png); }
#map.min #zone #p59.active { background-image:url(img/prodsm/59.png); }
#map.min #zone #p60.active { background-image:url(img/prodsm/60.png); }
#map.min #zone #p61.active { background-image:url(img/prodsm/61.png); }
#map.min #zone #p62.active { background-image:url(img/prodsm/62.png); }
#map.min #zone #p63.active { background-image:url(img/prodsm/63.png); }
#map.min #zone #p64.active { background-image:url(img/prodsm/64.png); }
#map.min #zone #p65.active { background-image:url(img/prodsm/65.png); }
#map.min #zone #p66.active { background-image:url(img/prodsm/66.png); }
#map.min #zone #p67.active { background-image:url(img/prodsm/67.png); }
#map.min #zone #p68.active { background-image:url(img/prodsm/68.png); }
#map.min #zone #p681.active { background-image:url(img/prodsm/681.png); }
#map.min #zone #p69.active { background-image:url(img/prodsm/69.png); }
#map.min #zone #p70.active { background-image:url(img/prodsm/70.png); }
#map.min #zone #p71.active { background-image:url(img/prodsm/71.png); }
#map.min #zone #p72.active { background-image:url(img/prodsm/72.png); }
#map.min #zone #p73.active { background-image:url(img/prodsm/73.png); }
#map.min #zone #p74.active { background-image:url(img/prodsm/74.png); }
#map.min #zone #p75.active { background-image:url(img/prodsm/75.png); }
#map.min #zone #p76.active { background-image:url(img/prodsm/76.png); }
#map.min #zone #p77.active { background-image:url(img/prodsm/77.png); }
#map.min #zone #p78.active { background-image:url(img/prodsm/78.png); }
#map.min #zone #p79.active { background-image:url(img/prodsm/79.png); }
#map.min #zone #p80.active { background-image:url(img/prodsm/80.png); }
#map.min #zone #p81.active { background-image:url(img/prodsm/81.png); }
#map.min #zone #p82.active { background-image:url(img/prodsm/82.png); }
#map.min #zone #p83.active { background-image:url(img/prodsm/83.png); }
#map.min #zone #p84.active { background-image:url(img/prodsm/84.png); }
#map.min #zone #p85.active { background-image:url(img/prodsm/85.png); }
#map.min #zone #p86.active { background-image:url(img/prodsm/86.png); }
#map.min #zone #p87.active { background-image:url(img/prodsm/87.png); }
#map.min #zone #p88.active { background-image:url(img/prodsm/88.png); }
#map.min #zone #p89.active { background-image:url(img/prodsm/89.png); }
#map.min #zone #p90.active { background-image:url(img/prodsm/90.png); }
#map.min #zone #p91.active { background-image:url(img/prodsm/91.png); }
#map.min #zone #p92.active { background-image:url(img/prodsm/92.png); }
#map.min #zone #p93.active { background-image:url(img/prodsm/93.png); }
#map.min #zone #p94.active { background-image:url(img/prodsm/94.png); }
#map.min #zone #p95.active { background-image:url(img/prodsm/95.png); }
#map.min #zone #p96.active { background-image:url(img/prodsm/96.png); }
#map.min #zone #p97.active { background-image:url(img/prodsm/97.png); }
#map.min #zone #p98.active { background-image:url(img/prodsm/98.png); }
#map.min #zone #p99.active { background-image:url(img/prodsm/99.png); }
#map.min #zone #p100.active { background-image:url(img/prodsm/100.png); }
#map.min #zone #p101.active { background-image:url(img/prodsm/101.png); }
#map.min #zone #p102.active { background-image:url(img/prodsm/102.png); }
#map.min #zone #p103.active { background-image:url(img/prodsm/103.png); }
#map.min #zone #p104.active { background-image:url(img/prodsm/104.png); }
#map.min #zone #p1041.active { background-image:url(img/prodsm/1041.png); }
#map.min #zone #p105.active { background-image:url(img/prodsm/105.png); }
#map.min #zone #p106.active { background-image:url(img/prodsm/106.png); }
#map.min #zone #p107.active { background-image:url(img/prodsm/107.png); }
#map.min #zone #p108.active { background-image:url(img/prodsm/108.png); }
#map.min #zone #p109.active { background-image:url(img/prodsm/109.png); }
#map.min #zone #p110.active { background-image:url(img/prodsm/110.png); }
#map.min #zone #p111.active { background-image:url(img/prodsm/111.png); }
#map.min #zone #p112.active { background-image:url(img/prodsm/112.png); }
#map.min #zone #p113.active { background-image:url(img/prodsm/113.png); }
#map.min #zone #p1131.active { background-image:url(img/prodsm/1131.png); }
#map.min #zone #p1132.active { background-image:url(img/prodsm/1132.png); }
#map.min #zone #p1133.active { background-image:url(img/prodsm/1133.png); }
#map.min #zone #p1134.active { background-image:url(img/prodsm/1134.png); }
#map.min #zone #p114.active { background-image:url(img/prodsm/114.png); }
#map.min #zone #p115.active { background-image:url(img/prodsm/115.png); }
#map.min #zone #p116.active { background-image:url(img/prodsm/116.png); }
#map.min #zone #p117.active { background-image:url(img/prodsm/117.png); }
#map.min #zone #p118.active { background-image:url(img/prodsm/118.png); }
#map.min #zone #p119.active { background-image:url(img/prodsm/119.png); }
#map.min #zone #p120.active { background-image:url(img/prodsm/120.png); }
#map.min #zone #p121.active { background-image:url(img/prodsm/121.png); }
#map.min #zone #p122.active { background-image:url(img/prodsm/122.png); }
#map.min #zone #p123.active { background-image:url(img/prodsm/123.png); }
#map.min #zone #p124.active { background-image:url(img/prodsm/124.png); }
#map.min #zone #p125.active { background-image:url(img/prodsm/125.png); }
#map.min #zone #p126.active { background-image:url(img/prodsm/126.png); }
#map.min #zone #p127.active { background-image:url(img/prodsm/127.png); }
#map.min #zone #p130.active { background-image:url(img/prodsm/130.png); }

footer #filters .f1 a {
	background-position:0px 0px;
}

footer #filters .f1.selected a {
	background-position:0px -56px;
}
footer #filters .f2 a {
	background-position:right 0px;
}
footer #filters .f2.selected a {
	background-position:right -56px;
}
footer #filters .f3 a {
	background-position:-152px 0px;
}
footer #filters .f3.selected a {
	background-position:-152px -56px;
}
footer #filters .f4 a {
	background-position:-76px 0px;
}
footer #filters .f4.selected a {
	background-position:-76px -56px;
}

}

@media only screen and (max-width: 730px) {

	#intro {

		width: 90%;
		height: 400px;
		top: 50%;
		left: 50%;
		margin: -200px 0 0 -45%;
		/*display:none;*/
	}
	#intro #text {
		width: 80%;
	}

	#vid-content {
		position:absolute;
		display:block;
		width: 778px;
		height: 438px;
		background-color: #000;
		left: 50%;
		top: 50%;
		margin: -219px 0 0 -389px;
	}

	#vid-overlay #close-vid {
		position:absolute;
		width: 25px;
		height: 25px;
		background: url(img/btn-close.png) no-repeat;
		background-size: 100%;
		float: right;
		margin-top: 14px;
		margin-right: 20px;
		cursor: pointer;
		left: 50%;
		top: 50%;
		margin: -260px 0 0 374px;
	}

}


@media only screen and (max-width: 700px) {
	#header #logo {
		margin-left:10px;
		margin-top: 10px;
	}
	#header #hamb-menu {
		margin-top: 25px;
	}
	#vid-content {
		width: 90%;
		height: auto;
		left: 0;
		top: 0;
		margin: 30% 0 0 5%;
	}

	#vid-overlay #close-vid {
		position:absolute;
		float: none;
		left: auto;
		right: 10px;
		top: 10px;
		margin: 0;
	}
	footer {
		bottom: 10px;
		height: 64px;
	}

	footer #vid-button {
		margin-left: 10px;
	}

	footer #filters {
		left: auto;
		margin-left:0;
		right: 10px;
		width: 264px;
	}

	footer #filters div {
		margin-right:0px;
	}

	footer nav {
		top: -200px;
		right: -40px;
		-ms-transform: rotate(-90deg); /* IE 9 */
		-moz-transform: rotate(-90deg); /* IE 9 */
	    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	    transform: rotate(-90deg);
	}

	footer nav a#zo {
		-ms-transform: rotate(90deg); /* IE 9 */
		-moz-transform: rotate(90deg); /* IE 9 */
	    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	    transform: rotate(-90deg);
	}
}

@media only screen and (max-width: 432px)  and (orientation: portrait) {
	#sidebar {
		width: 100%;
	}
	#sidebar #close {
		left: 30px;
	}
	#header #logo {
		width: 74px;
		height: 37px;
	}
	#header #hamb-menu {
		margin-top: 15px;

	}
	#intro {
		top: 5%;
		margin: 5% 0 0 -45%;
	}

	#menu-content {
		width: inherit;
		right: -480px;
		top: 45px;
		padding: 0 30px 0 30px;
	}

	#menu-content.open {
		right:0px !important;
	}

	#menu-content h1 {
		margin-bottom: 20px;
	}
	#menu-content p {
		margin-bottom: 10px;
	}
	#menu-content p.logo img {
		margin:0;
	}
	.social {
		margin-top: 25px;
		height: 40px;
	}
	#menu-content h2 {
		height: auto;
		padding-bottom: 0;
	}
	#menu-content h2 a {
		padding: 10px 30px 0;
	}
	#product-content {
		width: inherit;
		right: -480px;
		top: 70px;
		padding: 0 30px 0 30px;
	}

	#product-content.open {
		right:0px;
	}
	#product-content .social {
		margin: 5px 0 0;
	}
	#sidebar #close {
		top: 20px;
	}
	footer {
		bottom: 0px;
	}

	footer nav, footer #vid-button { display: none;}


	footer #filters {
		left:50%;
		right: auto;
		width: 264px;
		margin-left:-132px;
	}
	#intro #logo-intro {
		margin-bottom: 15px;
	}

}

@media only screen and (max-width: 800px) and (orientation: landscape) {
	#sidebar {
		width: 480px !important;
	}
	#header #logo {
		width: 74px;
		height: 37px;
	}
	#header #hamb-menu {
		margin-top: 15px;
	}

	#sidebar #close {
		top: 15px;
	}

	#product-content {
		top: 20%;
		height: 80% !important;
	}

	#menu-content {
		top:45px;
		padding-right: 20px;
	}
	#menu-content.open {

		right:20px !important;
	}
	#intro {
		width: 90%;
		height: 90%;
		top: 1%;
		left: 50%;
		margin:0 0 0 -45%;
	}
	#intro #logo-intro {
		margin-bottom: 15px;
	}

	#vid-content {
		width: 70%;
		height: auto;
		left: 0;
		top: 0;
		margin: 5% 15% 0;
	}


	footer {
		bottom: 0px;
	}

	footer nav, footer #vid-button { display: none;}


	footer #filters {
		left:50%;
		right: auto;
		width: 265px;
		margin-left:-132px;
	}

}