html {
scroll-behavior: smooth;
}
.historypage {
background-color: var(--component-background-color) !important;
overflow: hidden;
}
.historypage__sidenumber {
color: var(--component-text-color);
font-family: Poppins, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
left: 30px;
letter-spacing: 0;
line-height: 1.4;
position: absolute;
text-decoration: none;
text-transform: none;
top: 3%;
}
@media only screen and (min-width: 1400px) {
.historypage__sidenumber {
color: var(--component-text-color);
font-family: Poppins, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: none;
}
}
.historypage__bottomnumber {
display: none;
}
@media only screen and (min-width: 1400px) {
.historypage__bottomnumber {
bottom: 30px;
color: var(--component-text-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: Poppins, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
left: 30px;
letter-spacing: 0;
line-height: 1.4;
opacity: 0.25;
position: absolute;
text-decoration: none;
text-transform: none;
}
}
.historypage__next {
display: none;
}
@media only screen and (min-width: 1400px) {
.historypage__next {
background: #fff;
border: 0;
border-radius: 50%;
bottom: 15px;
display: block;
height: 32px;
left: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 32px;
z-index: 1;
}
.historypage__next:after {
background-color: #000;
content: "";
display: block;
height: 4px;
left: 50%;
-webkit-mask-image: url(../images/icons.svg#view-icon-caretDown);
mask-image: url(../images/icons.svg#view-icon-caretDown);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 8px 4px;
mask-size: 8px 4px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
width: 8px;
}
.historypage__next--dark {
background: #000;
}
.historypage__next--dark:after {
background-color: #fff;
height: 4px;
-webkit-mask-image: url(../images/icons.svg#view-icon-caretDown);
mask-image: url(../images/icons.svg#view-icon-caretDown);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 8px 4px;
mask-size: 8px 4px;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
width: 8px;
}
}
.historypage__intro__content {
margin: 30px auto;
max-width: 1000px;
width: 100%;
}
.historypage__intro__content img {
width: 100%;
}
@media only screen and (min-width: 768px) {
.historypage__intro__content {
margin: 60px auto;
}
}
@media only screen and (min-width: 1400px) {
.historypage__intro__content {
margin: 100px auto;
}
}
.historypage__intro__content .title {
margin: 0 15px;
}
.historypage__intro__content .title h2 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 15px;
font-size: 25px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: none;
}
@media only screen and (min-width: 768px) {
.historypage__intro__content .title h2 {
font-size: 32px;
}
}
.historypage__intro__content .title h3 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: none;
}
.historypage__intro__content .text {
margin: 0 15px;
}
.historypage__intro__content .text p {
color: #000;
font-family: Poppins, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: none;
}
@media only screen and (min-width: 768px) {
.historypage__intro__content .text {
margin-left: 50%;
}
}
.historypage__text {
margin: 0;
padding: 0;
position: absolute;
z-index: 1;
}
.historypage__text p {
color: #000;
font-family: Poppins, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: none;
}
@media only screen and (min-width: 360px) {
.historypage__text p {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) {
.historypage__text p {
font-size: 17px;
}
}
@media only screen and (min-width: 1024px) {
.historypage__text p {
font-size: 18px;
}
}
.historypage__text h3 {
line-height: 1.4;
}
.historypage__text h3,
.historypage__title {
color: var(--component-text-color);
font-family: Poppins, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
margin: 0;
text-decoration: none;
text-transform: none;
}
.historypage__title {
line-height: 1.2;
position: absolute;
z-index: 1;
}
.historypage__number {
-webkit-text-stroke: 3px var(--component-text-color);
color: transparent;
font-family: Poppins, sans-serif;
font-size: 297px;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
line-height: 285px;
margin: 0;
padding: 0;
position: absolute;
text-decoration: none;
text-transform: none;
z-index: 1;
}
.historypage__images {
position: absolute;
}
.historypage__images .image,
.historypage__images iframe {
border-radius: 25px;
}
.historypage__images .video-wrapper {
aspect-ratio: 16/9;
position: relative;
}
.historypage__images .video-wrapper img {
border: 2px solid var(--component-background-color);
display: block;
height: auto;
width: 100%;
}
.historypage__images .video-wrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.historypage__block {
background-color: var(--component-background-color);
color: var(--component-text-color);
height: 100vh;
min-height: 900px;
overflow: hidden;
position: relative;
}
.historypage__block--inner {
height: 100%;
margin: 0 auto;
max-width: 1440px;
position: relative;
width: 100%;
}
.historypage__block--33 .historypage__text {
left: 15%;
margin-right: 10px;
top: 67%;
}
@media only screen and (min-width: 768px) {
.historypage__block--33 .historypage__text {
left: 15%;
margin-right: 40px;
top: 68%;
width: 60%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--33 .historypage__text {
left: 15%;
top: 65%;
width: 35%;
}
}
.historypage__block--33 .historypage__number {
left: -4%;
top: 37%;
}
@media only screen and (min-width: 768px) {
.historypage__block--33 .historypage__number {
left: 9%;
top: 30%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--33 .historypage__number {
left: 32%;
top: 20%;
}
}
.historypage__block--33 .historypage__images {
margin-left: 15%;
right: 5%;
top: 10%;
}
@media only screen and (min-width: 768px) {
.historypage__block--33 .historypage__images {
right: 10%;
top: 6%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--33 .historypage__images {
right: 15%;
top: 20%;
}
}
.historypage__block--45 .historypage__images {
height: 100%;
width: 100%;
}
.historypage__block--45 .historypage__images .image {
max-height: 300px;
max-width: 70%;
position: absolute;
}
@media only screen and (min-width: 480px) {
.historypage__block--45 .historypage__images .image {
max-height: 350px;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--45 .historypage__images .image {
max-height: 400px;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--45 .historypage__images .image {
max-height: 500px;
}
}
.historypage__block--45 .historypage__images .image-0 {
right: 21%;
top: 26%;
z-index: 1;
}
@media only screen and (min-width: 1280px) {
.historypage__block--45 .historypage__images .image-0 {
right: 26%;
top: 19%;
}
}
.historypage__block--45 .historypage__images .image-1 {
right: 5%;
top: 10%;
}
@media only screen and (min-width: 1280px) {
.historypage__block--45 .historypage__images .image-1 {
right: 7%;
top: 5%;
}
}
.historypage__block--45 .historypage__text {
left: 4%;
margin-right: 5%;
top: 70%;
}
@media only screen and (min-width: 480px) {
.historypage__block--45 .historypage__text {
top: 74%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--45 .historypage__text {
left: 7%;
top: 78%;
}
}
@media only screen and (min-width: 1024px) {
.historypage__block--45 .historypage__text {
width: 54%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--45 .historypage__text {
left: 46%;
top: 77%;
width: 44%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--45 .historypage__text {
left: 49%;
}
}
.historypage__block--45 .historypage__number {
right: 20%;
top: 40%;
z-index: 2;
}
@media only screen and (min-width: 768px) {
.historypage__block--45 .historypage__number {
left: 1%;
top: 47%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--45 .historypage__number {
left: 15%;
top: 35%;
}
}
.historypage__block--65 .historypage__number {
right: 2%;
top: 31%;
}
@media only screen and (min-width: 768px) {
.historypage__block--65 .historypage__number {
left: 41%;
top: 12%;
top: 7%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--65 .historypage__number {
left: 55%;
top: 25%;
}
}
.historypage__block--65 .historypage__text {
left: 5%;
margin-right: 5%;
top: 59%;
}
@media only screen and (min-width: 480px) {
.historypage__block--65 .historypage__text {
top: 65%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--65 .historypage__text {
left: 5%;
top: 67%;
width: 70%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--65 .historypage__text {
left: 55%;
top: 55%;
width: 35%;
}
}
.historypage__block--65 .historypage__images {
height: 100%;
width: 100%;
}
.historypage__block--65 .historypage__images .image {
max-height: 300px;
max-width: 70%;
position: absolute;
}
@media only screen and (min-width: 480px) {
.historypage__block--65 .historypage__images .image {
max-height: 350px;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--65 .historypage__images .image {
max-height: 400px;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--65 .historypage__images .image {
max-height: 500px;
}
}
.historypage__block--65 .historypage__images .image-0 {
left: 25%;
top: 21%;
}
@media only screen and (min-width: 480px) {
.historypage__block--65 .historypage__images .image-0 {
bottom: 15%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--65 .historypage__images .image-0 {
left: 21%;
top: 40%;
}
}
.historypage__block--65 .historypage__images .image-1 {
left: 5%;
top: 7%;
}
@media only screen and (min-width: 480px) {
.historypage__block--65 .historypage__images .image-1 {
bottom: 1%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--65 .historypage__images .image-1 {
top: 11%;
}
}
.historypage__block--71 .historypage__text {
left: 15%;
margin-right: 10px;
top: 69%;
}
@media only screen and (min-width: 768px) {
.historypage__block--71 .historypage__text {
left: 15%;
margin-right: 35px;
top: 73%;
width: 60%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--71 .historypage__text {
left: 15%;
top: 65%;
width: 35%;
}
}
.historypage__block--71 .historypage__number {
left: -4%;
top: 37%;
}
@media only screen and (min-width: 768px) {
.historypage__block--71 .historypage__number {
left: auto;
right: 47%;
top: 30%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--71 .historypage__number {
left: 20%;
top: 25%;
}
}
.historypage__block--71 .historypage__images {
margin-left: 15%;
right: 5%;
top: 10%;
}
.historypage__block--71 .historypage__images .image {
max-height: 400px;
}
@media only screen and (min-width: 768px) {
.historypage__block--71 .historypage__images .image {
max-height: 600px;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--71 .historypage__images .image {
max-height: 700px;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--71 .historypage__images {
right: 10%;
top: 6%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--71 .historypage__images {
top: 20%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--71 .historypage__images {
right: 15%;
}
}
.historypage__block--93 .historypage__sidenumber {
color: #000;
font-family: Poppins, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: none;
}
@media only screen and (min-width: 1280px) {
.historypage__block--93 .historypage__sidenumber {
color: #000;
font-family: Poppins, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: none;
}
}
.historypage__block--93 .historypage__number {
-webkit-text-stroke: 3px #000;
right: -2%;
top: 7%;
z-index: 0;
}
@media only screen and (min-width: 768px) {
.historypage__block--93 .historypage__number {
left: 5%;
right: auto;
top: 10%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--93 .historypage__number {
font-size: 350px;
top: 17%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--93 .historypage__number {
top: 29%;
}
}
.historypage__block--93 .historypage__title {
left: 5%;
margin-right: 15px;
top: 57%;
}
.historypage__block--93 .historypage__title h1 {
font-size: 1.3em;
}
@media only screen and (min-width: 768px) {
.historypage__block--93 .historypage__title h1 {
font-size: 2em;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--93 .historypage__title h1 {
font-size: 2.4em;
}
}
@media only screen and (min-width: 480px) {
.historypage__block--93 .historypage__title {
margin-right: -11px;
top: 60%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--93 .historypage__title {
left: 5%;
margin-right: 20px;
top: 42%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--93 .historypage__title {
left: 50%;
top: 24%;
}
}
.historypage__block--93 .historypage__text {
left: 5%;
margin-right: 10px;
top: 70%;
}
.historypage__block--93 .historypage__text p {
color: #000;
}
@media only screen and (min-width: 480px) {
.historypage__block--93 .historypage__text {
top: 63%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--93 .historypage__text {
left: 51%;
width: 43%;
}
}
@media only screen and (min-width: 1024px) {
.historypage__block--93 .historypage__text {
left: 43%;
width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--93 .historypage__text {
left: 50%;
top: 43%;
width: 36%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--93 .historypage__text {
left: 65%;
top: 46%;
width: 30%;
}
}
.historypage__block--93 .historypage__images {
left: 5%;
top: 32%;
}
@media only screen and (min-width: 768px) {
.historypage__block--93 .historypage__images {
left: 5%;
top: 62%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--93 .historypage__images {
left: 15%;
top: 51%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--93 .historypage__images {
left: 43%;
top: 43%;
width: 20%;
}
}
.historypage__block--14 .historypage__title {
font-size: 1em;
left: 9%;
margin-right: 10px;
top: 57%;
}
@media only screen and (min-width: 480px) {
.historypage__block--14 .historypage__title {
top: 61%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--14 .historypage__title {
left: 15%;
margin-right: 40px;
top: 70%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--14 .historypage__title {
left: 5%;
top: 25%;
width: 30%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--14 .historypage__title {
width: 37%;
}
}
.historypage__block--14 .historypage__number {
left: -4%;
top: 24%;
}
@media only screen and (min-width: 768px) {
.historypage__block--14 .historypage__number {
left: 9%;
top: 35%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--14 .historypage__number {
left: 32%;
top: 57%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--14 .historypage__number {
left: 42%;
}
}
.historypage__block--14 .historypage__images {
margin-left: 15%;
right: 5%;
top: 15%;
}
@media only screen and (min-width: 768px) {
.historypage__block--14 .historypage__images {
right: 10%;
top: 11%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--14 .historypage__images {
margin-left: 0;
right: 5%;
top: 25%;
}
}
.historypage__block--17 .historypage__title {
left: 15%;
margin-right: 10px;
top: 59%;
z-index: 1;
}
.historypage__block--17 .historypage__title h3 {
font-size: 1.1em;
}
@media only screen and (min-width: 480px) {
.historypage__block--17 .historypage__title {
top: 65%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--17 .historypage__title {
left: 15%;
margin-right: 40px;
top: 76%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--17 .historypage__title {
left: 7%;
top: 55%;
width: 40%;
}
.historypage__block--17 .historypage__title h3 {
font-size: 1.6em;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--17 .historypage__title {
width: 45%;
}
}
.historypage__block--17 .historypage__number {
left: -4%;
top: 27%;
}
@media only screen and (min-width: 480px) {
.historypage__block--17 .historypage__number {
top: 33%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--17 .historypage__number {
left: 9%;
top: 30%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--17 .historypage__number {
left: 10%;
top: 20%;
}
}
.historypage__block--17 .historypage__images {
margin-left: 15%;
right: 5%;
top: 10%;
}
@media only screen and (min-width: 480px) {
.historypage__block--17 .historypage__images {
top: 15%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--17 .historypage__images {
right: 10%;
top: 6%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--17 .historypage__images {
right: 15%;
top: 9%;
}
}
.historypage__block--17 .historypage__images .image {
max-height: 400px;
}
@media only screen and (min-width: 768px) {
.historypage__block--17 .historypage__images .image {
max-height: 600px;
}
}
.historypage__block--17 .historypage__images .image-1 {
border-radius: 0;
max-height: 43px;
position: absolute;
right: 13px;
top: 7px;
}
@media only screen and (min-width: 360px) {
.historypage__block--17 .historypage__images .image-1 {
max-height: 58px;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--17 .historypage__images .image-1 {
max-height: 90px;
right: 30px;
top: 30px;
}
}
.historypage__block--18 {
overflow: visible;
}
.historypage__block--18 .historypage {
max-width: 1400px;
overflow: hidden;
}
.historypage__block--18 .historypage__title {
left: 8%;
margin-right: 5%;
top: 34%;
}
@media only screen and (min-width: 480px) {
.historypage__block--18 .historypage__title {
top: 46%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--18 .historypage__title {
left: 5%;
top: 66%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--18 .historypage__title {
left: 55%;
top: 49%;
width: 35%;
}
}
.historypage__block--18 .historypage__number {
left: -6%;
top: 5%;
}
@media only screen and (min-width: 768px) {
.historypage__block--18 .historypage__number {
left: 4%;
top: 32%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--18 .historypage__number {
left: 55%;
top: 22%;
}
}
.historypage__block--18 .historypage__text {
left: 8%;
margin-right: 15px;
top: 40%;
}
@media only screen and (min-width: 480px) {
.historypage__block--18 .historypage__text {
top: 52%;
width: 35%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--18 .historypage__text {
left: 5%;
top: 72%;
width: 35%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--18 .historypage__text {
left: 55%;
top: 55%;
}
}
.historypage__block--18 .historypage__images {
bottom: -10%;
left: auto;
right: 0;
top: auto;
z-index: 1;
}
@media only screen and (min-width: 480px) {
.historypage__block--18 .historypage__images {
bottom: -30%;
right: -17%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--18 .historypage__images {
bottom: auto;
left: auto;
right: auto;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--18 .historypage__images {
right: 40%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--18 .historypage__images {
right: 45%;
}
}
.historypage__block--18 .historypage__images .image {
max-height: 1150px;
}
.historypage__block--19 .historypage__text {
left: 5%;
margin-right: 10px;
top: 64%;
}
@media only screen and (min-width: 480px) {
.historypage__block--19 .historypage__text {
top: 71%;
width: 80%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--19 .historypage__text {
left: 15%;
top: 72%;
width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--19 .historypage__text {
left: 10%;
top: 60%;
width: 30%;
}
}
.historypage__block--19 .historypage__number {
-webkit-text-stroke: 3px #000;
left: -4%;
top: 35%;
}
@media only screen and (min-width: 768px) {
.historypage__block--19 .historypage__number {
left: 6%;
top: 30%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--19 .historypage__number {
left: 10%;
top: 25%;
}
}
.historypage__block--19 .historypage__images {
height: 100%;
position: absolute;
right: 19%;
top: 10%;
width: 220px;
}
@media only screen and (min-width: 480px) {
.historypage__block--19 .historypage__images {
right: 50%;
top: 21%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--19 .historypage__images {
right: 65%;
top: 24%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--19 .historypage__images {
right: 39%;
top: 27%;
}
}
.historypage__block--19 .historypage__images .image {
max-height: 300px;
max-width: 220px;
position: absolute;
}
@media only screen and (min-width: 480px) {
.historypage__block--19 .historypage__images .image {
max-height: 350px;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--19 .historypage__images .image {
max-width: 400px;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--19 .historypage__images .image {
max-height: 500px;
max-width: 500px;
}
}
.historypage__block--19 .historypage__images .image-1 {
display: none;
}
@media only screen and (min-width: 480px) {
.historypage__block--19 .historypage__images .image-1 {
display: block;
margin-left: 270px;
margin-top: 200px;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--19 .historypage__images .image-1 {
margin-left: 340px;
margin-top: 275px;
}
}
.historypage__block--19 .historypage__images .image-2 {
display: none;
}
@media only screen and (min-width: 480px) {
.historypage__block--19 .historypage__images .image-2 {
display: block;
margin-left: 270px;
margin-top: -125px;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--19 .historypage__images .image-2 {
margin-left: 340px;
}
}
.historypage__block--20 .historypage__number {
top: 35%;
z-index: 2;
}
@media only screen and (min-width: 768px) {
.historypage__block--20 .historypage__number {
left: 41%;
top: 17%;
top: 7%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--20 .historypage__number {
left: 55%;
top: 30%;
}
}
.historypage__block--20 .historypage__text {
left: 5%;
margin-right: 5%;
top: 65%;
}
@media only screen and (min-width: 768px) {
.historypage__block--20 .historypage__text {
left: 5%;
top: 74%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--20 .historypage__text {
left: 58%;
top: 60%;
width: 35%;
}
}
.historypage__block--20 .historypage__images {
height: 100%;
width: 100%;
}
.historypage__block--20 .historypage__images .image {
max-height: 300px;
max-width: 70%;
position: absolute;
}
@media only screen and (min-width: 480px) {
.historypage__block--20 .historypage__images .image {
max-height: 350px;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--20 .historypage__images .image {
max-height: 400px;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--20 .historypage__images .image {
max-height: 500px;
}
}
.historypage__block--20 .historypage__images .image-0 {
left: 28%;
max-width: 250px;
top: 33%;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.historypage__block--20 .historypage__images .image-0 {
max-width: 500px;
z-index: 0;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--20 .historypage__images .image-0 {
left: 21%;
max-width: 400px;
top: 45%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--20 .historypage__images .image-0 {
max-width: 500px;
}
}
.historypage__block--20 .historypage__images .image-1 {
left: 11%;
top: 7%;
}
@media only screen and (min-width: 480px) {
.historypage__block--20 .historypage__images .image-1 {
bottom: 1%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--20 .historypage__images .image-1 {
top: 16%;
}
}
.historypage__block--21 .historypage__text {
left: 9%;
margin-right: 20px;
top: 60%;
}
@media only screen and (min-width: 480px) {
.historypage__block--21 .historypage__text {
top: 63%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--21 .historypage__text {
left: 15%;
margin-right: 40px;
top: 85%;
width: 60%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--21 .historypage__text {
left: 50%;
top: 71%;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
width: 40%;
}
}
.historypage__block--21 .historypage__number {
-webkit-text-stroke: 3px #000;
left: -4%;
top: 27%;
}
@media only screen and (min-width: 480px) {
.historypage__block--21 .historypage__number {
top: 29%;
}
}
@media only screen and (min-width: 768px) {
.historypage__block--21 .historypage__number {
left: auto;
right: 45%;
top: 55%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--21 .historypage__number {
left: 20%;
right: auto;
top: 30%;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
}
}
.historypage__block--21 .historypage__images {
left: 7%;
right: 7%;
top: 11%;
}
@media only screen and (min-width: 768px) {
.historypage__block--21 .historypage__images {
top: 17%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--21 .historypage__images {
left: 30%;
right: auto;
top: 20%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--21 .historypage__images {
left: 35%;
}
}
.historypage__block--23 .historypage__products {
bottom: 50px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.historypage__block--23 .historypage__title {
left: 15%;
margin-right: 10px;
top: 63%;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.historypage__block--23 .historypage__title {
margin-right: 40px;
top: 74%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--23 .historypage__title {
top: 65%;
width: 35%;
}
}
.historypage__block--23 .historypage__text {
left: 15%;
margin-right: 10px;
top: 69%;
}
@media only screen and (min-width: 768px) {
.historypage__block--23 .historypage__text {
margin-right: 0;
top: 80%;
width: 60%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--23 .historypage__text {
top: 70%;
width: 35%;
}
}
.historypage__block--23 .historypage__number {
left: -4%;
top: 26%;
}
@media only screen and (min-width: 768px) {
.historypage__block--23 .historypage__number {
left: 9%;
top: 45%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--23 .historypage__number {
left: 5%;
top: 15%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--23 .historypage__number {
left: auto;
}
}
.historypage__block--23 .historypage__images {
left: 7%;
right: 7%;
top: 10%;
}
@media only screen and (min-width: 768px) {
.historypage__block--23 .historypage__images {
top: 6%;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--23 .historypage__images {
left: auto;
right: 7%;
top: 15%;
}
}
@media only screen and (min-width: 1400px) {
.historypage__block--23 .historypage__images {
right: 13%;
}
}
.historypage__block--final .historypage__block {
min-height: 100vh;
}
.historypage__block--final .historypage__images {
height: 50%;
overflow: hidden;
width: 100%;
}
@media only screen and (min-width: 768px) {
.historypage__block--final .historypage__images {
left: 0;
top: 50%;
}
}
@media only screen and (min-width: 1024px) {
.historypage__block--final .historypage__images {
height: 100%;
top: auto;
width: 50%;
}
}
.historypage__block--final .historypage__images .image {
border-radius: 0;
height: 130%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.historypage__block--final .historypage__container--text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
padding: 30px;
text-align: center;
width: 100%;
}
@media only screen and (min-width: 768px) {
.historypage__block--final .historypage__container--text {
position: absolute;
right: 0;
}
}
.historypage__block--final .historypage__container--text img {
height: 90px;
margin: 0 auto 15px;
}
@media only screen and (min-width: 1024px) {
.historypage__block--final .historypage__container--text img {
height: auto;
margin: 0 auto 35px;
}
.historypage__block--final .historypage__container--text {
display: block;
height: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50%;
}
}
.historypage__block--final .historypage__container--text .btn {
margin: 30px auto 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media only screen and (min-width: 1280px) {
.historypage__block--final .historypage__container--text .btn {
width: auto;
}
}
.historypage__block--final .historypage__title {
position: static;
}
.historypage__block--final .historypage__title h2 {
color: var(--component-text-color);
font-family: Poppins, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
margin: 0 0 20px;
text-decoration: none;
text-transform: uppercase;
}
.historypage__block--final .historypage__text {
margin: 0 auto;
position: relative;
width: 90%;
}
@media only screen and (min-width: 1400px) {
.historypage__block--final .historypage__text {
width: 75%;
}
}
.historypage__block--final .historypage__text p {
-webkit-text-stroke: 1px var(--component-text-color);
color: transparent;
font-family: Poppins, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
padding: 5px 0;
text-decoration: none;
text-transform: uppercase;
}
@media only screen and (min-width: 480px) {
.historypage__block--final .historypage__text p {
color: transparent;
font-family: Poppins, sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
text-decoration: none;
text-transform: uppercase;
}
}
@media only screen and (min-width: 1280px) {
.historypage__block--final .historypage__text p {
-webkit-text-stroke: 2px var(--component-text-color);
color: transparent;
font-family: Poppins, sans-serif;
font-size: 42px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
padding: 30px 0;
text-decoration: none;
text-transform: uppercase;
}
}
.historypage__block--final .historypage__text:after,
.historypage__block--final .historypage__text:before {
border-top: 2px solid var(--component-text-color);
content: "";
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 50%;
}
.historypage__block--final .historypage__text:before {
top: 0;
}
.historypage__block--final .historypage__text:after {
bottom: 0;
}