* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "Montserrat","Arial","Helvetica";
}

header {
	height: 169px;
	background-color: #f7f7f7;
	color: #6c2231;
}
.header {
	max-width: 1140px;
	height: 169px;
	display: flex;
	margin: auto;
	align-items: center;	
}
.logo {
	width: 320px;
}
.menu {
	flex: 1;
	display: flex;
	justify-content: flex-end;

}
.menu ul,
.menu li {
	list-style: none;
}
.menu ul {
	display: flex;
}
.menu li a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 169px;
	display: flex;
	align-items: center;
	border-bottom:5px solid #f7f7f7;
	font-size: 20px;
}
.menu li a:hover,
.menu .active a {
	border-bottom: 5px solid #B28756;
	color:#CCC;
}

 .banner {
	height: calc(100vh - 169px);
	background-color:#333333;
	background-image: url(../images/sala_jbaaa.jpeg);
	background-size: cover;
	overflow: hidden;
}

.banner .sliders {
	width: 1000vw;
	height: 100%;
	
}
.banner .slide {
	width: 100vw;
	height: 100%;
	display: inline-block;
	background-color: rgba(0,0,0,0.8);
}

.banner .slidearea {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
	justify-content: center;
	color: #FFF;
}
.banner h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 50px;
}
.banner h1 span {
	color: #B28756;
}

.banner h2 {
	text-transform: uppercase;
	margin-top: 20px;
}
.banner a {
	display: block;
	background-color: #B28756;
	color: #FFF;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	padding: 10px 30px;
	margin-top: 30px;
	border-radius: 20px;
}

.banner .sliders-pointers {
	width: 100vw;
	height: 20px;
	position: absolute;
	margin-top: -50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner .pointer {
	width: 15px;
	height: 15px;
	border: 2px  solid #B28756;
	border-radius: 8px;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
}

.banner .pointer.active {
	background-color: #B28756;
}
.fade {
	-webkit-animation-name:fade;
	-webkit-animation-duration:1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}