#vineyards {
	width: 97%;
}

#vineyards .content-header {
	padding-bottom: 0;
}

#vineyards .content-header h2 {
	width: 50%
}

#vineyards #map_area {
	position: relative;
	margin-bottom: 11.3em
}

#vineyards #map_area #the_map {
	display: block;
	width: 100%;
	margin: 0 auto
}

#vineyards #map_area #map_pins {
	/* position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% */
}

#vineyards #map_area #pins_list .map-pin {
	display: block;
	border: 0;
	height: 8.7em;
	width: 6em;
	position: absolute
}

#vineyards #map_area #pins_list .map-pin .pin-btn {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url("../../images/map_pin.png");
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	border: 0;
	cursor: pointer
}

#vineyards #map_area #pins_list .map-pin.open .pin-btn {
	background-image: url("../../images/map_pin_22.png")
}

#vineyards #map_area #pins_list .map-pin#upper_galilee {
	top: 6.1%;
	left: 70.3%
}

#vineyards #map_area #pins_list .map-pin#lower_galilee {
	top: 17.8%;
	left: 56.9%
}

#vineyards #map_area #pins_list .map-pin#shomron {
	top: 27.3%;
	left: 53.6%
}

#vineyards #map_area #pins_list .map-pin#mevo_horon {
	top: 34.3%;
	left: 41.1%
}

#vineyards #map_area #pins_list .map-pin#carmei_yosef {
	top: 37.9%;
	left: 26.4%
}

#vineyards #map_area #pins_list .map-pin#deir_rafat {
	top: 39%;
	left: 36%
}

#vineyards #map_area #pins_list .map-pin#kfar_harif {
	top: 43.4%;
	left: 28.3%
}

#vineyards #map_area #pins_list .map-pin#emek_haella {
	top: 42.1%;
	left: 39.7%;
	z-index: 1
}

#vineyards #map_area #pins_list .map-pin#gush_etzion {
	top: 39.2%;
	left: 46%
}

#vineyards #map_area #pins_list .map-pin#mitspe {
	top: 61%;
	left: 18.6%
}

#vineyards #map_area #map_popup_wrapper {
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75)
}

#vineyards #map_area #map_popup_wrapper.hidden {
	display: none;
	opacity: 0
}

#vineyards #map_area #map_popup_wrapper #map_popup {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #dbc87d;
	color: #000;
	width: 80%;
	font-size: 2.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 13% 0 25%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 120%
}

#vineyards #map_area #map_popup_wrapper #map_popup .texts {
	padding: 0 9% 0 7%;
	position: relative;
	background: #dbc87d
}

#vineyards #map_area #map_popup_wrapper #map_popup .texts:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -2em;
	left: 0;
	height: 2em;
	width: 100%;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(219,200,125,0)), color-stop(21%, rgba(219,200,125,0.2)), color-stop(40%, rgba(219,200,125,0.66)), color-stop(88%, #dbc87d));
	background-image: -webkit-linear-gradient(bottom, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%);
	background-image: -moz- oldlinear-gradient(bottom, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%);
	background-image: -o-linear-gradient(bottom, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%);
	background-image: linear-gradient(to top, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%)
}

#vineyards #map_area #map_popup_wrapper #map_popup #vineyard_name {
	font-weight: bold;
	font-size: 1.9em;
	padding: 3% 0
}

#vineyards #map_area #map_popup_wrapper #map_popup #vineyard_text {
	line-height: 1
}

#vineyards #map_area #map_popup_wrapper #map_popup #close_popup {
	position: absolute;
	display: block;
	width: 2em;
	height: 2em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #fff;
	color: #000;
	top: 0.7em;
	border: 0;
	right: 8%
}
#close_popup:focus{outline: .1rem solid #000;}

