/**SWIPEBOX ------------------------------------------**/
#swipebox-overlay { 
	background: #282832;
	background: rgba(40, 40, 50, 0.8)
}
.current img { box-shadow: 0 0 10px rgba(0,0,0,0.5); }

/**Magnific PopUp ------------------------------------------**/
.white-popup { 
	background: #FFF;
	padding: 25px;
}
@media screen and (min-width: 768px){ 
	.mfp-inline-holder .mfp-content { width: 350px; }
}

/**Jssor ------------------------------------------**/
.slider { position: relative; }

#slider_1_container {
	background: none;
	width: 535px;
	height: 545px;
}
.slides { 
	width: 535px; 
	height: 545px; 
}

#slider_2_container {
	background: none;
	width: 1200px;
	height: 442px;
}
#slider_2_container .slides {
	width: 1200px;
	height: 442px;
}

.caption {
	bottom: 20px;
	top: auto;
	height: auto;
}
.caption-content {
	padding: 0;
	line-height: normal;
}
.caption-content .h1 {
	color: #fff;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

@media screen and (max-width: 768px) {
	.slider { margin-left: -15px; margin-right: -15px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#slider_1_container .caption { bottom: -110px; }
	#slider_1_container .caption-content .h1 {
		color: #444;
	}
	
}

/**BOOTSTRAP**/

/*LG und MD*/
@media screen and (min-width: 992px){ 
	.col-xs-12.col-12-5 {
		width: 20%
	}
}

/*SM*/
@media screen and (max-width: 991px){ 
	.col-xs-12.col-12-5 {
		width: 33%
	}
}

/*SM*/
@media screen and (max-width: 767px){ 
	.col-xs-12.col-12-5 {
		width: 50%
	}
}


/*GOOGLEMAPS*/
#map-canvas { 
	width: 100%; 
	height: 442px;
	
}
#directions-panel { background: #fff; padding: 10px }
.adp-marker { margin: 20px 10px;}