@charset "UTF-8";
/* Media queries */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #FFFFFF;
}
@media (min-width: 1024px) {
.container {
max-width: 1440px;
}
}
.container .error {
color: #fb0102;
}
.fain--header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 25px;
padding: 25px 100px 25px 25px;
gap: 16px;
background-position: center;
background-size: cover;
background-image: url("https://image.fain-elevators.com/lib/fe3d11717564047e771073/m/1/a26017cb-e731-41a4-88da-557257e43e72.jpg");
}
@media (min-width: 1024px) {
.fain--header {
padding: 160px 430px 70px 130px;
margin-bottom: 100px;
gap: 0;
}
}
.fain--header-logo {
max-width: 79px;
}
@media (min-width: 1024px) {
.fain--header-logo {
padding-bottom: 60px;
max-width: 141px;
}
}
.fain--header-title {
font-family: "Arial", sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
color:#ffffff ;
}
@media (min-width: 1024px) {
.fain--header-title {
padding-bottom: 24px;
font-size: 48px;
}
}
.fain--header-title2 {
font-family: "Arial", sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
color: #ffcd00;
}
@media (min-width: 1024px) {
.fain--header-title2 {
padding-bottom: 24px;
font-size: 48px;
}
}
.fain--header-subtitle {
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 1.2;
color: #ffcd00;
}
@media (min-width: 1024px) {
.fain--header-subtitle {
padding-bottom: 50px;
font-size: 36px;
}
}
.fain--header-button {
padding: 8px 16px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: #ffcd00;
font-family: "Arial", sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
color: #FFFFFF;
text-decoration: none;
}
@media (min-width: 1024px) {
.fain--header-button {
padding: 12px 24px;
font-size: 18px;
}
}
.fain--blockimage {
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
.fain--blockimage {
grid-template-columns: repeat(2, 1fr);
padding-bottom: 100px;
}
}
.fain--blockimage-image {
width: 100%;
height: 100%;
}
@media (min-width: 1024px) {
.fain--blockimage-image {
grid-template-columns: repeat(2, 1fr);
padding-bottom: 100px;
max-width: 712px;
max-height: 310px;
}
}
.fain--blockimage-content {
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media (min-width: 1024px) {
.fain--blockimage-content {
padding: 0 70px 0;
}
}
.fain--blockimage-content-title {
font-family: "Arial", sans-serif;
font-size: 16px;
font-weight: bold;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--blockimage-content-title {
font-size: 24px;
}
}
.fain--blockimage-content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Roboto", sans-serif;
font-size: 14px;
line-height: 1.2;
color: #3d3935;
gap: 10px;
}
@media (min-width: 1024px) {
.fain--blockimage-content-text {
font-size: 18px;
}
}
.fain--blockimage-content-button {
padding: 8px 16px;
border: solid 1px #ffcd00;
text-align: center;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--blockimage-content-button {
-ms-flex-item-align: center;
align-self: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 18px;
padding: 12px 24px;
}
}
@media (min-width: 1024px) {
.alt .fain--blockimage-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 1024px) {
.alt .fain--blockimage-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.fain--firstform {
display: grid;
grid-template-columns: 1fr;
padding: 24px;

}
@media (min-width: 1024px) {
.fain--firstform {
grid-template-columns: repeat(2, 1fr);
gap: 70px;
padding: 0 120px;
}
}
.fain--firstform-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1024px) {
.fain--firstform-content {
padding-top: 80px;
}
}
.fain--firstform-content-title {
padding-bottom: 8px;
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: 1px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--firstform-content-title {
padding-bottom: 24px;
font-size: 24px;
}
}
.fain--firstform-content-title strong {
font-weight: bold;
}