@media (min-width: 1000px) {
	#vineyards {
		overflow: hidden
	}

	#vineyards #map_area {
		padding-bottom: 62%;
		margin-bottom: 1em
	}

	#vineyards #map_area #the_map {
		-webkit-transform: rotate(43.4deg);
		-moz-transform: rotate(43.4deg);
		-ms-transform: rotate(43.4deg);
		-o-transform: rotate(43.4deg);
		transform: rotate(43.4deg);
		width: 30.1%;
		display: block;
		margin: 0 auto;
		position: absolute;
		top: -7.9em;
		right: 35.9%
	}


	#vineyards #map_area #the_map #map_pins {
		position: absolute;
		top: 0;
		left: 50%;
		width: 100%;
		height: 100%;
		max-width: 61em;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	#vineyards #map_area #pins_list .map-pin {
		height: 4.1em;
		width: 3.4em
	}

	#vineyards #map_area #pins_list .map-pin#upper_galilee {
	    top: 9.9%;
    left: 68.9%;
	}

	#vineyards #map_area #pins_list .map-pin#lower_galilee {
		top: 16%;
		left: 64.6%;
	}

	#vineyards #map_area #pins_list .map-pin#shomron {
	    top: 18%;
    left: 58.7%;
	}

	#vineyards #map_area #pins_list .map-pin#mevo_horon {
		top: 32.4%;
		left: 51.8%
	}

	#vineyards #map_area #pins_list .map-pin#carmei_yosef {
		top: 31.4%;
		left: 47.5%
	}

	#vineyards #map_area #pins_list .map-pin#deir_rafat {
		top: 35.1%;
		left: 49%
	}

	#vineyards #map_area #pins_list .map-pin#kfar_harif {
		top: 37.2%;
		left: 43.8%
	}

	#vineyards #map_area #pins_list .map-pin#emek_haella {
		top: 39.4%;
		left: 46.6%;
		z-index: 999
	}

	#vineyards #map_area #pins_list .map-pin#gush_etzion {
		top: 38%;
		left: 50.7%
	}

	#vineyards #map_area #pins_list .map-pin#mitspe {
		top: 47.1%;
		left: 35.6%;
	}

	#vineyards #map_area #map_popup_wrapper {
		position: absolute;
		width: 21em;
		height: 21em;
		overflow: hidden;
		left: 0;
		top: 0;
	}

	#vineyards #map_area #map_popup_wrapper #map_popup {
		position: absolute;
		padding: 0;
		background-position: 0 -20%;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	#vineyards #map_area #map_popup_wrapper #map_popup .texts {
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 0.4em;
		padding-bottom: 4%;
		min-height: 7em
	}

	#vineyards #map_area #map_popup_wrapper #map_popup .texts:after {
		bottom: auto;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(219,200,125,0)), color-stop(21%, rgba(219,200,125,0.2)), color-stop(40%, rgba(219,200,125,0.66)), color-stop(88%, #dbc87d));
		background-image: -webkit-linear-gradient(top, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%);
		background-image: -moz- oldlinear-gradient(top, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%);
		background-image: -o-linear-gradient(top, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%);
		background-image: linear-gradient(to bottom, rgba(219,200,125,0) 0%, rgba(219,200,125,0.2) 21%, rgba(219,200,125,0.66) 40%, #dbc87d 88%)
	}

	#vineyards #map_area #map_popup_wrapper #map_popup #close_popup {
		width: 1.2em;
		height: 1.2em;
		background: 0;
		font-size: 0.6em;
		right: 1vw;
		top: 1vw
	}
}

#vineyards #map_area #the_map {
	/* transform: rotate(
        18deg
        );
	width: 53.1%;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: -3vw;
	right: 17vw; */
	transform: rotate( 
		18deg
		 );
			width: 51%;
			display: block;
			margin: 0 auto;
			position: relative;
			top: -3vw;
			right: -3vw;
}

body {
	background-image: url("../../images/tep-bg2.png");
	background-repeat: no-repeat;
	background-size: cover!important;
}

.content-header h1 {
	color: #dbc87c;
}

#vineyards #map_area #map_pins {
	/* position: absolute;
	top: -3vw;
	left: 0;
	width: 100%;
	height: 100%; */
	margin-bottom: -60vw;
}

#vineyards #map_area {
	padding-bottom: 42%;
/* margin-bottom: 1em; */
	<COMMENTFIX>
}


@media (max-width: 999px) {
	body {
		background-image: url("../../images/wineyards-bg-mob.jpg");
		background-repeat: no-repeat;
		background-size: cover!important;
	}

	#vineyards .content-header {
		padding-bottom: 0;
		margin-top: 7em;
	}

	#vineyards #map_area #pins_list .map-pin {
		display: block;
		border: 0;
		height: 3.7em;
		width: 6em;
		position: absolute;
	}

	#vineyards #map_area #the_map {
		transform: rotate( 3deg);
		width: 79.1%;
		display: block;
		margin: 0 auto;
		position: absolute;
		top: -2vw;
		right: 8vw;
	}
    

