.loader {
	position: absolute;
	left: 50%;
	top: 160%;
	margin: -50px 0 0 -38px;
}





.field {
	width: 90%;
	max-width: 1440px;
	margin: 2em auto;
	position: relative;
	display: none;
}

.field > img {
	max-width: 100%;
}

a {
	display: block;
}





.holes a {
	width: 36px;
	height: 49px;
	position: absolute;
	background: url(../images/field/holes.png) no-repeat;
}

.holes img {
	position: absolute;
	width: 90%;
}

.holes a:hover .ico-2 {
	display: none;
}

#hole-1 {
    left: 78%;
    top: 57%;
	background-position: -5px -1px;
}

#hole-1:hover {
	background-position: -6px -60px;
}

#hole-2 {
    left: 69.2%;
    top: 65%;
	background-position: -64px -1px;
}

#hole-2:hover {
	background-position: -65px -60px;
}

#hole-3 {
    left: 64%;
    top: 70.4%;
	background-position: -123px -1px;
}

#hole-3:hover {
	background-position: -124px -60px;
}

#hole-4 {
    left: 42.8%;
    top: 76.6%;
	background-position: -182px -1px;
}

#hole-4:hover {
	background-position: -183px -60px;
}

#hole-5 {
    left: 32.8%;
    top: 77%;
	background-position: -241px -1px;
}

#hole-5:hover {
	background-position: -242px -60px;
}

#hole-6 {
	left: 23%;
    top: 82.8%;
	background-position: -300px -1px;
}

#hole-6:hover {
	background-position: -301px -60px;
}

#hole-7 {
	left: 3%;
	top: 84.5%;
	background-position: -359px -1px;
}

#hole-7:hover {
	background-position: -360px -60px;
}

#hole-8 {
    left: 23%;
    top: 71.5%;
	background-position: -418px -1px;
}

#hole-8:hover {
	background-position: -419px -60px;
}

#hole-9 {
    left: 38%;
    top: 67%;
	background-position: -478px -1px;
}

#hole-9:hover {
	background-position: -479px -60px;
}

#hole-10 {
    left: 89.3%;
    top: 36%;
	background-position: -537px -1px;
}

#hole-10:hover {
	background-position: -538px -60px;
}

#hole-11 {
    left: 75.8%;
    top: 8.8%;
	background-position: -596px -1px;
}

#hole-11:hover {
	background-position: -597px -60px;
}

#hole-12 {
    left: 66%;
    top: 31.8%;
	background-position: -655px -1px;
}

#hole-12:hover {
	background-position: -656px -60px;
}

#hole-13 {
	left: 74.8%;
    top: 20.6%;
	background-position: -714px -1px;
}

#hole-13:hover {
	background-position: -715px -60px;
}

#hole-14 {
    left: 55.3%;
    top: 22.3%;
	background-position: -773px -1px;
}

#hole-14:hover {
	background-position: -774px -60px;
}

#hole-15 {
    left: 46.2%;
    top: 23%;
	background-position: -832px -1px;
}

#hole-15:hover {
	background-position: -833px -60px;
}

#hole-16 {
    left: 34.5%;
    top: 7.2%;
	background-position: -891px -1px;
}

#hole-16:hover {
	background-position: -892px -60px;
}

#hole-17 {
    left: 36.8%;
    top: 17.2%;
	background-position: -950px -1px;
}

#hole-17:hover {
	background-position: -951px -60px;
}

#hole-18 {
    left: 51%;
    top: 51%;
	background-position: -1009px -1px;
}

#hole-18:hover {
	background-position: -1010px -60px;
}




.units a {
	position: absolute;
	background: url(../images/field/icons.png) no-repeat;
	cursor: default;
}

#first-aid-1,
#first-aid-2 {
	background-position: 0 0;
	width: 29px;
	height: 24px;
}

#first-aid-1 {
	left: 22.5%;
  top: 43%;
}

#first-aid-2 {
  left: 43.5%;
  top: 62.8%;
}

#saloon-1,
#saloon-2 {
	background-position: -133px 0; 
	width: 22px;
	height: 31px;
}

#saloon-1 {
	left: 26%;
  top: 40.5%;
}

#saloon-2 {
  left: 46%;
  top: 61%;
}

#buses {
	background-position: -413px 0;
	width: 37px;
	height: 35px;
	left: 28.5%;
  top: 44.8%;
}

#taxi-1,
#taxi-2 {
	background-position: -170px 0;
	width: 34px;
	height: 38px;
}

#taxi-1 {
  left: 32.5%;
  top: 42.8%;
}

#taxi-2 {
  left: 94.8%;
  top: 41%;
}

#shop {
	background-position: -45px 0;
	width: 27px;
	height: 29px;
	left: 48.2%;
  top: 60.8%;
}

#vip-parking {
	background-position: -217px -1px;
	width: 33px;
	height: 35px;
  left: 56.5%;
  top: 58.8%;
}

#wc {
	background-position: -83px 0;
	width: 37px;
	height: 18px;
  left: 64%;
  top: 58.2%;
}

#parking,
#guest-parking {
	background-position: -365px -1px;
	width: 34px;
	height: 27px;
}

#parking {
  left: 72.5%;
  top: 52.8%;
}

#guest-parking {
  left: 96.5%;
  top: 46.8%;
}

#media-parking {
	background-position: -264px -1px;
	width: 35px;
	height: 36px;
  left: 49%;
  top: 39.8%;
}

#privat-parking {
	background-position: -315px -1px;
	width: 40px;
	height: 36px;
  left: 85%;
  top: 50.5%;
}

