/*
|-----------------------------------------------------------------------------------------------------------
| MAP
|-----------------------------------------------------------------------------------------------------------
*/
.custom_map{
	position: relative;
	width: 100%;
	height: 680px;
	margin: 0px auto;
	text-align: center;
	font-family:'Lulo Clean W01 One';
	text-transform: uppercase;
}
.custom_map a{color: inherit;}
.custom_map .title{
	margin: 30px 0 15px;
	font-size: 36px;
	line-height: 40px;
	color: #40323a;
}
.custom_map .map-link{
	display: inline-block;
	padding:10px 16px;
	min-height: 40px;
	font-size: 16px;
	border: 2px solid #281e23;
	color: #40323a;
}
.custom_map .image{
	position: absolute;
	width: 385px;
	left:0;
	right:0;
	bottom: 35px;
	margin:0 auto;
}
.custom_map .map-pins {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	max-width: 320px;
	left: 40px;
	right: 0;
}
.custom_map .map-pins .map-marker {
	font-family:'Lulo Clean W01 One Bold';
	font-size: 9px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	background-color: #d75014;
	border: 2px solid #fff;
	position: absolute;
	padding: 0 12px 0 17px;
}

.custom_map .map-pins .map-marker.bennettvalley {top: 16.6%; right: 70.5%;}
.custom_map .map-pins .map-marker.kenwood {top: 18.8%; right: 28.8%;}
.custom_map .map-pins .map-marker.glenellen {top: 24.2%; right: 33.8%;}
.custom_map .map-pins .map-marker.thesprings {top: 29.5%; right: 43.5%;}
.custom_map .map-pins .map-marker.sonoma {top: 39.2%; right: 10%;}
.custom_map .map-pins .map-marker.carneros {top: 50%; right: 29.2%;}

.custom_map .map-pins .arrow {
	left: 10px;
    position: absolute;
    top: 17px;
}
.custom_map .map-pins .arrow.right {
	left: auto;
    right: 10px;
}
.custom_map .shadowbox-info{
	display: none;
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.3);
	width: 100%;
	max-width: 285px;
	position: absolute;
	background: #FFF;
	text-align: left;
	top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
}
.custom_map.active-map .shadowbox-info{display: block;}
.custom_map .shadowbox-info .shadow-image{
	position: relative;
}
.custom_map .shadowbox-info .shadow-image img{
	width: 100%;
}
.custom_map .shadowbox-info .close{
	cursor: pointer;
}
.custom_map .shadowbox-info .shadow-title{
	font-size: 20px;
	line-height: 20px;
	color: #282828;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family:'Lulo Clean W01 One Bold';
}
.custom_map .shadowbox-info .info{
	padding: 15px 25px 25px;
}
.custom_map .shadowbox-info .desc{
	color: #6d6d6d;
	font-size: 13px;
	line-height: 17px;
	font-family: 'Bitter', serif;
	letter-spacing: 0.001em;
	margin-bottom: 18px;
	text-transform: none;
}
.custom_map .shadowbox-info .desc a {font-weight: bold;}
.custom_map .shadowbox-info ul{
	margin: 10px 0 0;
	padding: 0;
}
.custom_map .shadowbox-info ul li{
	display: block;
	color: #ce4e10;
	font-size: 10px;
	line-height: 19px;
	font-family:'Lulo Clean W01 One Bold';
}
.custom_map .shadowbox-info .desc ul li a {font-weight: normal;}

@media only screen and (max-width: 640px) {
	.custom_map .title {max-width: 320px; text-align: center; margin: 30px auto 15px;}
	.custom_map .image {left: -75px;}
	.custom_map .map-pins {max-width: 320px;}
	.custom_map .map-pins .map-marker {line-height: 16px; padding: 2px 7px 3px 12px; max-width: 120px;}
	.custom_map .map-pins .map-marker.bennettvalley .arrow {top: 32px;}
}

@media only screen and (min-width: 1025px) {
	.custom_map .map-pins {max-width: 920px;}
	.custom_map .map-pins .map-marker {font-size: 11px;}
	.custom_map .map-pins .map-marker.bennettvalley {top: 22.4%; right: 56.7%;}
	.custom_map .map-pins .map-marker.kenwood {top: 22.4%; right: 43.8%;}
	.custom_map .map-pins .map-marker.glenellen {top: 29.1%; right: 44.5%;}
	.custom_map .map-pins .map-marker.thesprings {top: 35.0%; right: 47.8%;}
	.custom_map .map-pins .map-marker.sonoma {top: 45.8%; right: 38.2%;}
	.custom_map .map-pins .map-marker.carneros {top: 60.3%; right: 43.7%;}
}

@media only screen and (min-width: 641px) {
	.custom_map{height: 760px;}

	.custom_map .map-pins {max-width: 640px;}
	.custom_map .map-pins .map-marker {font-size: 10px;}
	.custom_map .map-pins .map-marker.bennettvalley {top: 18.2%; right: 63.5%;}
	.custom_map .map-pins .map-marker.kenwood {top: 18.3%; right: 37.5%;}
	.custom_map .map-pins .map-marker.glenellen {top: 24.9%; right: 39.2%;}
	.custom_map .map-pins .map-marker.thesprings {top: 31%; right: 45.7%;}
	.custom_map .map-pins .map-marker.sonoma {top: 41.2%; right: 27.2%;}
	.custom_map .map-pins .map-marker.carneros {top: 55.4%; right: 37%;}

	.custom_map .image{width: 740px;}
	.custom_map .title{margin:45px 0 20px;}

	.custom_map .shadowbox-info{max-width: 640px; height: 240px;}
	.custom_map .shadowbox-info .shadow-title{margin-top: 15px;}
	.custom_map .shadowbox-info .info{width: 100%; margin-left: -300px; padding-left: 340px;}
	.custom_map .shadowbox-info .desc{margin-bottom: 14px;}
}
@media only screen and (min-width: 1025px) {

	.custom_map .image{width: 750px;}
}