/* #vineyards #map_area #map_pins {position: absolute;top: 6em;left: 6em;width: 94%;height: 100%;transform: rotate(-15deg);} */


    #vineyards #map_area #map_pins {
		position: absolute;
		top: 3em;
		left: 5em;
		width: 94%;
		height: 100%;
		transform: rotate(-4deg );
	}

	#vineyards #map_area #pins_list .map-pin#upper_galilee {
		top: 6.1%;
		left: 70.3%;
	}

	#vineyards #map_area #pins_list .map-pin#shomron {
		top: 25.3%;
		left: 49.6%;
	}

	#vineyards #map_area #pins_list .map-pin#carmei_yosef {
		top: 49.9%;
		left: 41.4%;
	}

	#vineyards #map_area #pins_list .map-pin#gush_etzion {
		top: 40.2%;
		left: 44%;
	}

	#vineyards #map_area #pins_list .map-pin#kfar_harif {
		top: 47.4%;
		left: 33.3%;
	}

	#vineyards #map_area #pins_list .map-pin#mitspe {
		top: 75%;
		left: 18.6%;
	}

	#vineyards #map_area #map_popup_wrapper #map_popup .texts {
		padding: 0 9% 0 7%;
		position: relative;
		background: #dbc87d;
		top: 3.8em;
	}

	#vineyards #map_area #map_popup_wrapper #map_popup {
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: #dbc87d;
		color: #000;
		width: 80%;
		font-size: 2.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 13% 0 25%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 0 -3em;
	}

	#vineyards .content-header h2 {
		width: 50%!important;
		font-size: 2.3em!important;
	}
	#vineyards #map_area #map_popup_wrapper #map_popup #close_popup {
		position: absolute;
		display: block;
		width: 2em;
		height: 2em;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		background: none;
		color: #000;
		top: 0.7em;
		border: 0;
		right: 2%;
	}
	
}
@media (device-aspect-ratio:16/10){
	#vineyards #map_area {
		padding-bottom: 34%;
		<COMMENTFIX>
	}
	
	#vineyards #map_area #map_popup_wrapper {
		position: absolute;
		width: 21em;
		height: 21em;
		overflow: hidden;
		left: 8vw;
		top: 0;
	}
	#vineyards #map_area #the_map {
		transform: rotate(
			18deg
			);
		width: 47.1%;
		display: block;
		margin: 0 auto;
		position: absolute;
		top: -4vw;
		right: 17vw;
	}
	html[lang="en-US"] #vineyards #map_area #the_map {
		transform: rotate(
			18deg
			);
		width: 47.1%;
		display: block;
		margin: 0 auto;
		position: absolute;
		top: -vw;
	}
	#vineyards #map_area #map_pins {
		position: absolute;
		top: 1vw;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#vineyards #map_area #pins_list .map-pin#mitspe {
		top: 41.1%;
		left: 43.6%
	}
	#vineyards #map_area #pins_list .map-pin#upper_galilee {
		top: 0.9%;
		left: 78.9%
	}
	#vineyards #map_area #pins_list .map-pin#lower_galilee {
		top: 7%;
		left: 71.6%
	}
	#vineyards #map_area #pins_list .map-pin#shomron {
		top: 16%;
		left: 68.7%
	}
	
	#vineyards #map_area #pins_list .map-pin#mevo_horon {
		top: 21.4%;
		left: 58.8%
	}
	#vineyards #map_area #pins_list .map-pin#deir_rafat {
		top: 28.1%;
		left: 57%
	}
	
	#vineyards #map_area #pins_list .map-pin#carmei_yosef {
		top: 26.4%;
		left: 54.5%
	}
	#vineyards #map_area #pins_list .map-pin#gush_etzion {
		top: 31%;
		left: 53.7%
	}
	#vineyards #map_area #pins_list .map-pin#emek_haella {
		top: 35.4%;
		left: 51.6%;
		z-index: 999
	}
	#vineyards #map_area #pins_list .map-pin#kfar_harif {
		top: 32.2%;
		left: 49.8%
	}

/*ENG VINWYARDS*/
	.page-id-1933 #vineyards #map_area #map_pins {
		position: absolute;
		top: 2vw;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#mitspe {
		top: 41.1%;
		left: 43.6%
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#upper_galilee {
		top: 0.9%;
		left: 78.9%
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#lower_galilee {
		top: 7%;
		left: 71.6%
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#shomron {
		top: 16%;
		left: 68.7%
	}
	
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#mevo_horon {
		top: 21.4%;
		left: 58.8%
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#deir_rafat {
		top: 28.1%;
		left: 57%
	}
	
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#carmei_yosef {
		top: 26.4%;
		left: 54.5%
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#gush_etzion {
		top: 31%;
		left: 53.7%
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#emek_haella {
		top: 35.4%;
		left: 51.6%;
		z-index: 999
	}
	.page-id-1933 #vineyards #map_area #pins_list .map-pin#kfar_harif {
		top: 32.2%;
		left: 49.8%
	}	
}