@keyframes animation-1 {from {opacity: 0;transform: scale(1.05);}to {opacity: 1;transform: scale(1);} } @keyframes animation-2 {from {opacity: 0;transform: translate3d(0, 100%, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);} } @keyframes fade-in-left {from {opacity: 0;transform: translate3d(-20%, 0, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);} } @keyframes pulse {0% {transform: scale(1);}50% {transform: scale(1.2);}100% {transform: scale(1);} } html {scroll-behavior: smooth; } body {padding-top: 0;background: var(--white);color: var(--black); } body a[name] {display: block;position: relative;visibility: hidden;top: -5.8125rem; } body .container-fluid {padding: 0; } body form {width: 100%;display: flex;flex-direction: column;align-items: center; } body h1, body .h1, body h2, body .h2, body h3, body .h3 {color: var(--black); } body h2, body .h2 {font-weight: bold; } body .footer {font-size: 1rem;color: #4d4d4d;padding: 4.6875rem 0; } body .footer .col {display: flex;flex-direction: column;justify-content: flex-end;padding: 2rem 1rem; } @media (min-width: 576px) {body .footer .col {padding: 3rem 1rem;} } body .footer .col.col-first {align-items: center; } @media (min-width: 576px) {body .footer .col.col-first {align-items: flex-start;} } body .footer .col.col-second {align-items: center; } body .footer .col.col-last {align-items: center; } @media (min-width: 576px) {body .footer .col.col-last {align-items: flex-end;} } body .footer .mdi {font-size: 1.875rem;line-height: 1;vertical-align: middle;margin-right: 0.5rem; } body .footer a {color: #4d4d4d;text-decoration: none;margin-left: 1.25rem;display: inline-block; } body .footer a:hover, body .footer a:focus {color: var(--link-hover-color); } body .section {height: calc(100vh - 5.8125rem);min-height: 820px;position: relative;padding-top: 3rem; } body .section .btn-group-section {position: absolute;bottom: 1rem;left: 1rem; } body .section .btn-group-section .btn {padding: 0.5rem !important;border-radius: 0.125rem;margin-right: 0.125rem !important; } body .section .btn-group-section .btn .mdi {font-size: 1.875rem !important; } body .section h1, body .section .h1 {font-size: 2rem;color: #000;position: relative;margin-bottom: 3.6875rem;padding: 0 1rem; } @media (min-width: 768px) {body .section h1, body .section .h1 {font-size: 2.8125rem;} } body .section h1::after, body .section .h1::after {content: " ";max-width: 30.8125rem;height: 0.3125rem;background: red;position: absolute;bottom: -0.5625rem;width: calc(100% - 2rem);left: 50%;transform: translateX(-50%); } body .section h2, body .section .h2 {font-size: 1.625rem;line-height: 1.25;margin-bottom: 0.375rem; } body .section .card {position: relative;top: 0;right: auto;left: calc(100% - 5.1875rem);max-width: 39.6875rem;box-shadow: 0px 0.625rem 1.25rem rgba(0, 0, 0, 0.1);border-radius: 0.4375rem;padding: 1.8125rem 2.3125rem 2.1875rem 2.3125rem;opacity: 0;transform: translate3d(-200%, 0, 0);transition-property: transform, opacity;transition-duration: 0.5s; } @media (max-width: 991.98px) {body .section .card {left: calc(100% - 1rem);width: calc(100% - 2rem);} } body .section .card > *:last-child {margin-bottom: 0; } body .section .card.animated {opacity: 1;transform: translate3d(-100%, 0, 0); } body .section .embed-responsive {max-width: 61.25rem;margin-bottom: 4.6875rem; } body .section .embed-responsive .embed-responsive-item {background: var(--light); } body .section .img-group {width: 100%;height: 100%;overflow: hidden;position: absolute;bottom: 0;display: flex;align-items: center;justify-content: center; } body .section .img-group .img-fluid {position: absolute;bottom: 0;height: 100%;max-width: none; } body .section .img-group .img-fluid.img-bg {min-width: 100vw;height: auto; } body .section.section-1 {background: #d0dfe5;padding-top: 5.8125rem;min-height: 100vh;height: auto;padding-bottom: 110px; } body .section.section-1 h1, body .section.section-1 .h1 {font-size: 36px;color: #FF0000;font-weight: 300;text-align: left;line-height: 1.25;margin-bottom: 3.3125rem;text-shadow: 0 0 8px white;overflow: hidden; } @media (min-width: 768px) {body .section.section-1 h1, body .section.section-1 .h1 {width: auto;} } @media (min-width: 576px) {body .section.section-1 h1, body .section.section-1 .h1 {font-size: 3.75rem;} } @media (max-width: 650.98px) {body .section.section-1 h1, body .section.section-1 .h1 {margin-top: 6.25rem;margin-bottom: 6.25rem;} } body .section.section-1 h1::after, body .section.section-1 .h1::after {content: none; } body .section.section-1 h1 span, body .section.section-1 .h1 span {font-size: 42px;display: block; } @media (min-width: 576px) {body .section.section-1 h1 span, body .section.section-1 .h1 span {font-size: 5rem;} } body .section.section-1 h1 b, body .section.section-1 .h1 b {font-weight: 800;letter-spacing: 0.04375rem; } body .section.section-1 h2, body .section.section-1 .h2 {font-size: 2rem;font-weight: 400;line-height: 1.4;margin-left: 0.4375rem;max-width: 34.375rem;margin-bottom: 1.6875rem;text-shadow: 0 0 8px white; } @media (max-width: 650.98px) {body .section.section-1 h2, body .section.section-1 .h2 {font-size: 36px;} } body .section.section-1 h2 b, body .section.section-1 .h2 b {font-weight: 700; } body .section.section-1 .img-holder {position: absolute;height: 100%;display: flex;align-items: center;justify-content: center;transition-duration: 0.25s;transition-property: opacity;transform: translateX(16.4%); } @media (min-width: 768px) {body .section.section-1 .img-holder {width: 100%;left: 65.4%;transform: translateX(calc(-15% - 50vw));min-width: auto;} } body .section.section-1 .img-holder .img-fluid {height: 100%; } body .section.section-1 .img-holder .img-fluid.img-bg {position: relative;object-fit: cover; } body .section.section-1 .img-holder .img-fluid:not(.img-bg) {display: block; } @media (max-width: 650.98px) {body .section.section-1 .img-holder .img-fluid:not(.img-bg) {height: 50%;top: 5%;left: 16.85%;} } body .section.section-1 .col-text {padding-top: 6.3125rem; } body .section.section-1 ul {font-size: 1.375rem;text-shadow: 0 0 8px white; } @media (min-width: 768px) {body .section.section-1 ul {margin-left: 1.0625rem;max-width: 34.375rem;} } @media (max-width: 650.98px) {body .section.section-1 ul {font-size: 25px;} } body .section.section-1 ul li {line-height: 1.3;margin-bottom: 0.9375rem; } body .section.section-1 .scrolldown {line-height: 1;background: var(--primary);color: white !important;width: 4.375rem;height: 4.375rem;display: flex;align-items: center;justify-content: center;border-radius: 2.1875rem;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.35);margin-top: 2.8125rem;margin-bottom: 2.8125rem;position: absolute;bottom: 0.625rem;left: calc(50% - 2.1875rem); } body .section.section-1 .scrolldown svg {height: 3.9375rem;width: auto;position: relative;top: 0.0625rem; } body .section.section-1 .animation-1 {opacity: 0; } body .section.section-1 .animation-1.animated {animation-name: animation-1;animation-duration: 1s;animation-fill-mode: both;animation-delay: 0.25s; } body .section.section-1 .animation-2 {opacity: 0; } body .section.section-1 .animation-2.animated {animation-name: animation-2;animation-duration: 1s;animation-fill-mode: both;animation-delay: 0.5s; } body .section.section-1 .animation-3 {opacity: 0;transition-property: transform, opacity;transition-delay: 1s;transition-duration: 0.5s;transform: scale(1.5); } body .section.section-1 .animation-3.animated {opacity: 1;transform: scale(1); } body .section.section-2 {background: #545353;max-height: 986px; } body .section.section-2 h1, body .section.section-2 .h1 {color: #fff; } body .section.section-2 .card {background: var(--white); } body .section.section-2 .animation-1 {opacity: 0;transition-property: opacity;transition-duration: 0.5s; } body .section.section-2 .animation-1.animated {opacity: 1; } body .section.section-2 .animation-2 {opacity: 0;transform: translate3d(-20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.5s; } body .section.section-2 .animation-2.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-2 .animation-3 {opacity: 0;transform: translate3d(-20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.5s; } body .section.section-2 .animation-3.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-3 {background: var(--white);max-height: 986px; } body .section.section-3 .plane {position: absolute;width: 100%;height: calc(100% - 16.25rem);overflow: hidden; } body .section.section-3 .plane .group {position: relative;height: 33.333%; } body .section.section-3 .plane .group .row {position: absolute;flex-wrap: nowrap;height: calc(100% - 15px); } body .section.section-3 .plane .group .row .col {position: relative;flex-basis: 15.625rem !important; } body .section.section-3 .plane .group .row .col .img-fluid {height: 100%;object-fit: cover;border-radius: 0.375rem;box-shadow: 0 0 0.625rem rgba(var(--black), 0.25);width: 100%; } body .section.section-3 .card {top: 4.6875rem;background: var(--white); } body .section.section-4 {background: #dfdfdf;max-height: 986px; } body .section.section-4 .card {background: var(--white); } body .section.section-4 .img-group .img-holder {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transform: scale(0.7) translateX(-12%);bottom: -96px; } @media (min-width: 768px) {body .section.section-4 .img-group .img-holder {transform: translateX(-12%);top: 0;bottom: auto;left: 0;} } body .section.section-4 .btn-price {position: absolute;width: 15.625rem;text-transform: none;font-size: 1.5rem !important;font-weight: bold;border-radius: 0.375rem;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.35);opacity: 0;transform: translateX(-29.625rem) scale(1.5);transition-property: transform, opacity;transition-duration: 0.25s;top: 90%;right: calc(10% - 29.625rem); } @media (min-width: 992px) {body .section.section-4 .btn-price {top: 20%;right: auto;left: 41%;} } body .section.section-4 .btn-price.animated {opacity: 1;transform: translateX(-29.625rem) scale(1); } body .section.section-4 .animation-1 {opacity: 0;transition-property: opacity;transition-duration: 0.5s; } body .section.section-4 .animation-1.animated {opacity: 1; } body .section.section-4 .animation-2 {opacity: 0;transform: translate3d(40%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-4 .animation-2.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-4 .animation-3 {opacity: 0;transform: translate3d(-40%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-4 .animation-3.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-5 {background: #575757;max-height: 923px; } body .section.section-5 h1, body .section.section-5 .h1 {color: #fff; } body .section.section-5 .card {background: var(--white); } body .section.section-5 .img-group .img-holder {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transform: scale(0.7) translateX(-20%);bottom: -148px; } @media (min-width: 768px) {body .section.section-5 .img-group .img-holder {transform: translateX(-12%);top: 0;bottom: auto;left: 0;} } body .section.section-5 .img-icon {position: absolute;max-width: 12.5rem;right: 0;top: 0;transform: translateY(70%) scale(1.5);opacity: 0;transition-property: transform, opacity;transition-duration: 0.5s;transition-delay: 0.5s; } body .section.section-5 .img-icon.animated {opacity: 1;transform: translateY(70%) scale(1); } body .section.section-5 .animation-1 {opacity: 0;transition-property: opacity;transition-duration: 0.5s; } body .section.section-5 .animation-1.animated {opacity: 1; } body .section.section-5 .animation-2 {opacity: 0;transform: translate3d(-20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-5 .animation-2.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-5 .animation-3 {opacity: 0;transform: translate3d(-20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-5 .animation-3.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-5 .animation-4 {opacity: 0;transform: translate3d(-20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-5 .animation-4.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-6 {background: var(--white);max-height: 986px; } body .section.section-6 .holder {position: absolute;top: 0;z-index: 0;height: 100%;overflow: hidden;width: 100%; } body .section.section-6 .holder .video {left: 50%;position: absolute;transform: translate(-50%, -50%);top: 50%;min-width: 100%;min-height: 100%; } body .section.section-6 .content {position: relative;padding: 0 1rem; } body .section.section-7 {background: #717679;max-height: 986px; } body .section.section-7 h1, body .section.section-7 .h1 {color: #fff; } body .section.section-7 .card {background: var(--white); } body .section.section-7 .img-group-animation .img-holder {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transform: scale(0.8) translateX(5%);bottom: -103px; } @media (min-width: 768px) {body .section.section-7 .img-group-animation .img-holder {transform: translateX(-10%);top: 0;bottom: auto;left: 0;} } body .section.section-7 .animation {opacity: 0;transition-property: opacity;transition-duration: 0.25s; } body .section.section-7 .animation.animated {opacity: 1; } body .section.section-7 .animation-1 {transform: scale(1.5);transition-property: transform, opacity; } body .section.section-7 .animation-1.animated {transform: scale(1); } body .section.section-8 {background: #dfdfdf;max-height: 986px; } body .section.section-8 .card {height: auto;bottom: 0;max-width: calc(100% - 2rem);opacity: 1;width: 50rem;transition: none;position: absolute;top: auto;left: 50%;transform: translate(-50%, 33%);align-items: center;background: transparent;border: 0;box-shadow: none;justify-content: center;align-items: center;display: flex;flex-direction: column; } body .section.section-8 .btn-lg {width: calc(100% - 2rem);white-space: normal;font-size: 1.625rem !important;text-transform: uppercase !important;border-radius: 0.5rem;padding: 1.5625rem 3.125rem !important;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.35);z-index: 1; } @media (min-width: 768px) {body .section.section-8 .btn-lg {width: auto;white-space: nowrap;} } body .section.section-8 .content {position: relative;padding: 0 1rem; } body .section.section-8 .form-control {border-top: 0;border-left: 0;border-right: 0;text-align: center;font-weight: 700;font-size: 1.125rem;margin-bottom: 1rem; } body .section.section-8 .form-control::placeholder {color: #707070;font-weight: 700;font-size: 1.125rem; } body .section.section-8 .animation-1 {visibility: hidden;opacity: 0;transition-property: opacity;transition-duration: 0.5s; } body .section.section-8 .animation-1.animated {opacity: 1;visibility: visible; } body .section.section-8 .animation-2 {opacity: 0;transform: translate3d(-20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-8 .animation-2.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-8 .animation-3 {opacity: 0;transform: translate3d(20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-8 .animation-3.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .section.section-8 .animation-4 {opacity: 0;transform: translate3d(-20%, 0, 0);transition-property: transform, opacity;transition-duration: 0.25s; } body .section.section-8 .animation-4.animated {opacity: 1;transform: translate3d(0, 0, 0); } body .footer {font-size: 1rem;color: #4d4d4d;padding: 4.6875rem 0; } body .footer .col {display: flex;flex-direction: column;justify-content: flex-end;padding: 2rem 1rem; } @media (min-width: 576px) {body .footer .col {padding: 3rem 1rem;} } body .footer .col.col-first {align-items: center; } @media (min-width: 576px) {body .footer .col.col-first {align-items: flex-start;} } body .footer .col.col-second {align-items: center; } body .footer .col.col-last {align-items: center; } @media (min-width: 576px) {body .footer .col.col-last {align-items: flex-end;} } body .footer .mdi {height: 1.875rem;width: auto;line-height: 1;vertical-align: middle;margin-right: 0.5rem; } body .footer a {color: #4d4d4d;text-decoration: none;margin-left: 1.25rem;display: inline-block; } body .footer a:hover, body .footer a:focus {color: var(--link-hover-color); }