section.gt-block.section--hero {
position: relative;
z-index: 1;
padding-top: 12.7rem;
overflow: hidden;
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero {
padding-top: 4.7rem;
}
}
section.gt-block.section--hero .section--hero-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 102.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.9rem;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-bottom: 4.85rem;
height: 44.4rem;
}
@media screen and (max-width: 950px) {
section.gt-block.section--hero .section--hero-content {
height: 100%;
}
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
section.gt-block.section--hero .section--hero-content .hero-hand {
position: absolute;
right: -46%;
top: 40%;
width: 80.3rem;
height: 34.1rem;
z-index: 5;
}
@media screen and (max-width: 950px) {
section.gt-block.section--hero .section--hero-content .hero-hand {
display: none;
}
}
section.gt-block.section--hero .section--hero-content .subheader {
font-family: "Corridor Bold", sans-serif;
font-weight: bold;
font-size: calc(var(--fs-small-rate) * 4.8rem);
line-height: 1.2083333333;
color: var(--White, #fff);
}
@media screen and (max-width: 500px) {
section.gt-block.section--hero .section--hero-content .subheader {
font-size: 1.8rem;
}
}
section.gt-block.section--hero .section--hero-content .ten--year {
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 1500px) {
section.gt-block.section--hero .section--hero-content .ten--year {
right: -3.9rem;
top: -3rem;
}
}
@media screen and (max-width: 1240px) {
section.gt-block.section--hero .section--hero-content .ten--year {
right: -1.9rem;
top: -2rem;
}
}
@media screen and (max-width: 1024px) {
section.gt-block.section--hero .section--hero-content .ten--year {
right: 11.1rem;
top: -1rem;
}
}
@media screen and (max-width: 950px) {
section.gt-block.section--hero .section--hero-content .ten--year {
display: none;
}
}
section.gt-block.section--hero .section--hero-content .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-content .title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 132px;
}
}
section.gt-block.section--hero .section--hero-content .title h2 {
font-size: calc(var(--fs-rate) * 12.4rem);
line-height: 1;
width: 100%;
max-width: 60.7rem;
letter-spacing: -0.5rem;
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-content .title h2 {
font-size: 5rem;
line-height: normal;
letter-spacing: -0.2rem;
}
}
section.gt-block.section--hero .section--hero-content .title .datum {
position: relative;
}
section.gt-block.section--hero .section--hero-content .title .datum .ten--year-mobile {
display: none;
position: absolute;
right: -1.9rem;
top: 0;
}
@media screen and (max-width: 950px) {
section.gt-block.section--hero .section--hero-content .title .datum .ten--year-mobile {
display: block;
right: -9.5rem;
top: 4rem;
}
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-content .title .datum .ten--year-mobile {
display: block;
right: -8.5rem;
top: 1rem;
}
}
section.gt-block.section--hero .section--hero-content .title .datum .ten--year-mobile img {
max-width: 11.5rem;
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-content .title .datum .ten--year-mobile img {
max-width: 9.5rem;
}
}
section.gt-block.section--hero .section--hero-content .address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.9rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section--hero .section--hero-content .address h3 {
line-height: 1.7;
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-content .address {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
section.gt-block.section--hero .section--hero-content .image-mobile {
width: 100%;
height: 28.4rem;
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-content .image-mobile {
height: 25.4rem;
}
}
@media screen and (max-width: 500px) {
section.gt-block.section--hero .section--hero-content .image-mobile {
height: 18.4rem;
}
}
section.gt-block.section--hero .section--hero-buttons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
section.gt-block.section--hero .section--hero-buttons {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 670px) {
section.gt-block.section--hero .section--hero-buttons {
gap: 1.6rem;
}
}
section.gt-block.section--hero .section--hero-slide {
padding-top: 5.98rem;
}
section.gt-block.section--hero .section--hero-slide .slide--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 9.5rem;
padding: 3.2rem 0rem 3.1rem 2.6rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
position: relative;
}
section.gt-block.section--hero .section--hero-slide .slide--content::before {
position: absolute;
content: "";
width: 3.9rem;
height: 16.5rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-ms-flex-negative: 0;
flex-shrink: 0;
left: 6rem;
top: -3.5rem;
z-index: 5;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 5, 12, 0)), to(rgba(3, 4, 11, 0.95)));
background: linear-gradient(180deg, rgba(4, 5, 12, 0) 0%, rgba(3, 4, 11, 0.95) 100%);
}
section.gt-block.section--hero .section--hero-slide .slide--content::after {
position: absolute;
content: "";
width: 3.9rem;
height: 16.5rem;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-ms-flex-negative: 0;
flex-shrink: 0;
right: 6rem;
top: -3.5rem;
z-index: 5;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 5, 12, 0)), to(rgba(3, 4, 11, 0.95)));
background: linear-gradient(180deg, rgba(4, 5, 12, 0) 0%, rgba(3, 4, 11, 0.95) 100%);
}
section.gt-block.section--hero .section--hero-slide .slide--content .slide-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
-webkit-animation: slideAnimation 200s linear infinite;
animation: slideAnimation 200s linear infinite;
white-space: nowrap;
position: relative;
}
section.gt-block.section--hero .section--hero-slide .slide--content .slide-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
}
section.gt-block.section--hero .section--hero-slide .slide--content .h5 {
font-family: "Arial", sans-serif;
font-weight: 400;
font-size: calc(var(--fs-small-rate) * 3.2rem);
line-height: 1;
background: var(--Innoforum-Text-Gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: uppercase;
line-height: normal;
}
@-webkit-keyframes slideAnimation {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideAnimation {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}