@charset "utf-8";
/*+++++++++++++++
footer
++++++++++++++++*/
footer {
	padding:50px 0 150px;
	position: relative;
	background: var(--opa-black08);
}
footer .inner {
	max-width: var(--width-full);
}
footer .inner .block-column {
	margin: 0 0 20px;
}
#pagetop {
	position: fixed;
	right: 4%;
	cursor: pointer;
	bottom: 5%;
	z-index: 10;
	margin: 30px 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--black);
	border-radius: 100px;
}
#pagetop i {
	width: 14px;
}
#pagetop i:before {
	transform: rotate(-90deg);color: #fff;position: absolute;
}

footer .block-column a {
	margin: 0;
	flex-basis: var(--flex-35);
	letter-spacing: 1px;
	font-family: var(--gs);
	font-weight: 300;
	color: var(--white);
}
.block-columns.columns-4 .block-column {
	/* flex-basis: 100%; */
	margin: 0 0 30px;
}

.block-columns.columns-4 .block-column:last-child {
	flex-basis: var(--flex-60);
	margin: 0 !important;
}

.flogo {
	width: 150px;
}
footer ol {
	margin: 0 0 20px;
}
footer 
footer p,footer ol li {
	line-height: var(--lh-md);
}
footer li a {
	color: var(--opa-white09);
	font-size:var(--font-em);
}
footer p {
	font-weight: normal;
	margin: 0 !important;
var(
	--font-em): ;
	font-size: var(--font-em);
}

footer h6 {
	color: var(--opa-white09);
	font-weight: 600;
	border-bottom: 1px solid  var(--opa-white02);
	padding: 0 0 5px;
	margin: 0 0 5px;
	font-size: var(--font-h6);
}

	
.hotels {
	padding:0 0 20px;
	border-top: none;
	display: block;
	justify-content: center;
	box-sizing: border-box;
	color: var(--opa-white05);
	font-family: var(--gs);
}
.hotels .title {
    padding: 0 0 10px;
    margin: 0;
    font-size: var(--font-em);
}
.hotels ol {
flex-wrap: wrap;
margin: 0 0 0 -10px;
display: flex;
}
.hotels ol li {position: relative;line-height: var(--lh-md);padding:0 10px;box-sizing: border-box;}
.hotels ol li a {
	padding:0 5px 0 0;
	color: var(--white);
}
.hotels ol li a:after {
content: "";
position: absolute;
width: 1px;
height: 60%;
right: 0%;
bottom: 0;
top: 0;
margin: auto;
}


.copyright {font-size: var(--font-mc);color: var(--opa-white02);font-family: "Jost", sans-serif;font-weight: 300;}


@media screen and (min-width: 600px) {
/*+++++++++++++++
footer
++++++++++++++++*/
	
footer {}
#pagetop {
	right: 4%;
}
#pagetop i {
width: 14px;
}
#pagetop i:before {
transform: rotate(-90deg);
color: #fff;
position: absolute;
}


footer .block-column {
flex-basis: var(--flex-35);	
}
footer .block-column a {
margin: 0;
}		

footer .block-column .block-columns.columns-4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
footer .block-column .block-columns.columns-4 .block-column {/* flex-basis: 100%; *//* width: 100%; */}

.flogo {
width: 200px;
}

footer p {color: var(--opa-white09);
	line-height: var(--lh-lg);}
footer p > a {
font-weight: normal;
margin: 0 !important;
}

footer h6 {}

.hotels ol {
flex-wrap: wrap;
margin: 0 0 0 -10px;
display: flex;
}
.hotels ol li {}
.hotels ol li:after {
content: "";
position: absolute;
width: 1px;
height: 60%;
right: 0%;
bottom: 0;
top: 0;
margin: auto;
}

.hotels ol li a {
margin: 0;
}



}

@media screen and (min-width: 1024px) {
/*+++++++++++++++
footer
++++++++++++++++*/
footer {
	padding:100px 0 30px;
}
footer .inner {
	max-width: var(--width-large);
}

#pagetop {
	margin: 30px 40px;
	width: 50px;
	height: 50px;
	bottom: 0;
}
#pagetop i {
width: 14px;
}
#pagetop i:before {
transform: rotate(-90deg);
color: #fff;
position: absolute;
}
footer .block-column .block-columns.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}
footer .block-column {flex-basis: var(--flex-30);
}
footer .block-colum a {
margin: 0;
}		

footer .block-columns.columns-4 .block-column {/* flex-basis: 100%; */}

.flogo {
width: 200px;
}

footer p a {
font-weight: normal;
margin: 0 !important;
display: inline-block;

}
footer h6 {}

.hotels {
padding: 30px 0;
border-top: 1px solid var(--opa-white02);
display: flex;
justify-content: center;
box-sizing: border-box;
color: var(--opa-white05);
font-family: var(--gs);
}
.hotels .title {
padding: 0 20px 0 0;
margin: 0 20px 0 0;
border-right:1px solid var(--opa-white05);
font-size: var(--font-em);
display: flex;
align-items: center;
}
.hotels .title a {
	padding:0 5px 0 0;
	color: var(--white);
}

.hotels ol {
flex-wrap: wrap;
margin: 0 0 0 -10px;
display: flex;
}
.hotels ol li {line-height: var(--lh-sm);}
.hotels ol li:after {
content: "";
position: absolute;
width: 1px;
height: 60%;
right: 0%;
bottom: 0;
top: 0;
margin: auto;
}

.copyright {
	font-size: var(--font-em);
	color: var(--opa-white09);
}

}

@media screen and (min-width: 1200px) {
/*+++++++++++++++
footer
++++++++++++++++*/
footer {
	padding:100px 0 20px;
}
	footer .inner {
	}
	footer .block-column {
	}
	footer .block-column:last-child {
	/* display: grid; */
	/* grid-template-columns: repeat(4,1fr); */
	}	

}