.fain--firstform-content-text {
padding-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
font-family: "Roboto", sans-serif;
font-size: 12px;
line-height: 1.2;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--firstform-content-text {
gap: 15px;
font-size: 18px;
}
}
.fain--firstform-form {
padding: 16px 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #FFFFFF;
-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
@media (min-width: 1024px) {
.fain--firstform-form {
padding: 50px;
margin: 40px 0;
}
}
.fain--firstform-form-label {
padding-left: 5px;
font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 2.33;
letter-spacing: 0.2px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--firstform-form-label {
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #757575;
}
}
.fain--firstform-form-input {
padding: 7.5px 5px;
margin-bottom: 16px;
width: 95%;
border-radius: 5px;
border: solid 1px #e5e5e5;
background-color: #f9f9f9;
}
@media (min-width: 1024px) {
.fain--firstform-form-input {
padding: 15px 5px;
}
}
.fain--firstform-form-infotext {
padding-bottom: 8px;
font-family: "Roboto", sans-serif;
font-size: 8px;
color: #2a2a2d;
}
@media (min-width: 1024px) {
.fain--firstform-form-infotext {
font-size: 9px;
}
}
.fain--firstform-form-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 8px;
}
@media (min-width: 1024px) {
.fain--firstform-form-checkbox {
padding-bottom: 24px;
}
}
.fain--firstform-form-checkbox-box {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 15px;
height: 15px;
border-radius: 2px;
background-color: #ffcd00;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fain--firstform-form-checkbox-box:checked::after {
color: #FFFFFF;
font-weight: bold;
content: '✓';
position: absolute;
left: 15%;
top: -14%;
}
.fain--firstform-form-checkbox-text {
padding-left: 8px;
font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 1.2;
color: #3d3935;
}
.fain--firstform-form-submit {
padding: 8px 16px;
border: solid 1px #ffcd00;
background-color: #FFFFFF;
text-align: center;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--firstform-form-submit {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-item-align: center;
align-self: center;
font-size: 18px;
padding: 12px 24px;
}
}
.fain--secondform {
display: grid;
grid-template-columns: 1fr;
padding: 24px;
margin-bottom: 24px;
background-image: url("https://image.fain-elevators.com/lib/fe3d11717564047e771073/m/1/76d85342-8ab6-46d2-9c26-6af3eed09850.png");
}
@media (min-width: 1024px) {
.fain--secondform {
grid-template-columns: repeat(2, 1fr);
gap: 70px;
padding: 0 120px;
margin-bottom: 100px;
}
}
.fain--secondform-form {
padding: 16px 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #FFFFFF;
-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
@media (min-width: 1024px) {
.fain--secondform-form {
padding: 50px;
margin: 40px 0;
}
}
.fain--secondform-form-title {
padding-bottom: 8px;
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: 1px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--secondform-form-title {
padding-bottom: 24px;
font-size: 24px;
}
}
.fain--secondform-form-title strong {
font-weight: bold;
}
.fain--secondform-form-label {
padding-left: 5px;
font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 2.33;
letter-spacing: 0.2px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--secondform-form-label {
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #757575;
}
}
.fain--secondform-form-input {
padding: 7.5px 5px;
margin-bottom: 16px;
width: 95%;
border-radius: 5px;
border: solid 1px #e5e5e5;
background-color: #f9f9f9;
}
@media (min-width: 1024px) {
.fain--secondform-form-input {
padding: 15px 5px;
}
}
.fain--secondform-form-infotext {
padding-bottom: 8px;
font-family: "Roboto", sans-serif;
font-size: 8px;
color: #2a2a2d;
}
@media (min-width: 1024px) {
.fain--secondform-form-infotext {
font-size: 9px;
}
}
.fain--secondform-form-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 8px;
}
@media (min-width: 1024px) {
.fain--secondform-form-checkbox {
padding-bottom: 24px;
}
}
.fain--secondform-form-checkbox-box {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 15px;
height: 15px;
border-radius: 2px;
background-color: #ffcd00;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fain--secondform-form-checkbox-box:checked::after {
color: #FFFFFF;
font-weight: bold;
content: '✓';
position: absolute;
left: 15%;
top: 0%;
}
.fain--secondform-form-checkbox-text {
padding-left: 8px;
font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 1.2;
color: #3d3935;
}
.fain--secondform-form-submit {
padding: 8px 16px;
border: solid 1px #ffcd00;
background-color: #FFFFFF;
text-align: center;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--secondform-form-submit {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-item-align: center;
align-self: center;
font-size: 18px;
padding: 12px 24px;
}
}
.fain--videoblock {
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
.fain--videoblock {
grid-template-columns: repeat(2, 1fr);
padding: 0 130px 100px;
}
}
.fain--videoblock-video {
width: 100%;
height: 100%;
}
.fain--videoblock-content {
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media (min-width: 1024px) {
.fain--videoblock-content {
padding: 0 0 0 70px;
}
}
.fain--videoblock-content-title {
font-family: "Arial", sans-serif;
font-size: 16px;
font-weight: bold;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--videoblock-content-title {
font-size: 24px;
}
}
.fain--videoblock-content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Roboto", sans-serif;
font-size: 14px;
line-height: 1.2;
color: #3d3935;
gap: 10px;
}
@media (min-width: 1024px) {
.fain--videoblock-content-text {
font-size: 18px;
}
}
.fain--videoblock-content-button {
padding: 8px 16px;
border: solid 1px #ffcd00;
text-align: center;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--videoblock-content-button {
-ms-flex-item-align: center;
align-self: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 18px;
padding: 12px 24px;
}
}
@media (min-width: 1024px) {
.alt .fain--videoblock-video {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 1024px) {
.alt .fain--videoblock-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0 70px 0 0;
}
}
.fain--manyblocks {
display: grid;
grid-template-columns: 1fr;
padding-bottom: 15px;
}
@media (min-width: 1024px) {
.fain--manyblocks {
grid-template-columns: repeat(4, 1fr);
gap: 32px;
padding: 0px 130px 75px;
}
}
.fain--manyblocks-block {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media (min-width: 1024px) {
.fain--manyblocks-block {
grid-template-columns: unset;
grid-template-areas: "a" "b" "c" "d";
grid-template-rows: auto 148px 1fr auto;
}
}
.fain--manyblocks-image {
width: 100%;
height: 100%;
}
@media (min-width: 1024px) {
.fain--manyblocks-image {
grid-area: b;
}
}
.fain--manyblocks-title {
padding: 0 25px;
font-family: "Arial", sans-serif;
font-size: 16px;
font-weight: bold;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--manyblocks-title {
grid-area: a;
padding: 0;
font-size: 24px;
}
}
.fain--manyblocks-text {
padding: 0 25px;
font-family: "Roboto", sans-serif;
font-size: 14px;
line-height: 1.2;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--manyblocks-text {
grid-area: c;
padding: 0;
font-size: 18px;
}
}
.fain--manyblocks-text strong {
font-weight: bold;
}
.fain--manyblocks-button {
margin: 0 0px 25px;
padding: 8px 8px;

text-align: center;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
color: #ffffff;
width:40%;
background-color:#3d3935;
}
@media (min-width: 1024px) {
.fain--manyblocks-button {
grid-area: d;
margin-top: auto;
font-size: 18px;
}
}
.fain--videoblockorange {
display: grid;
grid-template-columns: 1fr;
background-color: #ffcd00;
}
@media (min-width: 1024px) {
.fain--videoblockorange {
grid-template-columns: repeat(2, 1fr);
padding: 75px 130px;
gap: 100px;
}
}
.fain--videoblockorange-video {
width: 100%;
height: 100%;
}
.fain--videoblockorange-content {
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media (min-width: 1024px) {
.fain--videoblockorange-content {
padding: 0px;
}
}
.fain--videoblockorange-content-title {
font-family: "Arial", sans-serif;
font-size: 16px;
color: #3d3935;
line-height: 1.2;
letter-spacing: 1px;
}
@media (min-width: 1024px) {
.fain--videoblockorange-content-title {
font-size: 24px;
}
}
.fain--videoblockorange-content-title strong {
font-weight: bold;
}
.fain--videoblockorange-content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Roboto", sans-serif;
font-size: 14px;
line-height: 1.2;
color: #3d3935;
gap: 10px;
}
@media (min-width: 1024px) {
.fain--videoblockorange-content-text {
font-size: 18px;
}
}
.fain--videoblockorange-content-button {
padding: 8px 16px;
border: solid 1px #ffcd00;
text-align: center;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
color: #3d3935;
}
.fain--thridform {
display: grid;
grid-template-columns: 1fr;
padding: 24px;
background-image: url("https://image.fain-elevators.com/lib/fe3d11717564047e771073/m/1/cf59aa70-c149-48b1-b97a-ba85d7b3f90c.png");
background-size: cover;
background-position: center;
}
@media (min-width: 1024px) {
.fain--thridform {
padding: 80px 250px;
}
}
.fain--thridform-form {
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-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
}
.fain--thridform-form-title {
padding-bottom: 8px;
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight: 300;
letter-spacing: 1px;
color: #FFFFFF;
text-align: center;
}
@media (min-width: 1024px) {
.fain--thridform-form-title {
font-size: 24px;
}
}
.fain--thridform-form-title strong {
font-weight: bold;
}
.fain--thridform-form-label {
padding-left: 5px;
font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 2.33;
letter-spacing: 0.2px;
color: #FFFFFF;
}
@media (min-width: 1024px) {
.fain--thridform-form-label {
font-size: 14px;
}
}
.fain--thridform-form-multiple {
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
.fain--thridform-form-multiple {
grid-template-columns: repeat(2, 2fr);
}
}
@media (min-width: 1024px) {
.fain--thridform-form-multiple-container {
display: grid;
grid-template-columns: 1fr;
}
}
.fain--thridform-form-input {
padding: 7.5px 5px;
margin-bottom: 8px;
width: 95%;
border-radius: 5px;
border: solid 1px #e5e5e5;
background-color: #f9f9f9;
}
@media (min-width: 1024px) {
.fain--thridform-form-input {
padding: 15px 5px;
}
}
.fain--thridform-form select {
width: 99%;
}
.fain--thridform-form-infotext {
padding-bottom: 8px;
font-family: "Roboto", sans-serif;
font-size: 8px;
font-weight: 300;
color: #2a2a2d;
}
@media (min-width: 1024px) {
.fain--thridform-form-infotext {
font-size: 9px;
}
}
.fain--thridform-form-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: start;
padding-bottom: 8px;
}
.fain--thridform-form-checkbox-box {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 15px;
height: 15px;
border-radius: 2px;
border:1px solid  #000000;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fain--thridform-form-checkbox-box:checked::after {
color: #000000;
font-weight: bold;
content: '✓';
position: absolute;
left: 15%;
top: -14%;
}
.fain--thridform-form-checkbox-text {
padding-left: 8px;
font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 1.2;
color:#2a2a2d;
}
.fain--thridform-form-submit {
-ms-flex-item-align: center;
align-self: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 8px 16px;
border: solid 1px #ffcd00;
background-color: #ffcd00;
text-align: center;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
color: #FFFFFF;
}
@media (min-width: 1024px) {
.fain--thridform-form-submit {
font-size: 18px;
padding: 12px 24px;
}
}
.fain--banner {
display: grid;
background-image: url("https://image.fain-elevators.com/lib/fe3d11717564047e771073/m/1/de967ba2-f360-4594-a57d-b4412707c933.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.fain--banner a {
text-decoration: none;
}
.fain--banner-text {
padding: 48px 52px;
-ms-flex-item-align: center;
align-self: center;
justify-self: center;
font-family: "Roboto", sans-serif;
font-size: 36px;
font-weight: bold;
text-align: center;
color: #3d3935;
}
@media (min-width: 1024px) {
.fain--banner-text {
padding: 80px 0;
font-size: 48px;
}
}
.fain--footer {
padding: 24px;
display: grid;
grid-template-areas: "a b" "c c" "d d";
gap: 24px;
background-color: #3d3935;
}
@media (min-width: 1024px) {
.fain--footer {
padding: 35px 130px 60px;
grid-template-areas: "a b c" "x d d";
gap: 32px;
}
}
.fain--footer-logo {
grid-area: a;
max-width: 50px;
}
@media (min-width: 1024px) {
.fain--footer-logo {
max-width: 100px;
}
}
.fain--footer-contact {
grid-area: b;
font-family: "Roboto", sans-serif;
font-size: 12px;
line-height: 1.2;
text-align: right;
color: #FFFFFF;
}
@media (min-width: 1024px) {
.fain--footer-contact {
justify-self: flex-end;
font-size: 18px;
text-align: left;
font-weight: 400;
}
}
.fain--footer-contact-top {
font-weight: bold;
padding-bottom: 8px;
}
.fain--footer-contact-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 300;
}
.fain--footer-contact-text a {
color: inherit;
text-decoration: none;
}
.fain--footer-social {
grid-area: c;
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: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fain--footer-social-title {
padding-bottom: 16px;
font-family: "Roboto", sans-serif;
font-size: 12px;
line-height: 1.2;
text-align: right;
color: #FFFFFF;
font-weight: bold;
}
@media (min-width: 1024px) {
.fain--footer-social-title {
font-size: 18px;
font-weight: 400;
}
}
.fain--footer-social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
}
.fain--footer-social-links img {
max-width: 20px;
}
@media (min-width: 1024px) {
.fain--footer-social-links img {
max-width: 40px;
}
}
.fain--footer-copyright {
grid-area: d;
font-family: "Roboto", sans-serif;
font-size: 8px;
line-height: 1.3;
color: #FFFFFF;
font-weight: 300;
}
@media (min-width: 1024px) {
.fain--footer-copyright {
font-size: 9px;
padding-left: 270px;
}
}
/*# sourceMappingURL=main.css.map */