*{box-sizing: border-box; margin: 0; padding: 0; outline: 0;}
	a{text-decoration:none;}
	ul{list-style:none;}
	table{border-collapse: collapse; border-spacing:none;}
	body{overflow-x: hidden;}
	body.disable{overflow-y: hidden;}
	.center{display: flex; justify-content: space-between; align-items: center;}
	body.lightbrown{background: beige;}
	body.black{background: black;}
	/* BREAK */



	/* CONTAINER  */
	.container{
		width:1120px;
		margin: 0 auto 0 auto;
	}
	


	/* HEADER */
	header{
		float: left;
		width: 100%;
		padding:42px 0 30px 0;
	}
	a.logo{float: left;}
	a.logo img{float: left;width: 160px; height: auto;}


	.header-right{float: right;}
	a.showmenu, a.hidemenu{display: none;}
	.menu{float:left;}
	nav{float: right;}
	nav ul{float: right;}
	nav ul li{
		float: left;
		text-align:left;
		color:#000;
		font-size:12px;
		font-family: 'Poppins';
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 15px 0 0;
	}
	nav ul li:last-child{
		margin-right: 0;
	}
	nav ul li a{
		float: left;
		color:#000;
		padding: 6px 15px;
		border: 1px solid transparent;
		transition:0.4s; -webkit-transition:0.4s;
	}
	nav ul li:hover a, nav ul li.active a{
		border: 1px solid #000;
	}
	.headersocial{
		float: right;
		text-align:left;
		color:#000;
		font-size:12px;
		font-family: 'Poppins';
		text-transform: uppercase;
		margin-left: 30px;
		padding:7px 0;
		padding-left: 30px;
		border-left: 1px solid #000;
		margin-top:0;
	}
	.headersocial a{
		color: #000;
		transition:0.6s; -webkit-transition:0.6s;
	}
	.headersocial a.pinterest{
		color: deeppink !important;
	}


	body.black nav ul li{color: #fff;}
	body.black nav ul li a{color: #fff;}
	body.black nav ul li:hover a,
	body.black nav ul li.active a{
		border: 1px solid #fff;
	}
	body.black .headersocial, body.black .headersocial a{
		color: #fff;
	}
	body.black .headersocial{
		border-left: 1px solid #fff;
	}









	/* BANNER */
	.banner{
		float: left;
		width: 100%;
		padding:20px 0 20px 0;
	}
	.banner .bannercontent{
		float: left;
		width: 100%;
		position: relative;
		z-index: 1
		overflow: hidden;
	}
	.banner .bannercontent:before{
		position: absolute;
		width: 100%; height: 100%;
		background: rgba(0,0,0,0.4);
		left: 0; top: 0;
		content: '';
		z-index: 3;
	}
	.banner .headings-wrap{
		position: absolute;
		width: 100%; height: 100%;
		margin: 0 0 0 0;
		z-index: 5;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.banner .headings{
		float: left;
		width: 50%;
	}
	.banner .headings h3{
		text-align:center;
		color:#fff;
		font-size:16px;
		font-family: 'Poppins';
		font-weight:normal;
		text-transform: uppercase;
		letter-spacing: 4px;
		margin:0 0 30px 0;
	}
	.banner .headings h1{
		text-align:center;
		color:#fff;
		font-size:36px;
		line-height:115%;
		font-family: 'Poppins';
		font-weight:600;
		margin:0 0 30px 0;
		text-transform: capitalize;
		letter-spacing: -1px;
		position: relative;
		padding: 40px 0 10px 0;
	}
	.banner .headings h1:before{
		position: absolute;
		width: 100px; height: 2px;
		background: #fff;
		content: '';
		left: 0; right:0; top: 0;
		margin: 0 auto 0 auto;
		z-index: 2;
	}
	.banner .headings a.btn{
		display: table;
		text-align:center;
		color:#fff;
		font-size:27px;
		line-height:normal;
		font-family: 'Poppins';
		font-weight:300;
		text-transform: capitalize;
		margin: 0 auto 0 auto;
	}
	.banner .headings a.btn i{
		display: inline-block;
		width: 42px; height: 42px;
		line-height: 40px;
		border: 2px solid #fff;
		text-align:center;
		color:#fff;
		font-size: 21px;
		margin:0 0 0 0;
		border-radius:50%; -webkit-border-radius:50%;
	}
	.bannerslider{
		float: left;
		width: 100%;
		z-index:2;
	}
	.bannerslider .item{
		float: left;
		width: 100%;
	}
	.bannerslider .item img{
		float: left;
		width: 100%;
		height: auto;
		aspect-ratio: 16/7.25;
		object-fit: cover;
		object-position: center;
	}
	.banner a.prev{
		position: absolute;
		left: 10px; top: 0; bottom: 0;
		width: 48px; height: 48px;
		line-height: 48px;
		text-align:center;
		color:#fff;
		font-size:18px;
		margin:auto 0;
		z-index: 7;
	}
	.banner a.next{
		position: absolute;
		right: 10px; top: 0; bottom: 0;
		width: 48px; height: 48px;
		line-height: 48px;
		text-align:center;
		color:#fff;
		font-size:18px;
		margin:auto 0;
		z-index: 7;
	}
	





	/* ABOUT */
	.about{
		float: left;
		width: 100%;
		margin: 100px 0 100px 0;
	}
	.about .text{
		float: left;
		width: 40%; 
	}
	.about .text h2{
		text-align:left;
		color:#000;
		font-size:36px;
		line-height:normal;
		font-family: 'Poppins';
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 40px;
	}
	.about .text p{
		text-align:left;
		color:#000;
		font-size:12px; line-height: 150%;
		font-family: 'Poppins';
		margin-bottom: 40px;
	}
	.about .text h3{
		text-align:left;
		color:#000;
		font-size:16px;
		line-height:normal;
		font-family: 'Poppins';
		font-weight:normal;
		text-transform: capitalize;
		margin-bottom: 40px;
	}
	.about .image{
		float: right;
		width: 47%;
	}
	.about .image img{
		float: left;
		width: 100%;
		height: auto;
		aspect-ratio: 2/1.75;
		object-fit: cover;
		object-position: center;
	}
	body.black .about .text h2, 
	body.black .about .text h3,
	body.black .about .text p{
		color: #fff;
	}
	






	/* PICTURE GALLERY */
	.picturegallery{
		float: left;
		width: 100%;
		padding: 0 0 100px 0;
	}
	.picturegallery h2{
		text-align:center;
		color:#000;
		font-size:36px;
		line-height:normal;
		font-family: 'Poppins';
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.picturegallery h4{
		text-align:center;
		color:#000;
		font-size:12px;
		font-family: 'Poppins';
		font-weight:normal;
	}
	.galleryitems{
		float: left;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 50px;
	}
	.galleryitems .item{
		float: left;
		width: 25%;
		position: relative;
		overflow: hidden;
	}
	.galleryitems .item img{
		float: left;
		width: 100%; height: auto;
		aspect-ratio: 1/1;
		object-fit: cover;
		object-position: center;
		position: relative;
	}
	.galleryitems .item .text{
		position: absolute;
		padding: 20px 20px 20px 20px;
		z-index: 2;
		left: 0; bottom: -300px;
		opacity: 0;
		transition:0.6s; -webkit-transition:0.6s;
	}
	.galleryitems .item:hover .text{
		opacity: 1;
		bottom: 0;
	}
	.galleryitems .item .text h3{
		text-align:left;
		color:#fff;
		font-size:16px;
		font-family: 'Poppins';
		font-weight: 600;
		margin:0 0 10px 0;
	}
	.galleryitems .item .text p{
		text-align:left;
		color:#fff;
		font-size:12px;
		font-family: 'Poppins';
		text-transform: uppercase;
		margin:0 0 0 0;
	}
	.galleryitems .item a:before{
		position: absolute;
		width: 100%; height: 100%;
		content: ''; 
		background: rgba(0,0,0,0.2);
		z-index: 1;
		opacity: 0;
		transition:0.6s; -webkit-transition:0.6s;
		left: 0; top: 0;
	}
	.galleryitems .item a:after{
		position: absolute;
		width: 100%; height: 100%;
		content: '+'; font-size: 48px; color: #fff; 
		font-weight: bold;
		left: 0; top: 0;
		z-index: 3;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition:0.6s; -webkit-transition:0.6s;
	}
	.galleryitems .item:hover a:after, .galleryitems .item:hover a:before{
		opacity: 1;
	}
	.gallerylink{
		float:left;
		width:100%;
		margin-top: 60px;
		display: flex;
		justify-content: center;
	}
	.gallerylink a{
		text-align:center;
		color:#000;
		font-size:16px;
		font-family:'Poppins';
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 2px;
	}



	body.black .picturegallery h2{color:#fff;}
	body.black .picturegallery h4{color:#fff;}
	body.black .gallerylink a{color:#fff;}
	







	/* CONTACT */
	.contact{
		float: left;
		width: 100%;
	}
	.contactbox{
		float: left;
		width: 100%;
		background: #000;
		padding: 80px 80px;
	}
	.contactbox h2{
		text-align:center;
		color:#fff;
		font-size:36px;
		font-family: 'Poppins';
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin:0 0 20px 0;
	}
	.contactbox h3{
		text-align:center;
		color:#fff;
		font-size:16px;
		font-family:'Poppins';
		font-weight: normal;
		margin:0 0 40px 0;
		padding-bottom: 40px;
		position: relative;
	}
	.contactbox h3:after{
		position: absolute;
		width: 100px; height: 2px;
		background: #fff;
		content: '';
		left: 0; right:0; bottom: 0;
		margin: 0 auto 0 auto;
		z-index: 2;
	}
	.contactbox h4{
		text-align:center;
		color:#fff;
		font-size:16px;
		font-family:'Poppins';
		font-weight: normal;
	}
	.contactbox h4 a{
		color:#fff;
		border-bottom: 1px solid #fff;
		transition:0.6s; -webkit-transition:0.6s;
	}

	body.black .contactbox{background: #111;}
	





	/* FOOTER */
	footer{
		float: left;
		width: 100%;
		margin: 0 0 0 0;
		padding: 80px 0;
	}
	.copyright{
		float: left;
		text-align:left;
		color:#000;
		font-size:12px;
		font-family: 'Poppins';
		text-transform: uppercase;
		font-weight: 300;
		margin:0 0 0 0;
	}
	.copyright a{
		color: #000;
		border-bottom: 1px solid #000;
	}
	.social{
		float: right;
		text-align:left;
		color:#000;
		font-size:12px;
		font-family: 'Poppins';
		text-transform: uppercase;
		font-weight: 300;
		margin:0 0 0 0;
	}
	.social a{
		color: #000;
		margin-left: 5px;
	}
	.social a.pinterest{
		color: deeppink !important;
	}



	body.black .copyright,
	body.black .copyright a,
	body.black .social,
	body.black .social a{
		color: #fff;
	}
	body.black .copyright a{
		border-bottom: 1px solid #fff;
	}