body{
	background-color: #ffffff;
	font-family: "PT Serif";
	font-size: 14px;
	color: #777777;
}

nav{
	font-family: "Open Sans";
	font-size: 14px;
}
.center{
	display: flex;
	text-align: center;
	justify-content: space-around !important;
	align-items: center;
}

.margin{
	margin: 30px auto;
	width: 60%;
}

.logo{
	width: auto;
	height: 50px;
}

.margin-center{
	margin:0 auto;
}

.full-height{
	background: url('../images/3.jpg'), linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4));
	background-blend-mode: overlay;
	background-size: cover; 
  	height: 90vh; 
}

.vertical-center{
	position: absolute;
	top: 45%;
}

.border{
	font-size: 24px;
	border:1px solid;
	border-radius: 40px;
	padding: 15px;
	height: 68px;
	width: 68px;
}

.ouval{
	position: absolute;
	bottom: -7%;
}

.ouval p{
	margin-bottom:none !important;
	margin-block-end: 0px !important;
}
.ouval-border{
	border:2px solid;
	border-radius: 10px;
	padding:10px 5px;
}

/*about*/

.about{
	padding:90px 210px;
	line-height: 2;
}

.about .about-title{
	width: 100%;
	padding-bottom: 50px;
}

.about .about-title h1{
	width: 50%;
	margin:0 auto;
	font-weight: bold;
}

.btn-more{
	padding:5px 40px;
	margin-top: 10px;
}

.event{
	background: url('../images/3.jpg'), linear-gradient(rgba(0,0,0,0.95),rgba(0,0,0,0.95));
	background-blend-mode: overlay;
	background-size: cover; 
}

/*Event*/
.event-header{
	margin:0 auto;
	width: 30%;
	padding:50px 0px;
}

.event-header h1{
	font-weight: bold;
}

.event-row{
	margin:60px auto;
}

.event-grid-container{
	display: grid;
	grid-template-columns: 24.5% 1% 24.5% 50%;
	grid-template-rows: auto;
	grid-template-areas: 
    "event-date event-line event-img event-list-header"
    "event-date event-line event-img event-text";
    grid-column-gap: 10px;
}

.event-date{
	grid-area: event-date;
	align-self:center;
}

.event-line{
	grid-area: event-line;
	border-right: 1px solid;
}

.event-img{
	grid-area: event-img;
	align-self:center;
}

.event-list-header{
	grid-area: event-list-header;
	align-self:center;
}

.event-text{
	grid-area: event-text;
}

.event-img img{
	width: 70px;
	height: 70px;
}

.event-text p{
	margin-top: -10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-more-event{
	margin-bottom: 80px;
	margin-top: 40px;
}

/*Product*/
.product,.product-body{
	background-color: #ffffff;
}
.full-bg{
	background: url('../images/3.jpg'), linear-gradient(rgba(150,150,150,0.6),rgba(150,150,150,0.6));
	background-blend-mode: overlay;
	background-size: cover; 
	height: 100vh;
}

.product-header{
	margin:50px auto;
	width: 30%;
}

.product-header h1{
	font-weight: bold;
}

.slick-track{
	width: 100% !important;
}

.img-responsive{
	max-width: 100%;
}

.product-body{
	margin-top:-500px;
}

.product-arrow-right,.product-arrow-left{
	border:1px solid;
	font-size: 20px;
	color: #888888;
}

.product-arrow-right i,.product-arrow-left i{
	padding:10px 5px;
}

.product-title{
	font-weight: bold;
	padding: 20px 0px 10px 0px;
}

.product-price,.product-desc{
	padding:5px 0px;
}

.product-desc p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*lodgin*/
.logding{
	background-color: #ffffff;
}

.lodging-header{
	margin:20px 0px;
}

.lodging-badge{
	border:1px solid;
	border-radius: 50px;
	font-size: 15px;
	text-decoration: none;
	margin:10px;
}

.lodging-badge span{
	margin:10px 20px;
}

.lodging-badge span i{
	font-size: 20px;
}

.lodging-active{
	color:#555555;
}

.lodging div.rate span{
	margin:0px 3px;
	font-size: 17px;
}

.lodging .scrollable{
	text-align: center;
    height: 200px;
    position: absolute;
    top: 300px;
    bottom: 0;
    left: 0;
    top: 0;
    width: 98%;
    overflow-y: scroll;
}

.iframe-container {
  	overflow: hidden;
  	padding-top: 56.25%;
  	position: relative;
}

.iframe-container iframe {
   	border: 0;
   	height: 100%;
   	left: 0;
   	position: absolute;
   	top: 0;
   	width: 100%;
}