@import "variables.less";

#layer_slider {
   margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	background-color: @colorDarkDef;
	border-bottom: 20px solid @colorDarkDef;
   background-size: cover;
   background-position: top;		
	max-height: 550px !important;
}
#layer_slider img {
   visibility: hidden;
}
#layer_slider h1 {
	position: absolute;
	height: 86px;
	line-height: 86px;
	top: 0px;
	left: 20%;
	right: 20%;
	top: ~"calc(50% - 43px)";
	border-radius: 15px;
	text-align: center;
	background-color: ~"@{colorDef}99";
	color: #FFF;
}
@media screen and (max-width: 768px) {
	#layer_slider {
		max-height: 250px !important;
	}
	#layer_slider h1 {
		position: absolute;
		height: 36px;
		line-height: 36px;
		top: inherit;
		bottom: 0px;
		left: 0%;
		right: 0%;
		border-radius: 0px;
		font-size: 14px;
	}
}