@charset "UTF-8"; body {height: 100%;position: absolute;width: 100%;min-height: 850px; } body .main {background: var(--white);height: 100%; } body .container-fluid {height: 100%;padding: 0; } body .container-fluid .row {flex-direction: column; } @media (min-width: 992px) {body .container-fluid .row {flex-direction: row;height: 100%;} } @media (max-width: 991.98px) {body .container-fluid .row {height: 100%;flex-wrap: nowrap;} } body .container-fluid .col {height: 100%;position: relative; } body .container-fluid .col .btn {display: inline-flex;text-transform: uppercase;font-weight: bold; } body .container-fluid .col .btn svg {margin-right: 0.625rem; } body .container-fluid .col.col-content {display: flex;flex-direction: column;align-items: center;padding-top: 3.125rem;overflow: hidden;min-height: 860px;max-height: 1380px; } @media (max-width: 1299.98px) {body .container-fluid .col.col-content {min-height: 720px;} } @media (max-width: 991.98px) {body .container-fluid .col.col-content {order: 2;flex-shrink: 1;min-height: 490px;} } @media (max-width: 650.98px) {body .container-fluid .col.col-content {padding-left: 1rem;padding-right: 1rem;min-height: 450px;} } @media (max-width: 420px) {body .container-fluid .col.col-content {min-height: 530px;} } body .container-fluid .col.col-content .btn {z-index: 1;bottom: 5.625rem;position: absolute;box-shadow: 0 0 15px #000; } @media (min-width: 992px) {body .container-fluid .col.col-content .btn {display: none !important;} } body .container-fluid .col.col-aside {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 860px;max-height: 1380px; } @media (max-width: 1299.98px) {body .container-fluid .col.col-aside {min-height: 720px;} } @media (max-width: 991.98px) {body .container-fluid .col.col-aside {max-height: 285px;min-height: auto;} } @media (max-width: 505px) {body .container-fluid .col.col-aside {max-height: 0;padding-bottom: 56.5%;height: 0;} } @media (min-width: 992px) {body .container-fluid .col.col-aside::before {background-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.35) 100%);background-repeat: repeat-x;content: " ";position: absolute;left: -1.875rem;top: 0;width: 1.875rem;height: 100%;} } @media (min-width: 992px) and (max-width: 991.98px) {body .container-fluid .col.col-aside::before {order: 1;} } @media (max-width: 991.98px) {body .container-fluid .col.col-aside .btn {display: none;} } body .container-fluid .logo {max-width: 35.625rem;max-height: 4.8125rem;display: block;margin-bottom: 1.25rem;z-index: 1; } @media (max-width: 650.98px) {body .container-fluid .logo {width: calc(100% - 2rem);} } body .container-fluid .background {position: absolute;left: 0;bottom: -8.125rem;width: 100%;z-index: 0; } @media (max-width: 1299.98px) {body .container-fluid .background {bottom: 0;} } @media (max-width: 480px) {body .container-fluid .background {min-width: 480px;left: calc((100vw - 480px) / 2);} } @media (max-width: 991.98px) {body .container-fluid .house {top: 0;position: absolute;max-width: 500px;width: 100%;} } body .container-fluid .circle {position: absolute;left: 0;top: 5.625rem;transform: translateX(-50%);overflow: hidden;z-index: 1;padding: 2px; } @media (max-width: 1299.98px) {body .container-fluid .circle {right: 0.625rem;transform: translateY(-4.0625rem);top: auto;left: auto;} } @media (max-width: 991.98px) {body .container-fluid .circle {right: auto;transform: translate(186px, 76px);} } @media (max-width: 560px) {body .container-fluid .circle {right: 1rem;transform: none;bottom: -27px;} } body .container-fluid .circle-text {background: var(--primary);width: 12.875rem;border-radius: 50%;height: 12.875rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: #fff;font-size: 1.375rem;padding: 1.5rem;line-height: 1.2;transform-origin: center;transform: rotate(12deg); } body .container-fluid .circle-text b {font-size: 1.75rem; } body .container-fluid .aside-link {align-items: center;justify-content: center;display: flex;flex-direction: column;flex-grow: 1; } body .container-fluid .aside-footer {display: flex;flex-direction: column;align-items: flex-end;font-size: 0.75rem;width: 100%;padding: 0 0.9375rem;flex-grow: 1;justify-content: flex-end; } body .container-fluid .aside-footer a {color: #555; } body .container-fluid h1, body .container-fluid .h1 {margin-bottom: 3.125rem;z-index: 1; } body .container-fluid ul {list-style-type: none;padding-left: 1.375rem; } body .container-fluid ul li {position: relative; } body .container-fluid ul li::before {content: "·";display: inline-block;color: rgba(188, 188, 188, 0.5);font-size: 2.25rem;line-height: 1;position: absolute;left: -1.375rem;top: -0.3125rem; } body .container-fluid ul li.text-success::before {color: var(--success); }