Refugium CSS

<link rel="stylesheet" type="text/css" href="/user/documents/upload/res/Refugium_main_1.css">

@import url('');
@import url(',wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

.carousel-inner div:nth-child(1) .extended-banner-title:after {content:'Klara and the sun';}
.carousel-inner div:nth-child(2) .extended-banner-title:after {content:'Klara and the sun';}
.carousel-inner div:nth-child(3) .extended-banner-title:after {content:'Klara and the sun';}


.extended-banner-texts {
display: flex;
flex-direction: column;
padding: 50px;
align-items: flex-start;
justify-content: center;
.extended-banner-title, .extended-banner-text, .extended-banner-link {
position: unset;
padding: unset;
border: none;
background-color: transparent;
box-shadow: none;
.extended-banner-title:after {display: block;font-size: 130%;}
.extended-banner-title {
font-family: "Abril Fatface", cursive;
font-size: 38px !important;
letter-spacing: 2px;
text-align: left;
height: 104px;
line-height: 1.1;
color: #fff;
.extended-banner-text {
font-size: 20px;
color: #fff;
width: 500px;
max-width: 100%;
margin-top: 30px;
line-height: 1.5;
font-weight: 300;
.extended-banner-link {
border-radius: 50%;
height: 48px;
width: 48px !important;
min-width: unset;
border: none !important;
box-shadow: 0px 0px 30px 10px #00000014 !important;
font-size: 36px;
font-weight: 500;
line-height: 50px !important;
background-color: #fff !important;
text-align: center;
margin-top: 30px;
.extended-banner-link:hover {background-color: #1c24a3 !important; color: #fff;}
@media (max-width:991px) {
.extended-banner-texts {justify-content: flex-end;}
#carousel {padding: 10px;}


.homepage-group-title {text-align:center;}


.carousel-control {
width: 75px;
opacity: 1;
filter: alpha(opacity=1);
color: #000;
.carousel-control::before {
width: 48px;
height: 48px;
line-height: 48px;
border-style: none;
background: #fff;
box-shadow: 0px 0px 30px 10px #00000014 !important;
font-weight: 600;
.carousel-control:hover::before, .carousel-control:focus:before {
.carousel-control:hover, .carousel-control:focus {opacity:1;}
.social-buttons-wrapper {display: none;}
.detail-parameters tbody {display: flex;flex-wrap: wrap;}
.detail-parameters tr {width: 50%;}
.p-param-block .detail-parameters-wrapper table.detail-parameters tbody tr th {
font-size: 12px;
font-weight: 400;
.p-param-block .detail-parameters-wrapper table.detail-parameters tbody tr td {
font-size: 18px;
font-weight: 400;
table.detail-parameters tbody tr th, table.detail-parameters tbody tr td {
line-height: 1.5;