:root { } body { margin: 0; font-family: var(--font-family); font-size: var(--font-size); font-weight: var(--font-weight); line-height: var(--line-height); color: var(--font-color); background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Poppins", sans-serif; font-weight: 700; line-height: 1.4; color: #0c0c0c; } h1, .h1 { font-size: calc(2.15rem + 1.8vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 3.5rem; } } h2, .h2 { font-size: calc(2.0625rem + 0.75vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2.625rem; } } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.3125rem; } h5, .h5 { font-size: 1.09375rem; } h6, .h6 { font-size: 0.875rem; } a { color: var(--first-color); text-decoration: none; } a:hover { color: #a8793b; } .lead { font-size: 1.09375rem; font-weight: 400; } .display-3 { font-size: calc(2.4125rem + 4.95vw); font-weight: 700; line-height: 1.4; } @media (min-width: 1200px) { .display-3 { font-size: 6.125rem; } } .display-4 { font-size: calc(2.28125rem + 3.375vw); font-weight: 700; line-height: 1.4; } @media (min-width: 1200px) { .display-4 { font-size: 4.8125rem; } } .display-5 { font-size: calc(2.2rem + 2.4vw); font-weight: 700; line-height: 1.4; } @media (min-width: 1200px) { .display-5 { font-size: 4rem; } } .display-6 { font-size: calc(2.1rem + 1.44vw); font-weight: 700; line-height: 1.4; } @media (min-width: 1200px) { .display-6 { font-size: 3.2rem; } } .display-7 { font-size: calc(2.07rem + 0.95vw); font-weight: 700; line-height: 1.4; } @media (min-width: 1200px) { .display-7 { font-size: 2.7rem; } } .display-8 { font-size: calc(1.53rem + 0.93vw); font-weight: 700; line-height: 1.4; } @media (min-width: 1200px) { .display-8 { font-size: 2rem; } } .display-9 { font-size: 1.5rem; font-weight: 700; line-height: 1.4; } .display-10 { font-size: 1rem; font-weight: 700; line-height: 1.4; } .blockquote-footer::before { content: "\2014\00A0"; } @media (min-width: 576px) and (max-width: 767.98px) { .container, .container-sm { max-width: 96%; } } @media (min-width: 768px) and (max-width: 991.98px) { .container, .container-sm, .container-md { max-width: 94%; } } @media (min-width: 992px) and (max-width: 1199.98px) { .container, .container-sm, .container-md, .container-lg { max-width: 94%; } } .row > * { -ms-flex-negative: 0; } .col { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } @media (min-width: 576px) { .col-sm { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-sm-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } @media (min-width: 768px) { .col-md { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-md-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } @media (min-width: 992px) { .col-lg { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-lg-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) { .col-xl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xl-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } @media (min-width: 1400px) { .col-xxl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xxl-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } @media (min-width: 1600px) { .col-xxxl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xxxl-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxxl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxxl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxxl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-xxxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxxl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxxl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-xxxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-xxxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xxxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xxxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-xxxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-xxxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-xxxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .col-form-label { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); line-height: 1.6; } .col-form-label-lg { padding-top: calc(0.8rem + 1px); padding-bottom: calc(0.8rem + 1px); font-size: 1rem; } .col-form-label-sm { padding-top: calc(0.4rem + 1px); padding-bottom: calc(0.4rem + 1px); font-size: 0.7875rem; } .form-control { padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.6; color: #252528; border: 1px solid #d9d9db; border-radius: 0; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control:focus { color: #252528; border-color: var(--first-color); -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.6em; } .form-control::-webkit-input-placeholder { color: #a1a2a3; } .form-control::-moz-placeholder { color: #a1a2a3; } .form-control:-ms-input-placeholder { color: #a1a2a3; opacity: 1; } .form-control::-ms-input-placeholder { color: #a1a2a3; opacity: 1; } .form-control::placeholder { color: #a1a2a3; opacity: 1; } .form-control:disabled { background-color: #f0f1f3; } .form-control::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { -webkit-transition: none; transition: none; } } .form-control::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-control-plaintext { padding: 0.5rem 0; line-height: 1.6; } .form-control-sm { min-height: calc(1.4em + 0.8rem + 2px); padding: 0.4rem 0.8rem; font-size: 0.7875rem; border-radius: 0; } .form-control-sm::file-selector-button { padding: 0.4rem 0.8rem; margin: -0.4rem -0.8rem; -webkit-margin-end: 0.8rem; margin-inline-end: 0.8rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.4rem 0.8rem; margin: -0.4rem -0.8rem; -webkit-margin-end: 0.8rem; margin-inline-end: 0.8rem; } .form-control-lg { min-height: calc(1.7em + 1.6rem + 2px); padding: 0.8rem 1.5rem; font-size: 1rem; border-radius: 0; } .form-control-lg::file-selector-button { padding: 0.8rem 1.5rem; margin: -0.8rem -1.5rem; -webkit-margin-end: 1.5rem; margin-inline-end: 1.5rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.8rem 1.5rem; margin: -0.8rem -1.5rem; -webkit-margin-end: 1.5rem; margin-inline-end: 1.5rem; } textarea.form-control { min-height: calc(1.6em + 1rem + 2px); } textarea.form-control-sm { min-height: calc(1.4em + 0.8rem + 2px); } textarea.form-control-lg { min-height: calc(1.7em + 1.6rem + 2px); } .form-control-color { padding: 0.5rem; } .form-control-color::-moz-color-swatch { height: 1.6em; border-radius: 0; } .form-control-color::-webkit-color-swatch { height: 1.6em; border-radius: 0; } .form-select { padding: 0.5rem 2.25rem 0.5rem 1rem; font-size: 0.875rem; line-height: 1.6; color: #252528; border-radius: 0; } .form-select:focus { border-color: var(--first-color); -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 1rem; } .form-select:-moz-focusring { text-shadow: 0 0 0 #252528; } .form-check-input { margin-top: 0.3em; } .form-check-input:active { -webkit-filter: brightness(90%); filter: brightness(90%); } .form-check-input:focus { border-color: var(--first-color); -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); } .form-check-input:checked { background-color: var(--first-color); border-color: var(--first-color); } .form-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(183, 145, 86, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(183, 145, 86, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(183, 145, 86, 0.25); } .form-range::-webkit-slider-thumb { background-color: var(--first-color); } .form-range::-webkit-slider-thumb:active { background-color: #ccb396; } .form-range::-moz-range-thumb { background-color: var(--first-color); } .form-range::-moz-range-thumb:active { background-color: #ccb396; } .form-range:disabled::-webkit-slider-thumb { background-color: #a1a2a3; } .form-range:disabled::-moz-range-thumb { background-color: #a1a2a3; } .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-group > .form-control, .input-group > .form-select { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; line-height: 1.6; border-radius: 0; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.8rem 1.5rem; font-size: 1rem; border-radius: 0; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.4rem 0.8rem; font-size: 0.7875rem; border-radius: 0; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3.25rem; } .btn { font-weight: 500; line-height: 1.6; color: #a1a2a3; padding: 0.5rem 1rem; font-size: 0.875rem; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn:hover { color: #a1a2a3; } .btn-check:focus + .btn, .btn:focus { -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); } .btn-primary { color: #fff; background-color: var(--first-color); border-color: var(--first-color); } .btn-primary:hover { color: #fff; background-color: #a8793b; border-color: #a8793b; } .btn-check:focus + .btn-primary, .btn-primary:focus { background-color: #a8793b; border-color: #a8793b; -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #a8793b; border-color: #a8793b; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); } .btn-primary:disabled, .btn-primary.disabled { background-color: var(--first-color); border-color: var(--first-color); } .btn-secondary { color: #000; background-color: #d7d8d9; border-color: #d7d8d9; } .btn-secondary:hover { color: #000; background-color: #d7dadf; border-color: #d5d8dd; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #000; background-color: #d7dadf; border-color: #d5d8dd; -webkit-box-shadow: 0 0 0 0 rgba(177, 180, 184, 0.5); box-shadow: 0 0 0 0 rgba(177, 180, 184, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #000; background-color: #d9dde1; border-color: #d5d8dd; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(177, 180, 184, 0.5); box-shadow: 0 0 0 0 rgba(177, 180, 184, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled { color: #000; background-color: #d7d8d9; border-color: #d7d8d9; } .btn-success { color: #000; background-color: #177734; border-color: #177734; } .btn-success:hover { color: #000; background-color: #48b461; border-color: #3eb058; } .btn-check:focus + .btn-success, .btn-success:focus { color: #000; background-color: #48b461; border-color: #3eb058; -webkit-box-shadow: 0 0 0 0 rgba(34, 142, 59, 0.5); box-shadow: 0 0 0 0 rgba(34, 142, 59, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #000; background-color: #53b96a; border-color: #3eb058; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(34, 142, 59, 0.5); box-shadow: 0 0 0 0 rgba(34, 142, 59, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #000; background-color: #177734; border-color: #177734; } .btn-info { background-color: #27caf0; border-color: #27caf0; } .btn-info:hover { background-color: #3ab0c3; border-color: #2eabbf; } .btn-check:focus + .btn-info, .btn-info:focus { background-color: #3ab0c3; border-color: #2eabbf; -webkit-box-shadow: 0 0 0 0 rgba(20, 138, 156, 0.5); box-shadow: 0 0 0 0 rgba(20, 138, 156, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { background-color: #45b5c6; border-color: #2eabbf; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(20, 138, 156, 0.5); box-shadow: 0 0 0 0 rgba(20, 138, 156, 0.5); } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #27caf0; border-color: #27caf0; } .btn-light { background-color: #f7f7f7; border-color: #f7f7f7; } .btn-light:hover { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-light, .btn-light:focus { background-color: #f8f9fa; border-color: #f8f9fa; -webkit-box-shadow: 0 0 0 0 rgba(210, 211, 212, 0.5); box-shadow: 0 0 0 0 rgba(210, 211, 212, 0.5); } .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { background-color: #f9f9fa; border-color: #f8f9fa; } .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(210, 211, 212, 0.5); box-shadow: 0 0 0 0 rgba(210, 211, 212, 0.5); } .btn-light:disabled, .btn-light.disabled { background-color: #f7f7f7; border-color: #f7f7f7; } .btn-dark { background-color: #0c0c0c; border-color: #0c0c0c; } .btn-dark:hover { background-color: #151518; border-color: #141416; } .btn-check:focus + .btn-dark, .btn-dark:focus { background-color: #151518; border-color: #141416; -webkit-box-shadow: 0 0 0 0 rgba(60, 60, 62, 0.5); box-shadow: 0 0 0 0 rgba(60, 60, 62, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { background-color: #141416; border-color: #131315; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(60, 60, 62, 0.5); box-shadow: 0 0 0 0 rgba(60, 60, 62, 0.5); } .btn-dark:disabled, .btn-dark.disabled { background-color: #0c0c0c; border-color: #0c0c0c; } .btn-outline-primary { color: var(--first-color); border-color: var(--first-color); } .btn-outline-primary:hover { background-color: var(--first-color); border-color: var(--first-color); } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { background-color: var(--first-color); border-color: var(--first-color); } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--first-color); } .btn-outline-secondary { color: #d7d8d9; border-color: #d7d8d9; } .btn-outline-secondary:hover { color: #000; background-color: #d7d8d9; border-color: #d7d8d9; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { -webkit-box-shadow: 0 0 0 0 rgba(195, 198, 201, 0.5); box-shadow: 0 0 0 0 rgba(195, 198, 201, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #000; background-color: #d7d8d9; border-color: #d7d8d9; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { -webkit-box-shadow: 0 0 0 0 rgba(195, 198, 201, 0.5); box-shadow: 0 0 0 0 rgba(195, 198, 201, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #d7d8d9; } .btn-outline-success { color: #177734; border-color: #177734; } .btn-outline-success:hover { color: #000; background-color: #177734; border-color: #177734; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { -webkit-box-shadow: 0 0 0 0 rgba(31, 91, 55, 0.5); box-shadow: 0 0 0 0 rgba(31, 91, 55, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #000; background-color: #177734; border-color: #177734; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { -webkit-box-shadow: 0 0 0 0 rgba(31, 91, 55, 0.5); box-shadow: 0 0 0 0 rgba(31, 91, 55, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #177734; } .btn-outline-info { color: #27caf0; border-color: #27caf0; } .btn-outline-info:hover { background-color: #27caf0; border-color: #27caf0; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { -webkit-box-shadow: 0 0 0 0 rgba(65, 193, 214, 0.5); box-shadow: 0 0 0 0 rgba(65, 193, 214, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { background-color: #27caf0; border-color: #27caf0; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { -webkit-box-shadow: 0 0 0 0 rgba(65, 193, 214, 0.5); box-shadow: 0 0 0 0 rgba(65, 193, 214, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #27caf0; } .btn-outline-light { color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-light:hover { background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { -webkit-box-shadow: 0 0 0 0 rgba(175, 177, 178, 0.7); box-shadow: 0 0 0 0 rgba(175, 177, 178, 0.7); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { -webkit-box-shadow: 0 0 0 0 rgba(175, 177, 178, 0.7); box-shadow: 0 0 0 0 rgba(175, 177, 178, 0.7); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: #f7f7f7; } .btn-outline-dark { color: #0c0c0c; border-color: #0c0c0c; } .btn-outline-dark:hover { background-color: #0c0c0c; border-color: #0c0c0c; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { -webkit-box-shadow: 0 0 0 0 rgba(25, 25, 25, 0.5); box-shadow: 0 0 0 0 rgba(25, 25, 25, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { background-color: #0c0c0c; border-color: #0c0c0c; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { -webkit-box-shadow: 0 0 0 0 rgba(25, 25, 25, 0.5); box-shadow: 0 0 0 0 rgba(25, 25, 25, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #0c0c0c; } .btn-link { font-weight: 500; color: var(--first-color); text-decoration: none; } .btn-link:hover { color: #a8793b; } .btn-link:disabled, .btn-link.disabled { color: #d7d8d9; } .btn-lg, .btn-group-lg > .btn { padding: 0.8rem 1.5rem; font-size: 1rem; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { padding: 0.4rem 0.8rem; font-size: 0.7875rem; border-radius: 0; } .dropdown-menu { min-width: 15rem; padding: 1rem 0; font-size: 0.875rem; color: #a1a2a3; border: 0 solid rgba(0, 0, 0, 0.1); border-radius: 0; } .dropdown-divider { border-top: 1px solid #f0f1f3; } .dropdown-item { padding: 0.4rem 2rem; font-weight: 500; color: #454547; } .dropdown-item:hover, .dropdown-item:focus { color: var(--first-color); background-color: transparent; } .dropdown-item.active, .dropdown-item:active { color: var(--first-color); background-color: transparent; } .dropdown-item.disabled, .dropdown-item:disabled { color: #454547; } .dropdown-header { padding: 1rem 2rem; font-size: 0.76563rem; color: #0c0c0c; } .dropdown-item-text { padding: 0.4rem 2rem; color: #454547; } .dropdown-menu-dark { color: #d9d9db; background-color: #0c0c0c; border-color: rgba(0, 0, 0, 0.1); } .dropdown-menu-dark .dropdown-item { color: #d9d9db; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { background-color: transparent; } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: var(--first-color); background-color: transparent; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #a1a2a3; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); } .dropdown-menu-dark .dropdown-item-text { color: #d9d9db; } .dropdown-menu-dark .dropdown-header { color: #a1a2a3; } .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.6rem; padding-left: 0.6rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .nav-link { padding: 0.25rem 0.75rem; color: #252528; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .nav-link.disabled { color: #a1a2a3 !important; } .nav-tabs { border-bottom: 1px solid #d9d9db; } .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #f0f1f3 #f0f1f3 #d9d9db; } .nav-tabs .nav-link.disabled { color: #a1a2a3 !important; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #252528; border-color: #d9d9db #d9d9db #fff; } .nav-pills .nav-link { border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--first-color); } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1200px) { .navbar-brand { margin-left: 100px; } .navbar-collapse { margin-left: 50px; } } @media (max-width: 498px) { .navbar-brand { padding-left: 20px; } } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .navbar-text { padding-top: 0.25rem; padding-bottom: 0.25rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0; -webkit-transition: -webkit-box-shadow 0.15s ease-in-out; transition: -webkit-box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .navbar-toggler:focus { -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } .navbar-light .navbar-nav .nav-link { color: #454547; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: var(--first-color); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: var(--first-color); } .navbar-light .navbar-toggler { color: #454547; } .navbar-light .navbar-text { color: #454547; } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: var(--first-color); } .navbar-dark .navbar-nav .nav-link { color: #fff; } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: var(--first-color) !important; } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: var(--first-color) !important; } .navbar-dark .navbar-toggler { color: #fff; } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: #fff; } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: var(--first-color) !important; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0 solid rgba(0, 0, 0, 0.1); border-radius: 0; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.75rem 1.25rem; } .card-link + .card-link { margin-left: 1.25rem ; } .card-header { background-color: #fff; border-bottom: 0 solid rgba(0, 0, 0, 0.1); } .card-header:first-child { border-radius: 0 0 0 0; } .card-footer { background-color: #fff; border-top: 0 solid rgba(0, 0, 0, 0.1); } .card-footer:last-child { border-radius: 0 0 0 0; } .card-img-overlay { padding: 1.25rem; border-radius: 0; } .card-img, .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0; } .card-img, .card-img-bottom { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group > .card { margin-bottom: 0.9375rem; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem 0; background-color: transparent; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.8rem; } .breadcrumb-item + .breadcrumb-item::before { padding-right: 0.8rem; color: #fff; } .breadcrumb-item.active { color: var(--second-color); } .page-link { color: #454547; border: 1px solid #d9d9db; } .page-link:hover { color: #fff; background-color: var(--first-color); border-color: var(--first-color); } .page-link:focus { color: #a8793b; background-color: #f0f1f3; -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); } .page-item.active .page-link { background-color: var(--first-color); border-color: var(--first-color); } .page-item.disabled .page-link { color: #d7d8d9; background-color: #fff; border-color: #d9d9db; } .page-link { padding: 0.7rem 1rem; } .page-item:first-child .page-link { border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination-lg .page-link { font-size: 1.09375rem; } .pagination-sm .page-link { font-size: 0.76563rem; } .badge { font-weight: 400; } .alert-primary { color: #a8793b; background-color: #ede0d1; border-color: #ccb396; } .alert-primary .alert-link { color: #a8793b; } .alert-secondary { color: #535557; background-color: #f6f6f7; border-color: #f1f2f4; } .alert-secondary .alert-link { color: #424446; } .alert-success { color: #186429; background-color: #d4edda; border-color: #bfe5c7; } .alert-success .alert-link { color: #135021; } .alert-info { color: #0e616e; background-color: #d1ecf1; border-color: #b9e3ea; } .alert-info .alert-link { color: #0b4e58; } .alert-dark { color: #0f0f11; background-color: #d1d1d2; border-color: #bababb; } .alert-dark .alert-link { color: #0c0c0e; } .progress { font-size: 0.65625rem; border-radius: 0; } .list-group { border-radius: 0; } .list-group-item, .list-group-item a { color: #454547; background-color: transparent; } .list-group-item:hover a { color: var(--first-color); } .list-group-item.active { background-color: var(--first-color); border-color: var(--first-color); } .btn-close { border-radius: 0; } .btn-close:focus { -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.25); } .modal-content { border-radius: 0; } .modal-footer { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .tooltip { font-family: "Lato", sans-serif; font-weight: 500; line-height: 1.6; font-size: 0.6875rem; } .popover { font-family: "Lato", sans-serif; font-weight: 500; line-height: 1.6; } .popover-header { font-size: 0.875rem; color: #0c0c0c; } .ratio { position: relative; width: 100%; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(83, 88, 93, 0.15) !important; box-shadow: 0 0.125rem 0.25rem rgba(83, 88, 93, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(83, 88, 93, 0.15) !important; box-shadow: 0 1rem 3rem rgba(83, 88, 93, 0.15) !important; } .shadow-style2 { -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%); box-shadow: 0 0 5px rgb(0 0 0 / 10%); } .shadow-style5 { position: relative; } .shadow-style5::after { content: ""; position: absolute; top: 80%; left: 0.35714rem; bottom: 1.07143rem; width: 50%; height: 21%; max-width: 21.42857rem; background: rgba(0, 0, 0, 0.2); z-index: -1; } .shadow-style5::after { -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .shadow-style5::after { left: auto; right: 0.35714rem; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .border { border: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-top { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-primary { border-color: var(--first-color) !important; } .gap-8 { gap: 8rem !important; } .order-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-10 { -webkit-box-ordinal-group: 11 !important; -ms-flex-order: 10 !important; order: 10 !important; } .order-11 { -webkit-box-ordinal-group: 12 !important; -ms-flex-order: 11 !important; order: 11 !important; } .order-12 { -webkit-box-ordinal-group: 13 !important; -ms-flex-order: 12 !important; order: 12 !important; } .m-6 { margin: 4.5rem !important; } .m-7 { margin: 6rem !important; } .m-8 { margin: 8rem !important; } .m-9 { margin: 11rem !important; } .m-11 { margin: 20rem !important; } .m-10 { margin: 14rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .mt-6 { margin-top: 4.5rem !important; } .mt-7 { margin-top: 6rem !important; } .mt-8 { margin-top: 8rem !important; } .mb-6 { margin-bottom: 4.5rem !important; } .mb-8 { margin-bottom: 8rem !important; } .mb-10 { margin-bottom: 14rem !important; } .m-n1 { margin: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .m-n6 { margin: -4.5rem !important; } .m-n7 { margin: -6rem !important; } .m-n8 { margin: -8rem !important; } .m-n9 { margin: -11rem !important; } .m-n11 { margin: -20rem !important; } .m-n10 { margin: -14rem !important; } .mt-n2 { margin-top: -0.5rem !important; } .mt-n4 { margin-top: -1.5rem !important; } .mb-n1 { margin-bottom: -0.25rem !important; } .mb-n4 { margin-bottom: -1.5rem !important; } .mb-n6 { margin-bottom: -4.5rem !important; } .ms-n4 { margin-left: -1.5rem !important; } .p-6 { padding: 4.5rem !important; } .p-7 { padding: 6rem !important; } .p-8 { padding: 8rem !important; } .p-9 { padding: 11rem !important; } .p-11 { padding: 20rem !important; } .p-10 { padding: 14rem !important; } .px-8 { padding-right: 8rem !important; padding-left: 8rem !important; } .px-9 { padding-right: 11rem !important; padding-left: 11rem !important; } .py-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .py-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .py-10 { padding-top: 14rem !important; padding-bottom: 14rem !important; } .pt-6 { padding-top: 4.5rem !important; } .pt-7 { padding-top: 6rem !important; } .pb-6 { padding-bottom: 4.5rem !important; } .fs-4 { font-size: 1.3125rem !important; } .fs-5 { font-size: 1.09375rem !important; } .fw-normal { font-weight: 500 !important; } .text-primary, .text-primary-hover:hover { color: var(--first-color) !important; } .text-secondary, .text-secondary-hover:hover { color: #d7d8d9 !important; } .text-success { color: #177734 !important; } .text-info { color: #27caf0 !important; } .text-light, .text-light-hover:hover { color: #f7f7f7 !important; } .text-dark, .text-dark-hover:hover { color: #0c0c0c !important; } .text-body { color: #a1a2a3 !important; } .bg-primary { background-color: var(--first-color) !important; } .bg-light { background-color: #f7f7f7 !important; } .bg-dark { background-color: #0c0c0c !important; } .rounded { border-radius: 0 !important; } .rounded-0 { border-radius: 0 !important; } .rounded-3 { border-radius: 0 !important; } @media (min-width: 576px) { .m-sm-6 { margin: 4.5rem !important; } .m-sm-7 { margin: 6rem !important; } .m-sm-8 { margin: 8rem !important; } .m-sm-9 { margin: 11rem !important; } .m-sm-11 { margin: 20rem !important; } .m-sm-10 { margin: 14rem !important; } .ms-sm-6 { margin-left: 4.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .m-sm-n6 { margin: -4.5rem !important; } .m-sm-n7 { margin: -6rem !important; } .m-sm-n8 { margin: -8rem !important; } .m-sm-n9 { margin: -11rem !important; } .m-sm-n11 { margin: -20rem !important; } .m-sm-n10 { margin: -14rem !important; } .p-sm-6 { padding: 4.5rem !important; } .p-sm-7 { padding: 6rem !important; } .p-sm-8 { padding: 8rem !important; } .p-sm-9 { padding: 11rem !important; } .p-sm-11 { padding: 20rem !important; } .p-sm-10 { padding: 14rem !important; } } @media (min-width: 768px) { .order-md-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-md-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .m-md-6 { margin: 4.5rem !important; } .m-md-7 { margin: 6rem !important; } .m-md-8 { margin: 8rem !important; } .m-md-9 { margin: 11rem !important; } .m-md-11 { margin: 20rem !important; } .m-md-10 { margin: 14rem !important; } .mt-md-6 { margin-top: 4.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .m-md-n6 { margin: -4.5rem !important; } .m-md-n7 { margin: -6rem !important; } .m-md-n8 { margin: -8rem !important; } .m-md-n9 { margin: -11rem !important; } .m-md-n11 { margin: -20rem !important; } .m-md-n10 { margin: -14rem !important; } .p-md-6 { padding: 4.5rem !important; } .p-md-7 { padding: 6rem !important; } .p-md-8 { padding: 8rem !important; } .p-md-9 { padding: 11rem !important; } .p-md-11 { padding: 20rem !important; } .p-md-10 { padding: 14rem !important; } .px-md-6 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .py-md-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .pt-md-7 { padding-top: 6rem !important; } } @media (min-width: 992px) { .border-lg-end { border-right: 1px solid #e1e1e1 !important; } .border-lg-bottom { border-bottom: 1px solid #e1e1e1 !important; } .border-lg-start { border-left: 1px solid #e1e1e1 !important; } .border-lg-start-last { position: relative; border-left: 1px solid #e1e1e1 !important; } .border-lg-start-last:after { content: ""; position: absolute; width: 1rem; background: #fff; height: 10rem; top: 60%; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .order-lg-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-lg-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-lg-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-lg-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-lg-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-lg-6 { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .order-lg-7 { -webkit-box-ordinal-group: 8 !important; -ms-flex-order: 7 !important; order: 7 !important; } .m-lg-6 { margin: 4.5rem !important; } .m-lg-7 { margin: 6rem !important; } .m-lg-8 { margin: 8rem !important; } .m-lg-9 { margin: 11rem !important; } .m-lg-11 { margin: 20rem !important; } .m-lg-10 { margin: 14rem !important; } .my-lg-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .mt-lg-6 { margin-top: 4.5rem !important; } .ms-lg-10 { margin-left: 14rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .m-lg-n6 { margin: -4.5rem !important; } .m-lg-n7 { margin: -6rem !important; } .m-lg-n8 { margin: -8rem !important; } .m-lg-n9 { margin: -11rem !important; } .m-lg-n11 { margin: -20rem !important; } .m-lg-n10 { margin: -14rem !important; } .mt-lg-n3 { margin-top: -1rem !important; } .me-lg-n3 { margin-right: -1rem !important; } .p-lg-6 { padding: 4.5rem !important; } .p-lg-7 { padding: 6rem !important; } .p-lg-8 { padding: 8rem !important; } .p-lg-9 { padding: 11rem !important; } .p-lg-11 { padding: 20rem !important; } .p-lg-10 { padding: 14rem !important; } .py-lg-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .pe-lg-6 { padding-right: 4.5rem !important; } .pe-lg-10 { padding-right: 14rem !important; } .pb-lg-6 { padding-bottom: 4.5rem !important; } } @media (min-width: 1200px) { .m-xl-6 { margin: 4.5rem !important; } .m-xl-7 { margin: 6rem !important; } .m-xl-8 { margin: 8rem !important; } .m-xl-9 { margin: 11rem !important; } .m-xl-11 { margin: 20rem !important; } .m-xl-10 { margin: 14rem !important; } .mt-xl-9 { margin-top: 11rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .m-xl-n6 { margin: -4.5rem !important; } .m-xl-n7 { margin: -6rem !important; } .m-xl-n8 { margin: -8rem !important; } .m-xl-n9 { margin: -11rem !important; } .m-xl-n11 { margin: -20rem !important; } .m-xl-n10 { margin: -14rem !important; } .mt-xl-n6 { margin-top: -4.5rem !important; } .mt-xl-n10 { margin-top: -14rem !important; } .me-xl-n5 { margin-right: -3rem !important; } .p-xl-6 { padding: 4.5rem !important; } .p-xl-7 { padding: 6rem !important; } .p-xl-8 { padding: 8rem !important; } .p-xl-9 { padding: 11rem !important; } .p-xl-11 { padding: 20rem !important; } .p-xl-10 { padding: 14rem !important; } } @media (min-width: 1400px) { .m-xxl-6 { margin: 4.5rem !important; } .m-xxl-7 { margin: 6rem !important; } .m-xxl-8 { margin: 8rem !important; } .m-xxl-9 { margin: 11rem !important; } .m-xxl-11 { margin: 20rem !important; } .m-xxl-10 { margin: 14rem !important; } .ms-xxl-8 { margin-left: 8rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .m-xxl-n6 { margin: -4.5rem !important; } .m-xxl-n7 { margin: -6rem !important; } .m-xxl-n8 { margin: -8rem !important; } .m-xxl-n9 { margin: -11rem !important; } .m-xxl-n11 { margin: -20rem !important; } .m-xxl-n10 { margin: -14rem !important; } .me-xxl-n8 { margin-right: -8rem !important; } .p-xxl-6 { padding: 4.5rem !important; } .p-xxl-7 { padding: 6rem !important; } .p-xxl-8 { padding: 8rem !important; } .p-xxl-9 { padding: 11rem !important; } .p-xxl-11 { padding: 20rem !important; } .p-xxl-10 { padding: 14rem !important; } } @media (min-width: 1600px) { .flex-xxxl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxxl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxxl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xxxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .m-xxxl-0 { margin: 0 !important; } .m-xxxl-1 { margin: 0.25rem !important; } .m-xxxl-2 { margin: 0.5rem !important; } .m-xxxl-3 { margin: 1rem !important; } .m-xxxl-4 { margin: 1.5rem !important; } .m-xxxl-5 { margin: 3rem !important; } .m-xxxl-6 { margin: 4.5rem !important; } .m-xxxl-7 { margin: 6rem !important; } .m-xxxl-8 { margin: 8rem !important; } .m-xxxl-9 { margin: 11rem !important; } .m-xxxl-11 { margin: 20rem !important; } .m-xxxl-10 { margin: 14rem !important; } .m-xxxl-auto { margin: auto !important; } .m-xxxl-n1 { margin: -0.25rem !important; } .m-xxxl-n2 { margin: -0.5rem !important; } .m-xxxl-n3 { margin: -1rem !important; } .m-xxxl-n4 { margin: -1.5rem !important; } .m-xxxl-n5 { margin: -3rem !important; } .m-xxxl-n6 { margin: -4.5rem !important; } .m-xxxl-n7 { margin: -6rem !important; } .m-xxxl-n8 { margin: -8rem !important; } .m-xxxl-n9 { margin: -11rem !important; } .m-xxxl-n11 { margin: -20rem !important; } .m-xxxl-n10 { margin: -14rem !important; } .p-xxxl-0 { padding: 0 !important; } .p-xxxl-1 { padding: 0.25rem !important; } .p-xxxl-2 { padding: 0.5rem !important; } .p-xxxl-3 { padding: 1rem !important; } .p-xxxl-4 { padding: 1.5rem !important; } .p-xxxl-5 { padding: 3rem !important; } .p-xxxl-6 { padding: 4.5rem !important; } .p-xxxl-7 { padding: 6rem !important; } .p-xxxl-8 { padding: 8rem !important; } .p-xxxl-9 { padding: 11rem !important; } .p-xxxl-11 { padding: 20rem !important; } .p-xxxl-10 { padding: 14rem !important; } .text-xxxl-start { text-align: left !important; } .text-xxxl-end { text-align: right !important; } .text-xxxl-center { text-align: center !important; } } .w-30 { width: 30% !important; } .w-40 { width: 40% !important; } .w-60 { width: 60% !important; } .w-70 { width: 70% !important; } .w-80 { width: 80% !important; } .w-90 { width: 90% !important; } .w-110 { width: 110% !important; } .w-120 { width: 120% !important; } .w-125 { width: 125% !important; } .w-130 { width: 130% !important; } .w-140 { width: 140% !important; } .w-150 { width: 150% !important; } .h-400 { height: 400px !important; } .h-500 { height: 500px !important; } .h-600 { height: 600px !important; } .h-700 { height: 700px !important; } .h-800 { height: 800px !important; } .h-900 { height: 900px !important; } @media (min-width: 576px) { .h-sm-400 { height: 400px !important; } .h-sm-500 { height: 500px !important; } .h-sm-600 { height: 600px !important; } .h-sm-700 { height: 700px !important; } .h-sm-800 { height: 800px !important; } .h-sm-900 { height: 900px !important; } } @media (min-width: 768px) { .w-md-30 { width: 30% !important; } .w-md-40 { width: 40% !important; } .w-md-60 { width: 60% !important; } .w-md-70 { width: 70% !important; } .w-md-80 { width: 80% !important; } .w-md-90 { width: 90% !important; } .w-md-110 { width: 110% !important; } .w-md-120 { width: 120% !important; } .w-md-125 { width: 125% !important; } .w-md-130 { width: 130% !important; } .w-md-140 { width: 140% !important; } .w-md-150 { width: 150% !important; } .h-md-400 { height: 400px !important; } .h-md-500 { height: 500px !important; } .h-md-600 { height: 600px !important; } .h-md-700 { height: 700px !important; } .h-md-800 { height: 800px !important; } .h-md-900 { height: 900px !important; } } @media (min-width: 992px) { .w-lg-30 { width: 30% !important; } .w-lg-40 { width: 40% !important; } .w-lg-60 { width: 60% !important; } .w-lg-70 { width: 70% !important; } .w-lg-80 { width: 80% !important; } .w-lg-90 { width: 90% !important; } .w-lg-110 { width: 110% !important; } .w-lg-120 { width: 120% !important; } .w-lg-125 { width: 125% !important; } .w-lg-130 { width: 130% !important; } .w-lg-140 { width: 140% !important; } .w-lg-150 { width: 150% !important; } .h-lg-400 { height: 400px !important; } .h-lg-500 { height: 500px !important; } .h-lg-600 { height: 600px !important; } .h-lg-700 { height: 700px !important; } .h-lg-800 { height: 800px !important; } .h-lg-900 { height: 900px !important; } .vh-lg-100 { height: 100vh !important; } } @media (min-width: 1200px) { .h-xl-400 { height: 400px !important; } .h-xl-500 { height: 500px !important; } .h-xl-600 { height: 600px !important; } .h-xl-700 { height: 700px !important; } .h-xl-800 { height: 800px !important; } .h-xl-900 { height: 900px !important; } } @media (min-width: 1400px) { .h-xxl-400 { height: 400px !important; } .h-xxl-500 { height: 500px !important; } .h-xxl-600 { height: 600px !important; } .h-xxl-700 { height: 700px !important; } .h-xxl-800 { height: 800px !important; } .h-xxl-900 { height: 900px !important; } } @media (min-width: 1600px) { .h-xxxl-400 { height: 400px !important; } .h-xxxl-500 { height: 500px !important; } .h-xxxl-600 { height: 600px !important; } .h-xxxl-700 { height: 700px !important; } .h-xxxl-800 { height: 800px !important; } .h-xxxl-900 { height: 900px !important; } } .breadcrumb-item { font-size: 0.8125rem; } .breadcrumb-item a { color: #454547; } .breadcrumb-item a:hover { color: var(--first-color); } .breadcrumb-item + .breadcrumb-item::before { font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumb.breadcrumb-dark .breadcrumb-item a { color: #d9d9db; } .breadcrumb.breadcrumb-dark .breadcrumb-item a:hover { color: var(--first-color); } .btn { letter-spacing: 0.5px; position: relative; overflow: hidden; margin-bottom: 6px; outline: 0; white-space: nowrap; } .btn-xs { padding: 0.4rem 0.6rem; font-size: 0.6rem; line-height: 1.2; border-radius: 0; } .btn-white { background: #fff; color: #0c0c0c; } .btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover { background: #f0f1f3; color: #0c0c0c; } .btn-outline-white { background: transparent; border-color: #fff; color: #fff; } .btn-outline-white.active, .btn-outline-white:active, .btn-outline-white:focus, .btn-outline-white:hover { color: #0c0c0c; background: #fff; } .btn-outline-light { background: transparent; border-color: #d7d8d9; color: #a1a2a3; } .btn-outline-light:hover { background: #d7d8d9; border-color: #d7d8d9; color: #0c0c0c; } .btn-round { height: 40px; width: 40px; line-height: 40px; border-radius: 50%; padding: 0; text-align: center; } .btn-round i { margin: 0; } .btn-round.btn-lg, .btn-group-lg > .btn-round.btn { height: 55px; width: 55px; line-height: 55px; } .btn-round.btn-sm, .btn-group-sm > .btn-round.btn { height: 32px; width: 32px; line-height: 30px; } .btn-round.btn-sm i, .btn-group-sm > .btn-round.btn i { font-size: 0.6rem; } .btn-gradient { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; display: -ms-flexbox; align-items: center; justify-content: center; background-image: -webkit-gradient(linear, left top, right top, from(#76787a), color-stop(var(--first-color)), to(#76787a)); background-image: -o-linear-gradient(left, #76787a, var(--first-color), #76787a); background-image: linear-gradient(to right, #76787a, var(--first-color), #76787a); color: #ffffff; transition: all 0.4s ease-in-out; } .btn-gradient { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; background-size: 200% 100%; transition: all 0.4s ease-in-out; } .btn-gradient:hover, .btn-gradient:focus, .btn-gradient.active { background-position: 100% 0; color: #fff; } .btn-3d { border-bottom: solid 3px rgba(0, 0, 0, 0.2); } .btn-3d:hover { border-bottom-color: rgba(0, 0, 0, 0.05); } .btn-shadow-3d { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, transform 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, transform 0.1s ease; } .btn-shadow-3d:hover { -webkit-box-shadow: 0.3rem 0.3rem 0 rgb(233 236 239 / 50%); box-shadow: 0.3rem 0.3rem 0 rgb(233 236 239 / 50%); -webkit-transform: translate3d(-4px, -4px, 0) rotateZ(-1deg); transform: translate3d(-4px, -4px, 0) rotateZ(-1deg); } .btn-line { padding: 0.5rem 2.2rem 0.5rem 1rem; } .btn-line:after { content: ""; width: 16px; height: 2px; display: block; background: #a1a2a3; position: absolute; right: 16px; left: auto; bottom: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-line:hover { padding: 0.5rem 4.2rem 0.5rem 1rem; } .btn-line:hover:after { width: 39px; height: 2px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-line.btn-primary:before { background: #fff; } .btn-line.btn-primary:after { background: #fff; } .btn-line.btn-secondary:before { background: #000; } .btn-line.btn-secondary:after { background: #000; } .btn-line.btn-success:before { background: #000; } .btn-line.btn-success:after { background: #000; } .btn-line.btn-info:before { background: #000; } .btn-line.btn-info:after { background: #000; } .btn-line.btn-warning:before { background: #000; } .btn-line.btn-warning:after { background: #000; } .btn-line.btn-danger:before { background: #fff; } .btn-line.btn-danger:after { background: #fff; } .btn-line.btn-light:before { background: #000; } .btn-line.btn-light:after { background: #000; } .btn-line.btn-dark:before { background: #fff; } .btn-line.btn-dark:after { background: #fff; } .btn-line.btn-white:before, .btn-line.btn-white:after { background: #0c0c0c; } .btn-line.text-white { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-white:after { background: #fff; } .btn-line.text-white:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-white:hover:after { right: -16px; } .btn-line.text-primary { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-primary:after { background: var(--first-color); } .btn-line.text-primary:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-primary:hover:after { right: -16px; } .btn-line.text-secondary { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-secondary:after { background: #d7d8d9; } .btn-line.text-secondary:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-secondary:hover:after { right: -16px; } .btn-line.text-success { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-success:after { background: #177734; } .btn-line.text-success:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-success:hover:after { right: -16px; } .btn-line.text-info { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-info:after { background: #27caf0; } .btn-line.text-info:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-info:hover:after { right: -16px; } .btn-line.text-warning { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-warning:after { background: #ffc107; } .btn-line.text-warning:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-warning:hover:after { right: -16px; } .btn-line.text-danger { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-danger:after { background: #dc3545; } .btn-line.text-danger:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-danger:hover:after { right: -16px; } .btn-line.text-light { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-light:after { background: #f7f7f7; } .btn-line.text-light:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-light:hover:after { right: -16px; } .btn-line.text-dark { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-dark:after { background: #0c0c0c; } .btn-line.text-dark:hover { padding: 0.5rem 2.3rem 0.5rem 0rem; } .btn-line.text-dark:hover:after { right: -16px; } .btn-line.btn-sm:before, .btn-group-sm > .btn-line.btn:before { bottom: 12px; } .btn-line.btn-sm:after, .btn-group-sm > .btn-line.btn:after { bottom: 12px; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } .btn-ripple { position: relative; overflow: visible; } .btn-ripple:after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; border-color: inherit; width: 100%; height: 100%; border-radius: 50%; opacity: 1; -webkit-animation-name: rippleanim; animation-name: rippleanim; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.3, 1); -webkit-animation-delay: 1s; animation-delay: 1s; } @keyframes rippleanim { 0% { opacity: 1; -webkit-box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.9); box-shadow: 0 0 0 0 rgba(183, 145, 86, 0.9); } 100% { opacity: 0; -webkit-box-shadow: 0 0 0 15px rgba(183, 145, 86, 0.4); box-shadow: 0 0 0 15px rgba(183, 145, 86, 0.4); } } @-webkit-keyframes rippleanim { 0% { opacity: 1; background: rgba(183, 145, 86, 0.9); -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 0; background: rgba(183, 145, 86, 0.4); -webkit-transform: scale(1.5); transform: scale(1.5); } } .card-cover-bg { overflow: hidden; } .card-cover-bg .card-img-overlay { z-index: 2; } .card-cover-bg .card-text { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card-cover-bg img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card-cover-bg:before { content: ""; position: absolute; height: 50%; width: 100%; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8)); z-index: 1; } .card-cover-bg:hover .card-text { margin-bottom: 10px; } .card-cover-bg:hover .card-image img { -webkit-transform: scale(1.06); transform: scale(1.06); } .card .card-content-hover { visibility: hidden; margin-top: 30px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9; } .card:hover .card-content-hover { visibility: visible; margin-top: 0px; opacity: 1; } .bg-cover-start { position: relative; z-index: 1; } .bg-cover-start:before { content: ""; position: absolute; height: 100%; width: 62%; top: 0; left: 0; background-image: -webkit-gradient(linear, bottom right, bottom left, from(rgba(0, 0, 0, 0.7)), to(transparent)); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), transparent); z-index: -1; } .dropdown-menu { -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1); } .dropdown-item { font-family: "Lato", sans-serif; font-size: 1.2rem; font-weight: 400; text-transform: uppercase; position: relative; } .dropdown-item.active { color: var(--first-color) !important; } @media (min-width: 992px) { .dropdown-item { font-weight: 700; } } .dropdown-menu .dropdown-toggle:after { position: absolute; right: 25px; top: 10px; } .dropdown-menu .dropdown-toggle:before { position: absolute; right: 25px; top: 10px; } .dropdown-header { font-family: "Lato", sans-serif; font-weight: 700; padding-top: 0.5rem; font-size: 1.2rem; text-transform: uppercase; } .dropdown-fullwidth { position: static; } .dropdown-fullwidth .dropdown-menu { margin: 0 auto; left: 0; right: 0; padding: 1rem 0; } @media (min-width: 576px) { .dropdown-fullwidth .dropdown-menu { max-width: 96%; } } @media (min-width: 768px) { .dropdown-fullwidth .dropdown-menu { max-width: 94%; } } @media (min-width: 992px) { .dropdown-fullwidth .dropdown-menu { max-width: 94%; } } @media (min-width: 1200px) { .dropdown-fullwidth .dropdown-menu { max-width: 1140px; } } @media (min-width: 1400px) { .dropdown-fullwidth .dropdown-menu { max-width: 1320px; } } @media (max-width: 1199.98px) { .dropdown-fullwidth .dropdown-menu .container { max-width: 100%; } } @media (min-width: 1200px) { .navbar-expand-xl .navbar-nav .dropdown-menu { top: 120%; visibility: hidden; opacity: 0; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu { top: 100%; visibility: visible; opacity: 1; } .navbar-expand-xl .navbar-nav .dropdown-submenu:hover > .dropdown-menu { top: 0; visibility: visible; opacity: 1; } .navbar-expand-xl .dropdown-submenu { position: relative; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav .dropdown-menu { top: 120%; visibility: hidden; opacity: 0; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu { top: 100%; visibility: visible; opacity: 1; } .navbar-expand-lg .navbar-nav .dropdown-submenu:hover > .dropdown-menu { top: 0; visibility: visible; opacity: 1; } .navbar-expand-lg .dropdown-submenu { position: relative; } } @media (min-width: 768px) { .navbar-expand-md .navbar-nav .dropdown-menu { top: 120%; visibility: hidden; opacity: 0; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-expand-md .navbar-nav .dropdown:hover > .dropdown-menu { top: 100%; visibility: visible; opacity: 1; } .navbar-expand-md .navbar-nav .dropdown-submenu:hover > .dropdown-menu { top: 0; visibility: visible; opacity: 1; } .navbar-expand-md .dropdown-submenu { position: relative; } } @media (min-width: 576px) { .navbar-expand-sm .navbar-nav .dropdown-menu { top: 120%; visibility: hidden; opacity: 0; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-expand-sm .navbar-nav .dropdown:hover > .dropdown-menu { top: 100%; visibility: visible; opacity: 1; } .navbar-expand-sm .navbar-nav .dropdown-submenu:hover > .dropdown-menu { top: 0; visibility: visible; opacity: 1; } .navbar-expand-sm .dropdown-submenu { position: relative; } } .form-line .form-control { border-top: none; border-left: none; border-right: none; padding-left: 0; border-radius: 0; } .form-line .form-control:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; width: 100%; background: var(--first-color); display: block; } .form-line .form-control:focus { background-color: transparent; border-color: #d9d9db; } .form-line .input-group { display: block; position: relative; } .form-dark .form-control { background: transparent; border-color: #252528; color: #a1a2a3; } .form-dark .form-control:focus { color: #fff; border-color: #454547; outline: 0; } .form-dark.form-line .form-control:focus { border-color: #0c0c0c; } .form-primary .form-control { background: transparent; border-color: #fff; color: #fff; } .form-primary .form-control:focus { color: #fff; background-color: transparent; border-color: #0c0c0c; outline: 0; } .form-primary .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .form-primary .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .form-primary .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .form-primary .form-control::-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .form-primary .form-control::placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .form-primary.form-line .form-control:focus { border-color: white; } .input-text-white-stroke input { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 1.5rem !important; font-weight: bold; } .input-text-white-stroke input::-webkit-input-placeholder { color: transparent; opacity: 0.2; } @media (min-width: 768px) { .input-text-white-stroke input { font-size: 3rem !important; } } .icon-style1, .icon-style1-dark { display: inline-block; position: relative; z-index: 1; } .icon-style1::after { position: absolute; left: 0; top: -10px; content: ""; height: 70px; width: 70px; background: linear-gradient(180deg, transparent, rgba(183, 145, 86, 0.2)); z-index: -1; border-radius: 10px; transform: rotate(-45deg); transition: all 0.35s ease-in-out; } .icon-style1-dark::after { position: absolute; left: 0; top: -10px; content: ""; height: 70px; width: 70px; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.2)); z-index: -1; border-radius: 10px; transform: rotate(-45deg); transition: all 0.35s ease-in-out; } .icon-style2 { display: inline-block; font-size: 40px; height: 80px; width: 80px; text-align: center; line-height: 80px; color: #ffffff; border-radius: 38% 62% 62% 38% / 38% 38% 62% 62%; margin-bottom: 30px; position: relative; z-index: 1; } .icon-style2::after { position: absolute; left: -10px; top: -10px; content: ""; height: 100px; width: 100px; z-index: -1; border-radius: 38% 62% 62% 38% / 38% 38% 62% 62%; background: linear-gradient(45deg, #ede0d1 0%, #ccac8d 100%); opacity: 0.3; transition: all 0.35s ease-in-out; } .list-group .list-group-item i, .list-group .list-group-item span { margin-right: 5px; } .list-group-borderless .list-group-item { border: none; padding: 0.425rem 0; } .list-group-borderless a.list-group-item:hover { background-color: transparent; color: var(--first-color); } .list-group-icon-primary-bg .list-group-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .list-group-icon-primary-bg i, .list-group-icon-primary-bg span { background: #ede0d1; color: var(--first-color); font-weight: 700; height: 22px; width: 22px; line-height: 23px; text-align: center; border-radius: 50%; margin-right: 10px; font-size: 11px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-pills .nav-link { cursor: pointer; margin-bottom: 15px; color: #252528; padding: 0.5rem 1rem; } .nav.flex-column:not(.nav-pills) .nav-link { padding-left: 0; padding-top: 0.3rem; padding-bottom: 0.3rem; } .tab-content { padding: 25px 0; margin-bottom: 20px; } .nav-tabs .nav-link { color: #0c0c0c; padding: 0.5rem 1rem; border: none; } .nav-tabs .nav-link.active { background: var(--first-color); color: #fff; border: none; } .nav-tabs .nav-link.active .nav-link { color: #fff; } .nav-tabs.nav-tabs-line { border-bottom: solid 2px #f0f1f3; } .nav-tabs.nav-tabs-line .nav-link { border: transparent; } .nav-tabs.nav-tabs-line .nav-item:first-child .nav-link { padding-left: 0; } .nav-tabs.nav-tabs-line .nav-link { background: transparent; border-bottom: 2px solid transparent; } .nav-tabs.nav-tabs-line .nav-link.active { background: transparent; color: var(--first-color); border-bottom: 2px solid var(--first-color); } .nav-tabs.nav-tabs-line .nav-item { margin-bottom: -2px; } .nav-tabs.nav-tabs-bordered { border: 1px solid #f0f1f3; } .nav-tabs.nav-tabs-bordered .nav-link { border: transparent; border-radius: 0; } .nav-tabs.nav-tabs-bordered .nav-link.active { background: var(--first-color); color: #fff; border-radius: 0; } .nav-tabs.nav-tabs-dark .nav-item .nav-link { color: #0c0c0c; } .nav-tabs.nav-tabs-dark .nav-link.active { background: #0c0c0c; color: #fff; } .navbar { z-index: 9; } .navbar-nav .nav-link { font-family: "Poppins", sans-serif; font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; line-height: 90px; padding-top: 0; padding-bottom: 0; } .navbar-nav .nav-item:last-child .nav-link { padding-right: 0; } .navbar-toggler { margin-bottom: 0; border: 0; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } header.navbar-sticky-on { position: fixed; z-index: 1020; top: 0; left: 0; right: 0; background-color: #fff; -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; width: 100%; -webkit-box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.2); box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.2); } header.navbar-sticky-on .navbar-top { display: none !important; } header.navbar-sticky-on .navbar-nav .nav-link { line-height: 50px; } header.navbar-sticky-on .navbar-brand { padding-top: 14px; padding-bottom: 14px; } header.navbar-sticky-on .navbar-brand .navbar-brand-item { height: 22px; } .navbar-top { padding: 0.2rem 0; } .navbar-top span { font-size: 0.8125rem; color: #454547; } .navbar-top a { color: #454547; font-size: 0.8125rem; } .navbar-top a:hover { color: var(--first-color); } .navbar-space-lg:not(.navbar-sticky-on) .navbar-expand { padding: 1.5rem !important; } @media (max-width: 767.98px) { .navbar-space-lg:not(.navbar-sticky-on) .navbar-expand { padding: 0.5rem 0 !important; } } .navbar-transparent { background: transparent; position: absolute; top: 0; left: 0; right: 0; } .navbar-light .nav .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .nav .nav-link:hover { color: var(--first-color); } .navbar-dark .navbar-top span:not(.dropdown-item-text) { color: #fff; } .navbar-dark .navbar-top a:not(.dropdown-item) { color: #fff; } .navbar-dark .navbar-top a:not(.dropdown-item):hover { color: var(--first-color); } .navbar-dark .nav .nav-link { color: #fff; } .navbar-dark .nav .nav-link:hover { color: var(--first-color); } .navbar-dark.navbar-sticky-on { background-color: #0c0c0c; } .navbar-floating { background: transparent; position: absolute; top: 30px; left: 0; right: 0; } .navbar-floating .navbar > .container { background: #fff; padding: 0 30px !important; border-radius: 0; position: relative; } .navbar-floating.navbar-sticky-on .navbar > .container { -webkit-box-shadow: none; box-shadow: none; padding: 0 15px !important; } @media (max-width: 767.98px) { .navbar-floating { top: 20px; } .navbar-floating .navbar > .container { padding: 0 15px !important; } } .navbar-brand { padding-top: 30px; padding-bottom: 30px; } .navbar-brand .navbar-brand-item { height: 25px; display: block; width: auto; margin-top: auto !important; margin-bottom: auto !important; } @media (max-width: 767.98px) { .navbar-brand { padding-top: 20px; padding-bottom: 20px; } .navbar-brand .navbar-brand-item { height: 22px; } a.nav-link.dropdown-toggle { width: fit-content !important; } } .navbar .container-fluid .dropdown-fullwidth .dropdown-menu, .navbar .container-sm .dropdown-fullwidth .dropdown-menu, .navbar .container-md .dropdown-fullwidth .dropdown-menu, .navbar .container-lg .dropdown-fullwidth .dropdown-menu, .navbar .container-xl .dropdown-fullwidth .dropdown-menu, .navbar .container-xxl .dropdown-fullwidth .dropdown-menu { width: 100%; } .dropdown-toggle:after { content: "\f282"; font-family: "bootstrap-icons"; font-size: 0.5rem; margin-left: 0.35rem; font-weight: 900; vertical-align: middle; border: none; } .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-toggle:after { content: "\f282"; font-family: "bootstrap-icons"; font-size: 10px; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none !important; margin: 0; } @media (hover: hover) { .navbar .dropdown-menu .dropdown-submenu.dropend:hover > .dropdown-toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-opened.dropdown-toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-size: 10px; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none !important; margin: 0; font-weight: 900; } .navbar .dropdown-menu .dropdown-submenu.dropstart:hover > .dropdown-toggle:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .navbar-link-xl .navbar-nav .nav-link { font-size: 1.2rem; } .navbar-link-xl .dropdown-toggle:after { font-size: 0.7rem; } @media (max-width: 1199.98px) { .navbar-expand-xl .navbar-collapse { -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::after { position: absolute; right: 30px; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::before { position: absolute; right: 30px; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu:before { content: none; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu { padding-left: 20px; padding-bottom: 0px; } .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 30px; position: relative; } .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item .nav-link { line-height: 40px; } .navbar-dark .navbar-expand-xl .navbar-collapse .nav-link { color: #454547; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-expand-xl .dropdown-fullwidth { width: 100%; } .navbar-expand-xl .dropdown-fullwidth .dropdown-menu { max-width: 100%; } .navbar-expand-xl .dropdown-fullwidth .container { max-width: 100%; padding: 0; } .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu { background: #f7f7f7; padding: 20px 0px; margin: 10px 0; } .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu { background: rgba(0, 0, 0, 0.04); padding: 20px 0px !important; } } @media (max-width: 991.98px) { .navbar-expand-lg .navbar-collapse { -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after { position: absolute; right: 30px; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::before { position: absolute; right: 30px; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu:before { content: none; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu { padding-left: 20px; padding-bottom: 0px; } .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 30px; position: relative; } .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .nav-link { line-height: 40px; } .navbar-dark .navbar-expand-lg .navbar-collapse .nav-link { color: #454547; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-expand-lg .dropdown-fullwidth { width: 100%; } .navbar-expand-lg .dropdown-fullwidth .dropdown-menu { max-width: 100%; } .navbar-expand-lg .dropdown-fullwidth .container { max-width: 100%; padding: 0; } .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu { background: #f7f7f7; padding: 20px 0px; margin: 10px 0; } .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu { background: rgba(0, 0, 0, 0.04); padding: 20px 0px !important; } } @media (max-width: 767.98px) { .navbar-expand-md .navbar-collapse { -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::after { position: absolute; right: 30px; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::before { position: absolute; right: 30px; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu:before { content: none; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu { padding-left: 20px; padding-bottom: 0px; } .navbar-expand-md .navbar-collapse .navbar-nav .nav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 30px; position: relative; } .navbar-expand-md .navbar-collapse .navbar-nav .nav-item .nav-link { line-height: 40px; } .navbar-dark .navbar-expand-md .navbar-collapse .nav-link { color: #454547; } .navbar-expand-md .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-expand-md .dropdown-fullwidth { width: 100%; } .navbar-expand-md .dropdown-fullwidth .dropdown-menu { max-width: 100%; } .navbar-expand-md .dropdown-fullwidth .container { max-width: 100%; padding: 0; } .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu { background: #f7f7f7; padding: 20px 0px; margin: 10px 0; } .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu { background: rgba(0, 0, 0, 0.04); padding: 20px 0px !important; } } @media (max-width: 575.98px) { .navbar-expand-sm .navbar-collapse { -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2); position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle::after { position: absolute; right: 30px; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle::before { position: absolute; right: 30px; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu:before { content: none; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu { padding-left: 20px; padding-bottom: 0px; } .navbar-expand-sm .navbar-collapse .navbar-nav .nav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 30px; position: relative; } .navbar-expand-sm .navbar-collapse .navbar-nav .nav-item .nav-link { line-height: 40px; } .navbar-dark .navbar-expand-sm .navbar-collapse .nav-link { color: #454547; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-expand-sm .dropdown-fullwidth { width: 100%; } .navbar-expand-sm .dropdown-fullwidth .dropdown-menu { max-width: 100%; } .navbar-expand-sm .dropdown-fullwidth .container { max-width: 100%; padding: 0; } .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu { background: #f7f7f7; padding: 20px 0px; margin: 10px 0; } .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu { background: rgba(0, 0, 0, 0.04); padding: 20px 0px !important; } } .dropdown-colwidth { position: static; } @media (min-width: 992px) { .dropdown-colwidth .dropdown-menu { width: 68%; margin: 0 auto; left: 0; right: 0; padding: 1rem 0; } .dropdown-column { display: block; width: 25%; min-width: 14.5rem; padding: 1.5rem 0.75rem; } .dropdown-colwidth .dropdown-menu .dropdown-column { width: 33.33%; } .dropdown-column.dropdown-column-img { margin-right: 0.75rem; padding-right: 1.5rem; padding-left: 1.5rem; background-position: center; background-repeat: no-repeat; background-size: cover; } } .nav-hamburger-end { width: 500px; position: fixed; right: -500px; top: 0; bottom: 0; z-index: 1080; height: 100vh !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav-hamburger-end.show { right: 0px; z-index: 1080; } @media (max-width: 575.98px) { .nav-hamburger-end { width: 95%; padding-right: 0; } } .nav-hamburger-start { width: 500px; position: fixed; left: -500px; top: 0; bottom: 0; z-index: 1080; height: 100vh !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav-hamburger-start.show { left: 0px; } @media (max-width: 575.98px) { .nav-hamburger-start { width: 95%; padding-left: 0; } } .nav-hamburger-fullscreen { height: 0px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1080; } .nav-hamburger-fullscreen.show { height: 100vh; } [class*="nav-hamburger-"] .dropdown-toggle { position: absolute; top: 12px; left: -40px; background: rgba(183, 145, 86, 0.2); border: none; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; padding: 0; } [class*="nav-hamburger-"] .collapsed.dropdown-toggle:after { content: "\f4d7"; color: var(--first-color); font-family: "bootstrap-icons"; font-size: 25px; top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } [class*="nav-hamburger-"] .dropdown-toggle:after { content: "\f4d7"; color: var(--first-color); font-family: "bootstrap-icons"; font-size: 14px; top: 5px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 575.98px) { header > [class*="nav-hamburger-"] .dropdown-toggle { top: 10px !important; } } .pagination .page-item { display: inline-block; margin-bottom: 5px; } .pagination.pagination-line li.disabled a:before { background: #d7d8d9 !important; } .pagination.pagination-line li.disabled:hover a:before { -webkit-animation: none !important; animation: none !important; } .pagination.pagination-line li:first-child a { padding-left: 36px; } .pagination.pagination-line li:first-child a:before { content: ""; width: 16px; height: 2px; display: block; background: #454547; position: absolute; left: 15px; bottom: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination.pagination-line li:first-child:hover a:before { background: #fff; -webkit-animation: blink-animation 1s steps(5, start) infinite; animation: blink-animation 1s steps(5, start) infinite; } .pagination.pagination-line li:last-child a { padding-right: 36px; } .pagination.pagination-line li:last-child a:after { content: ""; width: 16px; height: 2px; display: block; background: #454547; position: absolute; right: 15px; bottom: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination.pagination-line li:last-child:hover a:after { background: #fff; -webkit-animation: blink-animation 1s steps(5, start) infinite; animation: blink-animation 1s steps(5, start) infinite; } .progress { position: relative; overflow-x: visible; overflow-y: visible; } html { overflow-x: hidden; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; overflow-x: hidden; z-index: 0; position: relative; } main { background-color: #fff; } header { position: relative; z-index: 1020; background: #fff; } b, strong { font-weight: 700; } a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } h1 > a, .h1 > a, h2 > a, .h2 > a, h3 > a, .h3 > a, h4 > a, .h4 > a, h5 > a, .h5 > a, h6 > a, .h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a { color: #0c0c0c; } h1 > a:hover, .h1 > a:hover, h2 > a:hover, .h2 > a:hover, h3 > a:hover, .h3 > a:hover, h4 > a:hover, .h4 > a:hover, h5 > a:hover, .h5 > a:hover, h6 > a:hover, .h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover { color: var(--first-color); } img { max-width: 100%; height: auto; } video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; } iframe { border: 0; } ul, ol { list-style-position: inside; padding: 0; margin: 0; } section { padding-top: 6rem; padding-bottom: 4.8rem; } @media (max-width: 767.98px) { section { padding-top: 4rem; padding-bottom: 3rem; } } *:focus { outline: none !important; } ::-moz-selection { color: #fff; background: var(--first-color); } ::selection { color: #fff; background: var(--first-color); } .bg-primary::-moz-selection { color: var(--first-color); background: #fff; } .bg-primary::selection { color: var(--first-color); background: #fff; } .text-white-force *:not(.btn) { color: #fff !important; } .text-primary-stroke { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--first-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .text-primary-stroke.text-hover-fill:hover, a.text-primary-stroke:hover { color: var(--first-color) !important; } .text-white-stroke { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-link.text-white-stroke { -webkit-text-stroke-width: 0.875px; } .text-white-stroke.text-hover-fill:hover, a.text-white-stroke:hover { color: #fff !important; } .text-white-stroke-opc { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.6); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .text-white-stroke-opc.text-hover-fill:hover, a.text-white-stroke-opc:hover { color: #fff !important; } .text-black-stroke { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .text-black-stroke.text-hover-fill:hover, a.text-black-stroke:hover { color: #000 !important; } .text-dark-stroke { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #0c0c0c; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .text-dark-stroke.text-hover-fill:hover, a.text-dark-stroke:hover { color: #0c0c0c !important; } .text-light-stroke { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #d9d9db; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-link.text-light-stroke { -webkit-text-stroke-width: 0.875px; } .text-light-stroke.text-hover-fill:hover, a.text-light-stroke:hover { color: #d9d9db !important; } .text-stroke-md { -webkit-text-stroke-width: 2px; } .text-stroke-lg { -webkit-text-stroke-width: 3px; } .text-primary-shadow { text-shadow: 0.03em 0.03em 0 var(--first-color); } .text-black-shadow { text-shadow: 0.03em 0.03em 0 #000; } .text-dark-shadow { text-shadow: 0.03em 0.03em 0 #0c0c0c; } .text-white-shadow { text-shadow: 0.03em 0.03em 0 #fff; } .text-light-shadow { text-shadow: 0.03em 0.03em 0 #d9d9db; } small, .small, .small { font-weight: 400; } .smaller { font-size: 60%; font-weight: 500; } .text-facebook { color: #3b5998; } .text-facebook:hover { color: #314c7c; } .text-google { color: #3f729b; } .text-google:hover { color: #125688; } .text-instagram-gradient { color: transparent; background: radial-gradient(circle at 20% 130%, #eadf8c 0%, #eadf8c 5%, #ed524a 45%, #dd28ae 60%, #2e65ef 90%); background: -webkit-radial-gradient(circle at 20% 130%, #eadf8c 0%, #eadf8c 5%, #ed524a 45%, #dd28ae 60%, #2e65ef 90%); background-clip: text; -webkit-background-clip: text; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size: 120% 120%; } .text-instagram-gradient:hover { color: transparent; background: radial-gradient(circle at 20% 130%, #eadf8c 0%, #eadf8c 5%, #ed524a 45%, #dd28ae 60%, #2e65ef 90%); background: -webkit-radial-gradient(circle at 20% 130%, #eadf8c 0%, #eadf8c 5%, #ed524a 45%, #dd28ae 60%, #2e65ef 90%); background-clip: text; -webkit-background-clip: text; background-size: 100% 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .text-instagram { color: #dd4b39; } .text-instagram:hover { color: #dd3b37; } .text-twitter { color: #00acee; } .text-twitter:hover { color: #3ea2ec; } .text-linkedin { color: #0e76a8; } .text-linkedin:hover { color: #0077b3; } .text-pinterest { color: #c8232c; } .text-pinterest:hover { color: #cc2125; } .text-dribbble { color: #ea4c89; } .text-dribbble:hover { color: #de5a8d; } .text-youtube { color: #c4302b; } .text-youtube:hover { color: #e52d27; } .text-vimeo { color: #1ab7ea; } .text-vimeo:hover { color: #11aedb; } @media (min-width: 576px) { .display-sm-7 { font-size: 2.8rem; } } @media (min-width: 992px) { [class*="display-lg-"] { line-height: 1.4; } .display-lg-4 { font-size: 4.8125rem; } } .blockquote { position: relative; padding-left: 80px; } .blockquote .blockquote-footer { margin-top: 12px; } .blockquote:before { content: "\f255"; color: var(--first-color); font-family: "bootstrap-icons"; position: absolute; top: 0; left: 0; font-size: 2.1rem; line-height: 0.8em; font-weight: 700; } .blockquote.blockquote-primary { background: var(--first-color); color: #fff; padding: 20px 20px 20px 90px; border-radius: 0; } .blockquote.blockquote-primary * { color: #fff; } .blockquote.blockquote-primary:before { color: #fff !important; top: 20px; left: 20px; } .blockquote.blockquote-dark { background: #0c0c0c; color: #fff; padding: 20px 20px 20px 90px; border-radius: 0; } .blockquote.blockquote-dark * { color: #fff; } .blockquote.blockquote-dark:before { top: 20px; left: 20px; } .blockquote.blockquote-light { background: #f0f1f3; color: #252528; padding: 20px 20px 20px 90px; border-radius: 0; } .blockquote.blockquote-light * { color: #252528; } .blockquote.blockquote-light:before { top: 20px; left: 20px; } .blockquote.blockquote-line { padding: 10px 20px; border-left: 5px solid var(--first-color); } .blockquote.blockquote-line:before { display: none; } :root { --animate-delay: 0.5s; } .bi { line-height: 0; } .ityped-cursor { color: #0c0c0c; opacity: 1; -webkit-animation: cursorblink 0.3s infinite; animation: cursorblink 0.3s infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @keyframes cursorblink { 100% { opacity: 0; } } @-webkit-keyframes cursorblink { 100% { opacity: 0; } } .back-top { cursor: pointer; position: fixed !important; bottom: 0; right: 0; display: block; z-index: 99; visibility: hidden; opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: var(--first-color); color: #fff; padding: 20px 0 15px 0; width: 40px; position: absolute; color: #fff; } .back-top.back-top-show { visibility: visible; opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .back-top .scoll-text { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; padding-left: 8px; } .back-top .scroll-line { width: 3px; height: 60px; border-radius: 50%; overflow: hidden; margin: 0 0 10px 20px; } .back-top .scroll-line:after { content: ""; width: 100%; height: 100%; display: block; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(0, rgba(21, 175, 90, 0))); background: linear-gradient(180deg, #fff 5%, rgba(21, 175, 90, 0) 0); background-position: 0 -60px; background-size: 50% 100%; -webkit-animation: backtop 5s cubic-bezier(0.76, 0, 0.3, 1) infinite forwards; animation: backtop 5s cubic-bezier(0.76, 0, 0.3, 1) infinite forwards; } @-webkit-keyframes backtop { from { background-position: 0 -60px; } 75% { background-position: 0 0; } 0% { background-position: 0 60px; } } @keyframes backtop { from { background-position: 0 -60px; } 75% { background-position: 0 0; } 0% { background-position: 0 60px; } } .bg-parallax { -webkit-transform: translate3d(0, 0, 0); } .bg-parallax:before { z-index: 0; } .marquee-animation { -webkit-animation: marqueeAnimation 20s linear infinite; animation: marqueeAnimation 20s linear infinite; position: absolute; display: block; z-index: 10; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; white-space: nowrap; } .marquee-animation.hover { -webkit-animation-play-state: paused; animation-play-state: paused; } @-webkit-keyframes marqueeAnimation { 0% { -webkit-transform: translateX(-2%); transform: translateX(-2%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes marqueeAnimation { 0% { -webkit-transform: translateX(-2%); transform: translateX(-2%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .tilt-animation { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } @media (min-width: 768px) { .img-polygon { -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%); } .img-polygon-left { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%); } } .info-style1-item { position: relative; z-index: 0; } .info-style1-item::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 0; height: auto; background: #bbb; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .info-style1-item::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 0; background: #fff; height: auto; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .info-style1-item:hover::before { width: 100%; background: #f7f7f7; -webkit-transition-delay: 0s; transition-delay: 0s; } .info-style1-item:hover::after { top: 0; right: 0; bottom: 0; width: 100%; background: #fff; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .info-style2 { position: relative; z-index: 1; padding-bottom: 0.78571rem; } .info-style2::before { content: ""; position: absolute; right: 0; top: 0; display: block; width: 40px; height: 1.2px; background-image: -webkit-gradient(linear, top left, bottom left, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(right, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(right, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to left, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .info-style2:hover::before { width: 100%; background-image: -webkit-gradient(linear, top left, bottom left, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(right, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(right, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to left, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition-delay: 0s; transition-delay: 0s; } .info-style2::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 40px; height: 1.2px; background-image: -webkit-gradient(linear, left top, right top, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(left, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(left, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to right, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .info-style2:hover::after { width: 100%; background-image: -webkit-gradient(linear, left top, right top, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(left, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(left, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to right, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .info-style2-item::before { content: ""; position: absolute; right: 0; top: 0; display: block; width: 1.2px; height: 40px; background-image: -webkit-gradient(linear, left top, right top, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(top, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(top, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to bottom, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .info-style2:hover .info-style2-item::before { height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(top, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(top, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to bottom, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition-delay: 0s; transition-delay: 0s; } .info-style2-item::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 1.2px; height: 40px; background-image: -webkit-gradient(linear, top left, bottom left, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(bottom, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(bottom, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to top, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .info-style2:hover .info-style2-item::after { height: 100%; background-image: -webkit-gradient(linear, top left, bottom left, from(var(--first-color)), to(transparent)); background-image: -webkit-linear-gradient(bottom, var(--first-color) 0%, transparent 100%); background-image: -o-linear-gradient(bottom, var(--first-color) 0%, transparent 100%); background-image: linear-gradient(to top, var(--first-color) 0%, transparent 100%); background-repeat: repeat-x; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } [class*="blocks"] { position: relative; max-width: 100%; margin: 0; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } [class*="blocks"], [class*="blocks"]::before, [class*="blocks"]::after { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blocks-uncroped { overflow: visible; } .blocks-uncroped:hover { z-index: 2; } .blocks-img { max-width: 100%; vertical-align: top; } .blocks-block { min-height: 100%; } [class*="blocks-add"] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .blocks:hover .blocks-bg-style1, .blocks:hover .blocks-add-style1 { opacity: 1; } .blocks-shadow:hover, .blocks-shadow:hover .blocks-add-shadow { -webkit-box-shadow: 0 0 10px #777; box-shadow: 0 0 10px #777; } .blocks-shadow-style2:hover, .blocks-shadow-style2:hover .blocks-add-shadow { -webkit-box-shadow: 0 0 15px #ddd; box-shadow: 0 0 15px #ddd; } .blocks-shadow-style3:hover, .blocks-shadow-style3:hover .blocks-add-shadow { -webkit-box-shadow: 0 0 3px #ddd; box-shadow: 0 0 3px #ddd; } .blocks-scale:hover, .blocks-scale-img:hover .blocks-img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .blocks-add-scale { z-index: -1; max-width: initial; } .blocks:hover .blocks-add-scale { top: -20px; right: -20px; bottom: -20px; left: -20px; } .blocks-scale-down:hover, .blocks-scale-down-img:hover .blocks-img { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .blocks-add-scale-down { z-index: -1; max-width: initial; } .blocks:hover .blocks-add-scale-down { top: 20px; right: 20px; bottom: 20px; left: 20px; } .blocks-main-zoom-style1, .blocks-main-zoom-style2 { -webkit-transform: scale(1.01); } .blocks:hover .blocks-main-zoom-style1 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .blocks:hover .blocks-main-zoom-style2 { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .blocks [class*="icon-"] { padding: 1px; } .blocks-main-grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns*'http://www.w3.org/2000/svg'><filter id*'grayscale'><feColorMatrix type*'matrix' values*'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%); } .blocks:hover .blocks-main-grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns*'http://www.w3.org/2000/svg'><filter id*'grayscale'><feColorMatrix type*'matrix' values*'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); } .blocks-main-white { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .blocks-add-blur { opacity: 0; } .blocks:hover .blocks-add-blur { opacity: 1; -webkit-transition-delay: 0.11s; -o-transition-delay: 0.11s; transition-delay: 0.11s; } .blocks:hover .blocks-main-blur { -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .blocks-border-reveal::before, .blocks-border-reveal::after, .blocks-add-border-reveal::before, .blocks-add-border-reveal::after { content: ""; position: absolute; background-color: #fff; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .blocks-border-reveal.border-reveal-primary::before, .blocks-border-reveal.border-reveal-primary::after, .blocks-add-border-reveal.border-reveal-primary::before, .blocks-add-border-reveal.border-reveal-primary::after { content: ""; position: absolute; background-color: var(--first-color); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .blocks-border-reveal::before, .blocks-border-reveal::after { left: 5px; right: 5px; height: 3px; z-index: 1; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .blocks-border-reveal::before { top: 5px; -webkit-transition-delay: 0.28s; -o-transition-delay: 0.28s; transition-delay: 0.28s; } .blocks-border-reveal:hover::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .blocks-border-reveal::after { bottom: 5px; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .blocks-border-reveal:hover::after { -webkit-transition-delay: 0.28s; -o-transition-delay: 0.28s; transition-delay: 0.28s; } .blocks-add-border-reveal { background-color: transparent; z-index: 3; } .blocks-add-border-transpire-inner { opacity: 0; } .blocks-add-border-reveal::before, .blocks-add-border-reveal::after { top: 5px; bottom: 5px; width: 3px; z-index: -1; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .blocks-add-border-reveal::before { left: 5px; -webkit-transition-delay: 0.28s; -o-transition-delay: 0.28s; transition-delay: 0.28s; } .blocks-border-reveal:hover .blocks-add-border-reveal::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .blocks-add-border-reveal::after { right: 5px; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .blocks-border-reveal:hover .blocks-add-border-reveal::after { -webkit-transition-delay: 0.28s; -o-transition-delay: 0.28s; transition-delay: 0.28s; } .blocks-border-reveal:hover .blocks-main-border-reveal { opacity: 0; } .blocks-border-reveal:hover::before, .blocks-border-reveal:hover::after, .blocks-border-reveal:hover .blocks-add-border-reveal::before, .blocks-border-reveal:hover .blocks-add-border-reveal::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .blocks-border-reveal:hover .blocks-add-border-transpire-inner { opacity: 1; -webkit-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; } img.blocks-main-mover-left { -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(-60px, 0, 0); } .blocks-add-mover-left { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } img.blocks-main-mover-right { -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); } .blocks-add-mover-right { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } img.blocks-main-mover-up { -webkit-transform: translate3d(0, 20px, 0) scale3d(1.1, 1.1, 1.1); transform: translate3d(0, 20px, 0) scale3d(1.1, 1.1, 1.1); } .blocks-add-mover-up { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } img.blocks-main-mover-down { -webkit-transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1); transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1); } .blocks-add-mover-down { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .blocks-add-focuser-element { top: 24px; right: 24px; bottom: 24px; left: 24px; opacity: 0.3; -webkit-box-shadow: 0 0 0 25px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 25px rgba(0, 0, 0, 0.5); -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .blocks-add-focuser-target { position: static; opacity: 0; -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .blocks:hover .blocks-add-focuser-target, .blocks:hover .blocks-add-focuser-element { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } img[class*="blocks-main-magnifier"] { max-width: initial; width: calc(100% + 10px); margin: -10px 0; } [class*="blocks-add-magnifier-description"] { width: auto; z-index: 3; opacity: 0; } .blocks:hover [class*="blocks-add-magnifier-description"] { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blocks-add-magnifier-element-bottom-right { top: auto; left: auto; bottom: -180px; right: -180px; } .blocks-add-magnifier-description-bottom-right { top: auto; right: 30px; bottom: 30px; left: auto; -webkit-transform: translate3d(20px, 20px, 0); transform: translate3d(20px, 20px, 0); } .blocks:hover img.blocks-main-magnifier-bottom-right { -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); } .blocks-add-magnifier-element-top-right { top: -180px; right: -180px; bottom: auto; left: auto; } .blocks-add-magnifier-description-top-right { top: 30px; right: 30px; bottom: auto; width: 200px; left: auto; -webkit-transform: translate3d(20px, -20px, 0); transform: translate3d(20px, -20px, 0); } .blocks:hover img.blocks-main-magnifier-top-right { -webkit-transform: translate3d(-10px, 10px, 0); transform: translate3d(-10px, 10px, 0); } img.blocks-main-magnifier-bottom-left { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .blocks-add-magnifier-element-bottom-left { top: auto; left: -180px; bottom: -180px; right: auto; } .blocks-add-magnifier-description-bottom-left { top: auto; right: auto; bottom: 30px; left: 30px; -webkit-transform: translate3d(-20px, 20px, 0); transform: translate3d(-20px, 20px, 0); } .blocks:hover img.blocks-main-magnifier-bottom-left { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } img.blocks-main-magnifier-top-left { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .blocks-add-magnifier-element-top-left { top: -180px; left: -180px; bottom: auto; right: auto; } .blocks-add-magnifier-description-top-left { top: 30px; right: auto; bottom: auto; left: 30px; -webkit-transform: translate3d(-20px, -20px, 0); transform: translate3d(-20px, -20px, 0); } .blocks:hover img.blocks-main-magnifier-top-left { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .blocks:hover .blocks-main-push-up { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .blocks-add-push-up { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .blocks:hover .blocks-main-push-down { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .blocks-add-push-down { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .blocks:hover .blocks-main-push-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .blocks-add-push-left { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .blocks:hover .blocks-main-push-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .blocks-add-push-right { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .blocks-add-slide-up { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .blocks-add-slide-down { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .blocks-add-slide-left { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .blocks-add-slide-right { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .blocks-add-slide-bottom-right { -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .blocks-add-slide-bottom-left { -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); } .blocks-add-slide-top-right { -webkit-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .blocks-add-slide-top-left { -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); } .blocks-add-partially-slide-up { top: auto; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); overflow: visible; } .blocks-add-partially-slide-up .blocks-visible { position: absolute; bottom: 0; margin-bottom: -1px; left: 0; right: 0; padding-left: inherit; padding-right: inherit; background: inherit; } .blocks-add-partially-slide-down { bottom: auto; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); overflow: visible; } .blocks-add-partially-slide-down .blocks-visible { position: absolute; top: 100%; margin-top: -1px; left: 0; right: 0; padding-left: inherit; padding-right: inherit; background: inherit; } .blocks-add-rotate-in { opacity: 1; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transform: rotate3d(0, 0, 1, 720deg) scale3d(0, 0, 0); transform: rotate3d(0, 0, 1, 720deg) scale3d(0, 0, 0); } .blocks-add-rotate-down-left { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .blocks-add-rotate-down-right { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .blocks-add-rotate-up-left { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .blocks-add-rotate-up-right { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .transpire-layer { position: relative; display: inline-block; overflow: hidden; } .transpire-layer .transpire-animation { position: absolute; top: 0; width: 100%; height: 101%; background: #f0f1f3; } .transpire-layer .transpire-animation::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: #d7d8d9; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; } .transpire-animation.transpire-primary::before { background: var(--first-color); } .transpire-animation.transpire-end.aos-animate::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .transpire-animation.transpire-bottom-end.aos-animate::before { -webkit-transform: scale(1); transform: scale(1); } .transpire-animation.transpire-end::before { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translate3d(-150%, 0, 0) skew(35deg, 0deg); transform: translate3d(-150%, 0, 0) skew(35deg, 0deg); } .transpire-animation.transpire-bottom-end::before { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: -100% -100%; -ms-transform-origin: -100% -100%; transform-origin: -100% -100%; } [data-aos="transpire-end"], [data-aos="transpire-bottom-end"] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } [data-aos="transpire-bottom-end"] { -webkit-transform: scale(1); transform: scale(1); } [data-aos="transpire-bottom-end"].aos-animate { -webkit-transform: scale(0); transform: scale(0); -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); } [data-aos="transpire-end"] { -webkit-transform: scaleX(1); transform: scaleX(1); } [data-aos="transpire-end"].aos-animate { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translate3d(150%, 0, 0) skew(-35deg, 0deg); transform: translate3d(150%, 0, 0) skew(-35deg, 0deg); } [data-aos="transpire-layer"] { visibility: hidden; -webkit-transition-property: visibility; transition-property: visibility; -webkit-transition-duration: 0s; transition-duration: 0s; } [data-aos="transpire-layer"].aos-animate { visibility: visible; } @media (min-width: 768px) { .col-md-full-right { position: absolute; width: 1000%; max-width: 50%; height: 100%; right: 0; bottom: 0; } } @media (min-width: 768px) { footer.footer-sticky { position: fixed !important; bottom: 0; left: 0; width: 100%; z-index: -1 !important; } } .preloader { background-color: #fff; position: fixed; z-index: 1190; height: 100%; width: 100%; top: 0; left: 0; } .divider { height: 1px; background: #000; display: block; width: 100%; margin: 0 auto; } .bg-dark-0_3 { position: relative; z-index: 1; } .bg-dark-0_3:before { content: " "; background: #000; opacity: 0.3; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .bg-dark-0_5 { position: relative; z-index: 1; } .bg-dark-0_5:before { content: " "; background: #000; opacity: 0.5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .bg-light-overlay-dotted { background-image: radial-gradient(#a1a2a3 10%, transparent 0), radial-gradient(#a1a2a3 10%, transparent 0); background-size: 3px 9px; background-position: 12px 9px, 0px 7px; } .bg-dark-overlay-dotted { background-image: radial-gradient(#0c0c0c 10%, transparent 0), radial-gradient(#0c0c0c 10%, transparent 0); background-size: 3px 9px; background-position: 12px 9px, 0px 7px; } .bg-primary-overlay-dotted { background-image: radial-gradient(var(--first-color) 10%, transparent 0), radial-gradient(var(--first-color) 10%, transparent 0); background-size: 3px 9px; background-position: 12px 9px, 0px 7px; } [class*="pattern-overlay-"] { position: relative; z-index: 1; } .pattern-overlay-1::after { content: ""; background: url(https://demo.mobanwang.com/mb/lo202504/202504035/html/assets/images/bg/pattern/01.png); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; } .pattern-overlay-6::after { content: ""; background: url(https://demo.mobanwang.com/mb/lo202504/202504035/html/assets/images/bg/pattern/06.png); background-position: center center; background-repeat: repeat; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; } .tiny-slider [class*="animate__"] { -webkit-animation-name: none; animation-name: none; } .tiny-slider .tns-slide-active .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .tns-outer { position: relative; } .tiny-slider .item { position: relative; } .tns-controls [data-controls] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; line-height: 50px; border-radius: 0; display: block; z-index: 9; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: rgba(255, 255, 255, 0.3); color: #fff; border: none; padding: 0; margin: 0 10px; } .tns-controls [data-controls]:hover { background-color: var(--first-color); color: #fff; } .tns-controls [data-controls] i { line-height: inherit; } .tns-controls [data-controls="prev"] { left: 0; } .tns-controls [data-controls="next"] { right: 0; } .arrow-dark [data-controls] { color: #fff; } .arrow-hover { overflow: hidden; } .arrow-hover [data-controls="prev"] { left: -60px; } .arrow-hover [data-controls="next"] { right: -60px; } .arrow-hover:hover [data-controls="prev"] { left: 0px; } .arrow-hover:hover [data-controls="next"] { right: 0px; } .tns-nav { position: absolute; top: 100%; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 40px 0 20px; z-index: 10; width: auto; text-align: center; white-space: nowrap; } .tns-nav [data-nav] { position: relative; display: inline-block; margin: 0 4px; padding: 0; width: 14px; height: 14px; border-radius: 50%; overflow: hidden; background-color: transparent; -webkit-box-shadow: inset 0 0 0 2px #a1a2a3; box-shadow: inset 0 0 0 2px #a1a2a3; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 0; } .tns-nav [data-nav]:after { border-radius: 50%; overflow: hidden; content: ""; position: absolute; bottom: 0; height: 100%; left: 0; width: 0; background-color: #a1a2a3; -webkit-box-shadow: 0 0 1px #a1a2a3; box-shadow: 0 0 1px #a1a2a3; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .tns-nav .tns-nav-active:after { width: 100%; } .dots-end .tns-nav { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0; right: 30px; left: auto; } .dots-end .tns-nav [data-nav] { display: block; margin: 6px; } .dots-white .tns-nav [data-nav] { -webkit-box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dots-white .tns-nav [data-nav]:after { background-color: #fff; -webkit-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; } .dots-animation .tns-nav [data-nav] { position: relative; height: 17px; width: 17px; -webkit-box-shadow: inset 0 0 0 2px transparent; box-shadow: inset 0 0 0 2px transparent; } .dots-animation .tns-nav [data-nav]:after { content: ""; position: absolute; top: 6px; left: 6px; height: 5px; width: 5px; opacity: 1; background: #0c0c0c; display: block; } .dots-animation .tns-nav .tns-nav-active { opacity: 1; -webkit-animation: blink-animation 1s steps(5, start) infinite; animation: blink-animation 1s steps(5, start) infinite; } .dots-white.dots-animation [data-nav]:after { background: #fff; } .dots-white.dots-animation .tns-nav-active { opacity: 1; -webkit-animation: blink-animation 1s steps(5, start) infinite; animation: blink-animation 1s steps(5, start) infinite; } .mb-30 { margin-bottom: 1.875rem; } .z-index-9 { z-index: 9; } .z-index-99 { z-index: 99; } .z-index-n9 { z-index: -9; } .text-primary-hover a { color: #a1a2a3; } .text-primary-hover a:hover { color: var(--first-color) !important; } a.text-primary-hover, button.text-primary-hover { color: #d7d8d9; } a.text-primary-hover:hover, button.text-primary-hover:hover { color: var(--first-color) !important; } .text-primary-hover li { color: #d7d8d9; } .text-primary-hover li:hover { color: var(--first-color) !important; } .bg-primary-multiply { background-color: var(--first-color); mix-blend-mode: multiply; } .bg-primary-multiply img { mix-blend-mode: multiply; } .bg-primary-end:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: var(--first-color); z-index: -1; } .font-heading { font-family: "Poppins", sans-serif !important; } .font-alt { font-family: "Dawning of a New Day", cursive !important; } .zoom-hover { -webkit-transform: scale(1); transform: scale(1); } .zoom-hover:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .top-auto { top: auto; } @media (min-width: 992px) { .position-lg-absolute { position: absolute; } } .rotate-10 { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .opacity-1 { opacity: 0.1; } .opacity-2 { opacity: 0.2; } .fill-primary { fill: var(--first-color); } footer .nav-item a span { font-size: 14px; } footer .font15 { font-size: 15px; }