@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital@0;1&family=Libre+Franklin:wght@700&family=Roboto:wght@300;400;500;700;900&display=swap');

body{
	font-family: 'Roboto', sans-serif;
}
em,i,.text-italic{
	font-family: 'Gentium Book Plus', serif;
	font-style: italic;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
	font-family: 'Libre Franklin', sans-serif;
	font-weight: bold;
}
.row-hero .wrapper{
	min-height: 80vh;
	position: relative;
	border-radius: 30px;
	overflow: hidden;
}
.row-hero .wrapper .caption{
	position: absolute;
	bottom:-10%;
	left:50%;
	transform: rotate(-90deg) translateY(-50%);
	transform-origin: left top;
	font-size: 2rem;
	font-weight: bold;
	padding:20px;
	transition: .5s ease;
}
.row-hero .wrapper .caption-hover{
	position: absolute;
	inset:auto 0 0;
	padding:30px;
	line-height: 1;
	visibility: hidden;
	opacity: 0;
	transition: .5s ease;
}
.row-hero .wrapper .caption-hover .point-title{
	font-size:1.6rem;
	font-weight: bold;
}
.row-hero .wrapper .caption-hover .point-value{
	font-size: 2rem;
}
.row-hero .wrapper .caption-hover .point-text{
	font-size: 1rem;
}
.row-hero{
	flex-wrap: nowrap;
}
.row-hero > .col-lg-auto{
	cursor: pointer;
	width: 160px;
	transition: .5s ease;
}
.row-hero > .col-lg-auto:first-child{
	flex-grow: 1;
}
.row-hero > .col-lg-auto .image-wrapper:before{
	background: linear-gradient(#0000,#000a)!important;
}
.row-hero:hover > .col-lg-auto{
	flex-grow: 0;
}
.row-hero > .col-lg-auto:hover{
	flex-grow: 1;
}
.row-hero:hover > .col-lg-auto:first-child .caption{
	opacity: 1;
	transform: rotate(-90deg) translateY(-50%);
	visibility: visible;
}
.row-hero:hover > .col-lg-auto:first-child .caption-hover{
	opacity: 0;
	transition: .5s ease;
}
.row-hero:hover > .col-lg-auto:first-child:hover .caption{
	opacity: 0;
	transform: rotate(-90deg) translateY(100%);
	visibility: hidden;
}
.row-hero:hover > .col-lg-auto:first-child:hover .caption-hover{
	opacity: 1;
}

.row-hero:hover > .col-lg-auto .caption-hover{
	opacity: 0;
	transition: .5s opacity ease;
}
.row-hero > .col-lg-auto:first-child .caption,
.row-hero > .col-lg-auto:hover .caption{
	transform: rotate(-90deg) translateY(-100%);
	opacity: 0;
	visibility: hidden;
}
.row-hero > .col-lg-auto:first-child .caption-hover,
.row-hero > .col-lg-auto:hover .caption-hover{
	visibility: visible;
	opacity: 1;
}
.row-news{
	flex-wrap: nowrap;
}
.row-news > .col-lg-auto{
	width: 300px;
	transition: .5s ease;
}
.row-news > .col-lg-auto .card{
	height: 400px;
	cursor: pointer;
}
.row-news > .col-lg-auto .card .content{
	display: none;
	flex-grow: 1;
	flex-direction: column;
}
.row-news > .col-lg-auto .card .image-wrapper{
	height: 100%;
}
.row-news > .col-lg-auto:first-child{
	flex-grow: 1;
}
.row-news > .col-lg-auto:first-child .card .content{
	display: flex;
}
.row-news:hover > .col-lg-auto{
	flex-grow: 0;
}
.row-news:hover > .col-lg-auto .card .content{
	display: none;
}
.row-news:hover > .col-lg-auto:first-child:hover .card .content{
	display: flex!important;
}
.row-news > .col-lg-auto:hover{
	flex-grow: 1;
}
.row-news > .col-lg-auto:hover .card .content{
	flex-grow: 1;
	display: flex;
}
.row-gallery .card{
	border-radius: 30px;
	overflow: hidden;
}
.row-gallery .card img{
	height: 450px;
	width: 100%;
	object-fit: cover;
	transition: 10s ease;
}
.row-gallery .card .card-img-overlay{
	background: #FFD93Daa;
	display: flex;
	align-items: flex-end;
	color:#333;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
}
.row-gallery .card .card-img-overlay p{
	transform: translateY(100%);
	opacity: 0;
	transition: .5s ease;
}
.row-gallery .card:hover .card-img-overlay{
	opacity: 1;
	visibility: visible;
}
.row-gallery .card:hover img{
	transform: scale(2);
}
.row-gallery .card:hover .card-img-overlay p{
	transform: translateY(0);
	opacity: 1;
}