.nav,
.row {
flex-wrap: wrap
}
.btn,
body {
color: #212529
}
.btn,
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
.navbar,
sub,
sup {
position: relative
}
.btn,
.nav-link,
.navbar-brand {
text-decoration: none
}
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}
*,
::after,
::before {
box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: var(--bs-font-sans-serif);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.nav,
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
.h1,
h1 {
font-size: calc(1.375rem + 1.5vw)
}
.h2,
h2 {
font-size: calc(1.325rem + .9vw)
}
.h3,
h3 {
font-size: calc(1.3rem + .6vw)
}
.h4,
h4 {
font-size: calc(1.275rem + .3vw)
}
dl,
ol,
p,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol,
ul {
padding-left: 2rem
}
.small,
small {
font-size: .875em
}
sub,
sup {
font-size: .75em;
line-height: 0;
vertical-align: baseline
}
.btn,
img,
svg {
vertical-align: middle
}
sup {
top: -.5em
}
a {
color: #0d6efd;
text-decoration: underline
}
figure {
margin: 0 0 1rem
}
table {
caption-side: bottom;
border-collapse: collapse
}
tbody,
td,
tfoot,
th,
thead,
tr {
border: 0 solid;
border-color: inherit
}
button {
border-radius: 0
}
.btn,
.nav-tabs .nav-link {
border: 1px solid transparent
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1200px) {
.h1,
h1 {
font-size: 2.5rem
}
.h2,
h2 {
font-size: 2rem
}
.h3,
h3 {
font-size: 1.75rem
}
.h4,
h4 {
font-size: 1.5rem
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-xl-0 {
gap: 0 !important
}
.gap-xl-1 {
gap: .25rem !important
}
.gap-xl-2 {
gap: .5rem !important
}
.gap-xl-3 {
gap: 1rem !important
}
.gap-xl-4 {
gap: 1.5rem !important
}
.gap-xl-5 {
gap: 3rem !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: .25rem !important
}
.mt-xl-2 {
margin-top: .5rem !important
}
.mt-xl-3 {
margin-top: 1rem !important
}
.mt-xl-4 {
margin-top: 1.5rem !important
}
.mt-xl-5 {
margin-top: 3rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: .25rem !important
}
.me-xl-2 {
margin-right: .5rem !important
}
.me-xl-3 {
margin-right: 1rem !important
}
.me-xl-4 {
margin-right: 1.5rem !important
}
.me-xl-5 {
margin-right: 3rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: .25rem !important
}
.mb-xl-2 {
margin-bottom: .5rem !important
}
.mb-xl-3 {
margin-bottom: 1rem !important
}
.mb-xl-4 {
margin-bottom: 1.5rem !important
}
.mb-xl-5 {
margin-bottom: 3rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: .25rem !important
}
.ms-xl-2 {
margin-left: .5rem !important
}
.ms-xl-3 {
margin-left: 1rem !important
}
.ms-xl-4 {
margin-left: 1.5rem !important
}
.ms-xl-5 {
margin-left: 3rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: .25rem !important
}
.pt-xl-2 {
padding-top: .5rem !important
}
.pt-xl-3 {
padding-top: 1rem !important
}
.pt-xl-4 {
padding-top: 1.5rem !important
}
.pt-xl-5 {
padding-top: 3rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: .25rem !important
}
.pe-xl-2 {
padding-right: .5rem !important
}
.pe-xl-3 {
padding-right: 1rem !important
}
.pe-xl-4 {
padding-right: 1.5rem !important
}
.pe-xl-5 {
padding-right: 3rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: .25rem !important
}
.pb-xl-2 {
padding-bottom: .5rem !important
}
.pb-xl-3 {
padding-bottom: 1rem !important
}
.pb-xl-4 {
padding-bottom: 1.5rem !important
}
.pb-xl-5 {
padding-bottom: 3rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: .25rem !important
}
.ps-xl-2 {
padding-left: .5rem !important
}
.ps-xl-3 {
padding-left: 1rem !important
}
.ps-xl-4 {
padding-left: 1.5rem !important
}
.ps-xl-5 {
padding-left: 3rem !important
}
.text-xl-start {
text-align: left !important
}
.text-xl-end {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media (min-width:1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5)
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y)
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-group-lg>.btn,
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem
}
.fade {
transition: opacity .15s linear
}
.fade:not(.show) {
opacity: 0
}
.nav {
display: flex;
padding-left: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem;
color: #0d6efd;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: 0 0;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between
}
.navbar-brand {
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
white-space: nowrap
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem;
transition: box-shadow .15s ease-in-out
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0
}
.d-flex {
display: flex !important
}
.w-100 {
width: 100% !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.align-items-center {
align-items: center !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.text-center {
text-align: center !important
}
@media (min-width:768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-md-0 {
gap: 0 !important
}
.gap-md-1 {
gap: .25rem !important
}
.gap-md-2 {
gap: .5rem !important
}
.gap-md-3 {
gap: 1rem !important
}
.gap-md-4 {
gap: 1.5rem !important
}
.gap-md-5 {
gap: 3rem !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-md-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-md-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: .25rem !important
}
.mt-md-2 {
margin-top: .5rem !important
}
.mt-md-3 {
margin-top: 1rem !important
}
.mt-md-4 {
margin-top: 1.5rem !important
}
.mt-md-5 {
margin-top: 3rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: .25rem !important
}
.me-md-2 {
margin-right: .5rem !important
}
.me-md-3 {
margin-right: 1rem !important
}
.me-md-4 {
margin-right: 1.5rem !important
}
.me-md-5 {
margin-right: 3rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: .25rem !important
}
.mb-md-2 {
margin-bottom: .5rem !important
}
.mb-md-3 {
margin-bottom: 1rem !important
}
.mb-md-4 {
margin-bottom: 1.5rem !important
}
.mb-md-5 {
margin-bottom: 3rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: .25rem !important
}
.ms-md-2 {
margin-left: .5rem !important
}
.ms-md-3 {
margin-left: 1rem !important
}
.ms-md-4 {
margin-left: 1.5rem !important
}
.ms-md-5 {
margin-left: 3rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-md-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-md-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: .25rem !important
}
.pt-md-2 {
padding-top: .5rem !important
}
.pt-md-3 {
padding-top: 1rem !important
}
.pt-md-4 {
padding-top: 1.5rem !important
}
.pt-md-5 {
padding-top: 3rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: .25rem !important
}
.pe-md-2 {
padding-right: .5rem !important
}
.pe-md-3 {
padding-right: 1rem !important
}
.pe-md-4 {
padding-right: 1.5rem !important
}
.pe-md-5 {
padding-right: 3rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: .25rem !important
}
.pb-md-2 {
padding-bottom: .5rem !important
}
.pb-md-3 {
padding-bottom: 1rem !important
}
.pb-md-4 {
padding-bottom: 1.5rem !important
}
.pb-md-5 {
padding-bottom: 3rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: .25rem !important
}
.ps-md-2 {
padding-left: .5rem !important
}
.ps-md-3 {
padding-left: 1rem !important
}
.ps-md-4 {
padding-left: 1.5rem !important
}
.ps-md-5 {
padding-left: 3rem !important
}
.text-md-start {
text-align: left !important
}
.text-md-end {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-lg-0 {
gap: 0 !important
}
.gap-lg-1 {
gap: .25rem !important
}
.gap-lg-2 {
gap: .5rem !important
}
.gap-lg-3 {
gap: 1rem !important
}
.gap-lg-4 {
gap: 1.5rem !important
}
.gap-lg-5 {
gap: 3rem !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-lg-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-lg-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: .25rem !important
}
.mt-lg-2 {
margin-top: .5rem !important
}
.mt-lg-3 {
margin-top: 1rem !important
}
.mt-lg-4 {
margin-top: 1.5rem !important
}
.mt-lg-5 {
margin-top: 3rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: .25rem !important
}
.me-lg-2 {
margin-right: .5rem !important
}
.me-lg-3 {
margin-right: 1rem !important
}
.me-lg-4 {
margin-right: 1.5rem !important
}
.me-lg-5 {
margin-right: 3rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: .25rem !important
}
.mb-lg-2 {
margin-bottom: .5rem !important
}
.mb-lg-3 {
margin-bottom: 1rem !important
}
.mb-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-lg-5 {
margin-bottom: 3rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: .25rem !important
}
.ms-lg-2 {
margin-left: .5rem !important
}
.ms-lg-3 {
margin-left: 1rem !important
}
.ms-lg-4 {
margin-left: 1.5rem !important
}
.ms-lg-5 {
margin-left: 3rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-lg-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-lg-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: .25rem !important
}
.pt-lg-2 {
padding-top: .5rem !important
}
.pt-lg-3 {
padding-top: 1rem !important
}
.pt-lg-4 {
padding-top: 1.5rem !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: .25rem !important
}
.pe-lg-2 {
padding-right: .5rem !important
}
.pe-lg-3 {
padding-right: 1rem !important
}
.pe-lg-4 {
padding-right: 1.5rem !important
}
.pe-lg-5 {
padding-right: 3rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: .25rem !important
}
.pb-lg-2 {
padding-bottom: .5rem !important
}
.pb-lg-3 {
padding-bottom: 1rem !important
}
.pb-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-lg-5 {
padding-bottom: 3rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: .25rem !important
}
.ps-lg-2 {
padding-left: .5rem !important
}
.ps-lg-3 {
padding-left: 1rem !important
}
.ps-lg-4 {
padding-left: 1.5rem !important
}
.ps-lg-5 {
padding-left: 3rem !important
}
.text-lg-start {
text-align: left !important
}
.text-lg-end {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@charset "UTF-8";
/*!
* Bootstrap v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}
*,
::after,
::before {
box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: var(--bs-font-sans-serif);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .25
}
hr:not([size]) {
height: 1px
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1,
h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
.h1,
h1 {
font-size: 2.5rem
}
}
.h2,
h2 {
font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
.h2,
h2 {
font-size: 2rem
}
}
.h3,
h3 {
font-size: calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
.h3,
h3 {
font-size: 1.75rem
}
}
.h4,
h4 {
font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
.h4,
h4 {
font-size: 1.5rem
}
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-bs-original-title],
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
.small,
small {
font-size: .875em
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3
}
sub,
sup {
position: relative;
font-size: .75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #0d6efd;
text-decoration: underline
}
a:hover {
color: #0a58ca
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr;
unicode-bidi: bidi-override
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: .875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: .875em;
color: #d63384;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: .875em;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: #6c757d;
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]::-webkit-calendar-picker-indicator {
display: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: calc(1.275rem + .3vw);
line-height: inherit
}
@media (min-width:1200px) {
legend {
font-size: 1.5rem
}
}
legend+* {
clear: left
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::file-selector-button {
font: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none !important
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-1 {
font-size: 5rem
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-2 {
font-size: 4.5rem
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-3 {
font-size: 4rem
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-4 {
font-size: 3.5rem
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-5 {
font-size: 3rem
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-6 {
font-size: 2.5rem
}
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: .875em;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote>:last-child {
margin-bottom: 0
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: .875em;
color: #6c757d
}
.blockquote-footer::before {
content: "— "
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: .875em;
color: #6c757d
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
@media (min-width:1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5)
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
@media (min-width:576px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media (min-width:768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media (min-width:992px) {
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media (min-width:1200px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media (min-width:1400px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media (min-width:576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1400px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.33333333%
}
.offset-xxl-2 {
margin-left: 16.66666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.33333333%
}
.offset-xxl-5 {
margin-left: 41.66666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.33333333%
}
.offset-xxl-8 {
margin-left: 66.66666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.33333333%
}
.offset-xxl-11 {
margin-left: 91.66666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem
}
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6
}
.table>:not(caption)>*>* {
padding: .5rem .5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}
.table>tbody {
vertical-align: inherit
}
.table>thead {
vertical-align: bottom
}
.table>:not(:last-child)>:last-child>* {
border-bottom-color: currentColor
}
.caption-top {
caption-side: top
}
.table-sm>:not(caption)>*>* {
padding: .25rem .25rem
}
.table-bordered>:not(caption)>* {
border-width: 1px 0
}
.table-bordered>:not(caption)>*>* {
border-width: 0 1px
}
.table-borderless>:not(caption)>*>* {
border-bottom-width: 0
}
.table-striped>tbody>tr:nth-of-type(odd) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color)
}
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color)
}
.table-hover>tbody>tr:hover {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color)
}
.table-primary {
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: #000;
border-color: #bacbe6
}
.table-secondary {
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: #000;
border-color: #cbccce
}
.table-success {
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: #000;
border-color: #bcd0c7
}
.table-info {
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: #000;
border-color: #badce3
}
.table-warning {
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: #000;
border-color: #e6dbb9
}
.table-danger {
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfc2c4
}
.table-light {
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfe0e1
}
.table-dark {
--bs-table-bg: #212529;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
@media (max-width:575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
.form-label {
margin-bottom: .5rem
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem
}
.form-text {
margin-top: .25rem;
font-size: .875em;
color: #6c757d
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control[type=file] {
overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-control::-webkit-date-and-time-value {
height: 1.5em
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
.form-control::file-selector-button {
padding: .375rem .75rem;
margin: -.375rem -.75rem;
-webkit-margin-end: .75rem;
margin-inline-end: .75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control::file-selector-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3
}
.form-control::-webkit-file-upload-button {
padding: .375rem .75rem;
margin: -.375rem -.75rem;
-webkit-margin-end: .75rem;
margin-inline-end: .75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
min-height: calc(1.5em + (.5rem + 2px));
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem
}
.form-control-sm::file-selector-button {
padding: .25rem .5rem;
margin: -.25rem -.5rem;
-webkit-margin-end: .5rem;
margin-inline-end: .5rem
}
.form-control-sm::-webkit-file-upload-button {
padding: .25rem .5rem;
margin: -.25rem -.5rem;
-webkit-margin-end: .5rem;
margin-inline-end: .5rem
}
.form-control-lg {
min-height: calc(1.5em + (1rem + 2px));
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem
}
.form-control-lg::file-selector-button {
padding: .5rem 1rem;
margin: -.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem
}
.form-control-lg::-webkit-file-upload-button {
padding: .5rem 1rem;
margin: -.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem
}
textarea.form-control {
min-height: calc(1.5em + (.75rem + 2px))
}
textarea.form-control-sm {
min-height: calc(1.5em + (.5rem + 2px))
}
textarea.form-control-lg {
min-height: calc(1.5em + (1rem + 2px))
}
.form-control-color {
max-width: 3rem;
height: auto;
padding: .375rem
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control-color::-moz-color-swatch {
height: 1.5em;
border-radius: .25rem
}
.form-control-color::-webkit-color-swatch {
height: 1.5em;
border-radius: .25rem
}
.form-select {
display: block;
width: 100%;
padding: .375rem 2.25rem .375rem .75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.form-select {
transition: none
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
padding-right: .75rem;
background-image: none
}
.form-select:disabled {
background-color: #e9ecef
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #212529
}
.form-select-sm {
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.form-select-lg {
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: .125rem
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em
}
.form-check-input {
width: 1em;
height: 1em;
margin-top: .25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, .25);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact
}
.form-check-input[type=checkbox] {
border-radius: .25em
}
.form-check-input[type=radio] {
border-radius: 50%
}
.form-check-input:active {
filter: brightness(90%)
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: .5
}
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
opacity: .5
}
.form-switch {
padding-left: 2.5em
}
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-switch .form-check-input {
transition: none
}
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}
.form-check-inline {
display: inline-block;
margin-right: 1rem
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
pointer-events: none;
filter: none;
opacity: .65
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-range:focus {
outline: 0
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range::-moz-focus-outer {
border: 0
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe
}
.form-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.form-range:disabled {
pointer-events: none
}
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.form-floating {
position: relative
}
.form-floating>.form-control,
.form-floating>.form-select {
height: calc(3.5rem + 2px);
line-height: 1.25
}
.form-floating>label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1rem .75rem;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity .1s ease-in-out, transform .1s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-floating>label {
transition: none
}
}
.form-floating>.form-control {
padding: 1rem .75rem
}
.form-floating>.form-control::-moz-placeholder {
color: transparent
}
.form-floating>.form-control::placeholder {
color: transparent
}
.form-floating>.form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-select {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
opacity: .65;
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
opacity: .65;
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control:-webkit-autofill~label {
opacity: .65;
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.input-group>.form-control,
.input-group>.form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0
}
.input-group>.form-control:focus,
.input-group>.form-select:focus {
z-index: 3
}
.input-group .btn {
position: relative;
z-index: 2
}
.input-group .btn:focus {
z-index: 3
}
.input-group-text {
display: flex;
align-items: center;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem
}
.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem
}
.input-group-lg>.form-select,
.input-group-sm>.form-select {
padding-right: 3rem
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: #198754
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
color: #fff;
background-color: rgba(25, 135, 84, .9);
border-radius: .25rem
}
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
display: block
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: #198754;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: #198754;
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.form-select.is-valid,
.was-validated .form-select:valid {
border-color: #198754
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
border-color: #198754;
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
border-color: #198754
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
background-color: #198754
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
color: #198754
}
.form-check-inline .form-check-input~.valid-feedback {
margin-left: .5em
}
.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
z-index: 1
}
.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
z-index: 3
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
color: #fff;
background-color: rgba(220, 53, 69, .9);
border-radius: .25rem
}
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
display: block
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
border-color: #dc3545
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
border-color: #dc3545
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
background-color: #dc3545
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
color: #dc3545
}
.form-check-inline .form-check-input~.invalid-feedback {
margin-left: .5em
}
.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
z-index: 2
}
.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
z-index: 3
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529
}
.btn-check:focus+.btn,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
pointer-events: none;
opacity: .65
}
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-primary:hover {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca
}
.btn-check:focus+.btn-primary,
.btn-primary:focus {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}
.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0a58ca;
border-color: #0a53be
}
.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64
}
.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}
.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #565e64;
border-color: #51585e
}
.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-success {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-success:hover {
color: #fff;
background-color: #157347;
border-color: #146c43
}
.btn-check:focus+.btn-success,
.btn-success:focus {
color: #fff;
background-color: #157347;
border-color: #146c43;
box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}
.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #146c43;
border-color: #13653f
}
.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-info {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-info:hover {
color: #000;
background-color: #31d2f2;
border-color: #25cff2
}
.btn-check:focus+.btn-info,
.btn-info:focus {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
color: #000;
background-color: #3dd5f3;
border-color: #25cff2
}
.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-info.disabled,
.btn-info:disabled {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720
}
.btn-check:focus+.btn-warning,
.btn-warning:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720
}
.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37
}
.btn-check:focus+.btn-danger,
.btn-danger:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834
}
.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:focus+.btn-light,
.btn-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-light.disabled,
.btn-light:disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-dark {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-dark:hover {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21
}
.btn-check:focus+.btn-dark,
.btn-dark:focus {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1a1e21;
border-color: #191c1f
}
.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-outline-primary {
color: #0d6efd;
border-color: #0d6efd
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}
.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #0d6efd;
background-color: transparent
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}
.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-success {
color: #198754;
border-color: #198754
}
.btn-outline-success:hover {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}
.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #198754;
background-color: transparent
}
.btn-outline-info {
color: #0dcaf0;
border-color: #0dcaf0
}
.btn-outline-info:hover {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}
.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #0dcaf0;
background-color: transparent
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-dark {
color: #212529;
border-color: #212529
}
.btn-outline-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}
.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #212529;
background-color: transparent
}
.btn-link {
font-weight: 400;
color: #0d6efd;
text-decoration: underline
}
.btn-link:hover {
color: #0a58ca
}
.btn-link.disabled,
.btn-link:disabled {
color: #6c757d
}
.btn-group-lg>.btn,
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem
}
.btn-group-sm>.btn,
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown,
.dropend,
.dropstart,
.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 10rem;
padding: .5rem 0;
margin: 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: .125rem
}
.dropdown-menu-start {
--bs-position: start
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-end {
--bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-start {
--bs-position: start
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-sm-end {
--bs-position: end
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-start {
--bs-position: start
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-md-end {
--bs-position: end
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-start {
--bs-position: start
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-lg-end {
--bs-position: end
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-start {
--bs-position: start
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xl-end {
--bs-position: end
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:1400px) {
.dropdown-menu-xxl-start {
--bs-position: start
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xxl-end {
--bs-position: end
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-toggle::after {
vertical-align: 0
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropstart .dropdown-toggle::after {
display: none
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0
}
.dropstart .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, .15)
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #1e2125;
background-color: #e9ecef
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0d6efd
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1rem;
color: #212529
}
.dropdown-menu-dark {
color: #dee2e6;
background-color: #343a40;
border-color: rgba(0, 0, 0, .15)
}
.dropdown-menu-dark .dropdown-item {
color: #dee2e6
}
.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
color: #fff;
background-color: rgba(255, 255, 255, .15)
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
color: #fff;
background-color: #0d6efd
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
color: #adb5bd
}
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(0, 0, 0, .15)
}
.dropdown-menu-dark .dropdown-item-text {
color: #dee2e6
}
.dropdown-menu-dark .dropdown-header {
color: #adb5bd
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
flex: 1 1 auto
}
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
z-index: 1
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem;
color: #0d6efd;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.nav-link {
transition: none
}
}
.nav-link:focus,
.nav-link:hover {
color: #0a58ca
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: 0 0;
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6;
isolation: isolate
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #0d6efd
}
.nav-fill .nav-item,
.nav-fill>.nav-link {
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,
.nav-justified>.nav-link {
flex-basis: 0;
flex-grow: 1;
text-align: center
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between
}
.navbar-brand {
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 2.25rem;
text-decoration: none;
white-space: nowrap
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static
}
.navbar-text {
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem;
transition: box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.navbar-toggler {
transition: none
}
}
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 .25rem
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto
}
@media (min-width:576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (min-width:768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (min-width:992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
@media (min-width:1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xxl .navbar-toggler {
display: none
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand .navbar-nav {
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .55)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .55);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .55)
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .55)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .55);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .55)
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem
}
.card-title {
margin-bottom: .5rem
}
.card-subtitle {
margin-top: -.25rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1rem
}
.card-header {
padding: .5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding: .5rem 1rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right: -.5rem;
margin-bottom: -.5rem;
margin-left: -.5rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -.5rem;
margin-left: -.5rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom,
.card-img-top {
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-group>.card {
margin-bottom: .75rem
}
@media (min-width:576px) {
.card-group {
display: flex;
flex-flow: row wrap
}
.card-group>.card {
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,
.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,
.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,
.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,
.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
color: #0c63e4;
background-color: #e7f1ff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%230c63e4%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
transform: rotate(-180deg)
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.accordion-button::after {
transition: none
}
}
.accordion-button:hover {
z-index: 2
}
.accordion-button:focus {
z-index: 3;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.accordion-header {
margin-bottom: 0
}
.accordion-item {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.accordion-item:first-of-type {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.accordion-item:not(:first-of-type) {
border-top: 0
}
.accordion-item:last-of-type {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.accordion-body {
padding: 1rem 1.25rem
}
.accordion-flush .accordion-collapse {
border-width: 0
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.accordion-flush .accordion-item:first-child {
border-top: 0
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button {
border-radius: 0
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: .5rem;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/")
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: flex;
padding-left: 0;
list-style: none
}
.page-link {
position: relative;
display: block;
color: #0d6efd;
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.page-link {
transition: none
}
}
.page-link:hover {
z-index: 2;
color: #0a58ca;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
color: #0a58ca;
background-color: #e9ecef;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.page-item:not(:first-child) .page-link {
margin-left: -1px
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6
}
.page-link {
padding: .375rem .75rem
}
.page-item:first-child .page-link {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .35em .65em;
font-size: .75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 3rem
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem
}
.alert-primary {
color: #084298;
background-color: #cfe2ff;
border-color: #b6d4fe
}
.alert-primary .alert-link {
color: #06357a
}
.alert-secondary {
color: #41464b;
background-color: #e2e3e5;
border-color: #d3d6d8
}
.alert-secondary .alert-link {
color: #34383c
}
.alert-success {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc
}
.alert-success .alert-link {
color: #0c4128
}
.alert-info {
color: #055160;
background-color: #cff4fc;
border-color: #b6effb
}
.alert-info .alert-link {
color: #04414d
}
.alert-warning {
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5
}
.alert-warning .alert-link {
color: #523e02
}
.alert-danger {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7
}
.alert-danger .alert-link {
color: #6a1a21
}
.alert-light {
color: #636464;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light .alert-link {
color: #4f5050
}
.alert-dark {
color: #141619;
background-color: #d3d3d4;
border-color: #bcbebf
}
.alert-dark .alert-link {
color: #101214
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position-x: 1rem
}
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0d6efd;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: .25rem
}
.list-group-numbered {
list-style-type: none;
counter-reset: section
}
.list-group-numbered>li::before {
content: counters(section, ".") ". ";
counter-increment: section
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .5rem 1rem;
color: #212529;
text-decoration: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:1400px) {
.list-group-horizontal-xxl {
flex-direction: row
}
.list-group-horizontal-xxl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xxl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xxl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #084298;
background-color: #cfe2ff
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
color: #084298;
background-color: #bacbe6
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #084298;
border-color: #084298
}
.list-group-item-secondary {
color: #41464b;
background-color: #e2e3e5
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
color: #41464b;
background-color: #cbccce
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #41464b;
border-color: #41464b
}
.list-group-item-success {
color: #0f5132;
background-color: #d1e7dd
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
color: #0f5132;
background-color: #bcd0c7
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #0f5132;
border-color: #0f5132
}
.list-group-item-info {
color: #055160;
background-color: #cff4fc
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
color: #055160;
background-color: #badce3
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #055160;
border-color: #055160
}
.list-group-item-warning {
color: #664d03;
background-color: #fff3cd
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
color: #664d03;
background-color: #e6dbb9
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #664d03;
border-color: #664d03
}
.list-group-item-danger {
color: #842029;
background-color: #f8d7da
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
color: #842029;
background-color: #dfc2c4
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #842029;
border-color: #842029
}
.list-group-item-light {
color: #636464;
background-color: #fefefe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
color: #636464;
background-color: #e5e5e5
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #636464;
border-color: #636464
}
.list-group-item-dark {
color: #141619;
background-color: #d3d3d4
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
color: #141619;
background-color: #bebebf
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #141619;
border-color: #141619
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: .25rem;
opacity: .5
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: .75
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
opacity: 1
}
.btn-close.disabled,
.btn-close:disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: .25
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%)
}
.toast {
width: 350px;
max-width: 100%;
font-size: .875rem;
pointer-events: auto;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
border-radius: .25rem
}
.toast:not(.showing):not(.show) {
opacity: 0
}
.toast.hide {
display: none
}
.toast-container {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none
}
.toast-container>:not(:last-child) {
margin-bottom: .75rem
}
.toast-header {
display: flex;
align-items: center;
padding: .5rem .75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, .05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.toast-header .btn-close {
margin-right: -.375rem;
margin-left: .75rem
}
.toast-body {
padding: .75rem;
word-wrap: break-word
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
transform: none
}
.modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.modal-dialog-scrollable {
height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .btn-close {
padding: .5rem .5rem;
margin: -.5rem -.5rem -.5rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin: .25rem
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
height: calc(100% - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen .modal-header {
border-radius: 0
}
.modal-fullscreen .modal-body {
overflow-y: auto
}
.modal-fullscreen .modal-footer {
border-radius: 0
}
@media (max-width:575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-sm-down .modal-header {
border-radius: 0
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0
}
}
@media (max-width:767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-md-down .modal-header {
border-radius: 0
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-md-down .modal-footer {
border-radius: 0
}
}
@media (max-width:991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-lg-down .modal-header {
border-radius: 0
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0
}
}
@media (max-width:1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xl-down .modal-header {
border-radius: 0
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0
}
}
@media (max-width:1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-header {
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0
}
}
.tooltip {
position: absolute;
z-index: 1080;
display: block;
margin: 0;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .tooltip-arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
bottom: 0
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
top: -1px;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-end {
padding: 0 .4rem
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
right: -1px;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
top: 0
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
bottom: -1px;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[data-popper-placement^=left],
.bs-tooltip-start {
padding: 0 .4rem
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
left: -1px;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1070;
display: block;
max-width: 276px;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem
}
.popover .popover-arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
left: calc(-.5rem - 1px);
width: .5rem;
height: 1rem
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
top: calc(-.5rem - 1px)
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f0f0f0
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
right: calc(-.5rem - 1px);
width: .5rem;
height: 1rem
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem 1rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f0f0f0;
border-bottom: 1px solid rgba(0, 0, 0, .2);
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: 1rem 1rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
transform: translateX(100%)
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
transition: none
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,
.carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z%27/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators [data-bs-target] {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
filter: invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000
}
.carousel-dark .carousel-caption {
color: #000
}
@-webkit-keyframes spinner-border {
to {
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: .75s linear infinite spinner-border;
animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
transform: scale(0)
}
50% {
opacity: 1;
transform: none
}
}
@keyframes spinner-grow {
0% {
transform: scale(0)
}
50% {
opacity: 1;
transform: none
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: .75s linear infinite spinner-grow;
animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,
.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: 1050;
display: flex;
flex-direction: column;
max-width: 100%;
visibility: hidden;
background-color: #fff;
background-clip: padding-box;
outline: 0;
transition: transform .3s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.offcanvas {
transition: none
}
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem
}
.offcanvas-header .btn-close {
padding: .5rem .5rem;
margin-top: -.5rem;
margin-right: -.5rem;
margin-bottom: -.5rem
}
.offcanvas-title {
margin-bottom: 0;
line-height: 1.5
}
.offcanvas-body {
flex-grow: 1;
padding: 1rem 1rem;
overflow-y: auto
}
.offcanvas-start {
top: 0;
left: 0;
width: 400px;
border-right: 1px solid rgba(0, 0, 0, .2);
transform: translateX(-100%)
}
.offcanvas-end {
top: 0;
right: 0;
width: 400px;
border-left: 1px solid rgba(0, 0, 0, .2);
transform: translateX(100%)
}
.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .2);
transform: translateY(-100%)
}
.offcanvas-bottom {
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-top: 1px solid rgba(0, 0, 0, .2);
transform: translateY(100%)
}
.offcanvas.show {
transform: none
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.link-primary {
color: #0d6efd
}
.link-primary:focus,
.link-primary:hover {
color: #0a58ca
}
.link-secondary {
color: #6c757d
}
.link-secondary:focus,
.link-secondary:hover {
color: #565e64
}
.link-success {
color: #198754
}
.link-success:focus,
.link-success:hover {
color: #146c43
}
.link-info {
color: #0dcaf0
}
.link-info:focus,
.link-info:hover {
color: #3dd5f3
}
.link-warning {
color: #ffc107
}
.link-warning:focus,
.link-warning:hover {
color: #ffcd39
}
.link-danger {
color: #dc3545
}
.link-danger:focus,
.link-danger:hover {
color: #b02a37
}
.link-light {
color: #f8f9fa
}
.link-light:focus,
.link-light:hover {
color: #f9fafb
}
.link-dark {
color: #212529
}
.link-dark:focus,
.link-dark:hover {
color: #1a1e21
}
.ratio {
position: relative;
width: 100%
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""
}
.ratio>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ratio-1x1 {
--bs-aspect-ratio: 100%
}
.ratio-4x3 {
--bs-aspect-ratio: calc(3 / 4 * 100%)
}
.ratio-16x9 {
--bs-aspect-ratio: calc(9 / 16 * 100%)
}
.ratio-21x9 {
--bs-aspect-ratio: calc(9 / 21 * 100%)
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
@media (min-width:576px) {
.sticky-sm-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
@media (min-width:768px) {
.sticky-md-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
@media (min-width:992px) {
.sticky-lg-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
@media (min-width:1200px) {
.sticky-xl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
@media (min-width:1400px) {
.sticky-xxl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ""
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.float-start {
float: left !important
}
.float-end {
float: right !important
}
.float-none {
float: none !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-visible {
overflow: visible !important
}
.overflow-scroll {
overflow: scroll !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
box-shadow: none !important
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.top-0 {
top: 0 !important
}
.top-50 {
top: 50% !important
}
.top-100 {
top: 100% !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-50 {
bottom: 50% !important
}
.bottom-100 {
bottom: 100% !important
}
.start-0 {
left: 0 !important
}
.start-50 {
left: 50% !important
}
.start-100 {
left: 100% !important
}
.end-0 {
right: 0 !important
}
.end-50 {
right: 50% !important
}
.end-100 {
right: 100% !important
}
.translate-middle {
transform: translate(-50%, -50%) !important
}
.translate-middle-x {
transform: translateX(-50%) !important
}
.translate-middle-y {
transform: translateY(-50%) !important
}
.border {
border: 1px solid #dee2e6 !important
}
.border-0 {
border: 0 !important
}
.border-top {
border-top: 1px solid #dee2e6 !important
}
.border-top-0 {
border-top: 0 !important
}
.border-end {
border-right: 1px solid #dee2e6 !important
}
.border-end-0 {
border-right: 0 !important
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-start {
border-left: 1px solid #dee2e6 !important
}
.border-start-0 {
border-left: 0 !important
}
.border-primary {
border-color: #0d6efd !important
}
.border-secondary {
border-color: #6c757d !important
}
.border-success {
border-color: #198754 !important
}
.border-info {
border-color: #0dcaf0 !important
}
.border-warning {
border-color: #ffc107 !important
}
.border-danger {
border-color: #dc3545 !important
}
.border-light {
border-color: #f8f9fa !important
}
.border-dark {
border-color: #212529 !important
}
.border-white {
border-color: #fff !important
}
.border-1 {
border-width: 1px !important
}
.border-2 {
border-width: 2px !important
}
.border-3 {
border-width: 3px !important
}
.border-4 {
border-width: 4px !important
}
.border-5 {
border-width: 5px !important
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.mw-100 {
max-width: 100% !important
}
.vw-100 {
width: 100vw !important
}
.min-vw-100 {
min-width: 100vw !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mh-100 {
max-height: 100% !important
}
.vh-100 {
height: 100vh !important
}
.min-vh-100 {
min-height: 100vh !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-0 {
gap: 0 !important
}
.gap-1 {
gap: .25rem !important
}
.gap-2 {
gap: .5rem !important
}
.gap-3 {
gap: 1rem !important
}
.gap-4 {
gap: 1.5rem !important
}
.gap-5 {
gap: 3rem !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
.font-monospace {
font-family: var(--bs-font-monospace) !important
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important
}
.fs-2 {
font-size: calc(1.325rem + .9vw) !important
}
.fs-3 {
font-size: calc(1.3rem + .6vw) !important
}
.fs-4 {
font-size: calc(1.275rem + .3vw) !important
}
.fs-5 {
font-size: 1.25rem !important
}
.fs-6 {
font-size: 1rem !important
}
.fst-italic {
font-style: italic !important
}
.fst-normal {
font-style: normal !important
}
.fw-light {
font-weight: 300 !important
}
.fw-lighter {
font-weight: lighter !important
}
.fw-normal {
font-weight: 400 !important
}
.fw-bold {
font-weight: 700 !important
}
.fw-bolder {
font-weight: bolder !important
}
.lh-1 {
line-height: 1 !important
}
.lh-sm {
line-height: 1.25 !important
}
.lh-base {
line-height: 1.5 !important
}
.lh-lg {
line-height: 2 !important
}
.text-start {
text-align: left !important
}
.text-end {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-decoration-none {
text-decoration: none !important
}
.text-decoration-underline {
text-decoration: underline !important
}
.text-decoration-line-through {
text-decoration: line-through !important
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-break {
word-wrap: break-word !important;
word-break: break-word !important
}
.text-primary {
color: #0d6efd !important
}
.text-secondary {
color: #6c757d !important
}
.text-success {
color: #198754 !important
}
.text-info {
color: #0dcaf0 !important
}
.text-warning {
color: #ffc107 !important
}
.text-danger {
color: #dc3545 !important
}
.text-light {
color: #f8f9fa !important
}
.text-dark {
color: #212529 !important
}
.text-white {
color: #fff !important
}
.text-body {
color: #212529 !important
}
.text-muted {
color: #6c757d !important
}
.text-black-50 {
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
color: rgba(255, 255, 255, .5) !important
}
.text-reset {
color: inherit !important
}
.bg-primary {
background-color: #0d6efd !important
}
.bg-secondary {
background-color: #6c757d !important
}
.bg-success {
background-color: #198754 !important
}
.bg-info {
background-color: #0dcaf0 !important
}
.bg-warning {
background-color: #ffc107 !important
}
.bg-danger {
background-color: #dc3545 !important
}
.bg-light {
background-color: #f8f9fa !important
}
.bg-dark {
background-color: #212529 !important
}
.bg-body {
background-color: #fff !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: transparent !important
}
.bg-gradient {
background-image: var(--bs-gradient) !important
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important
}
.pe-none {
pointer-events: none !important
}
.pe-auto {
pointer-events: auto !important
}
.rounded {
border-radius: .25rem !important
}
.rounded-0 {
border-radius: 0 !important
}
.rounded-1 {
border-radius: .2rem !important
}
.rounded-2 {
border-radius: .25rem !important
}
.rounded-3 {
border-radius: .3rem !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: 50rem !important
}
.rounded-top {
border-top-left-radius: .25rem !important;
border-top-right-radius: .25rem !important
}
.rounded-end {
border-top-right-radius: .25rem !important;
border-bottom-right-radius: .25rem !important
}
.rounded-bottom {
border-bottom-right-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-start {
border-bottom-left-radius: .25rem !important;
border-top-left-radius: .25rem !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media (min-width:576px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-grid {
display: grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-sm-0 {
gap: 0 !important
}
.gap-sm-1 {
gap: .25rem !important
}
.gap-sm-2 {
gap: .5rem !important
}
.gap-sm-3 {
gap: 1rem !important
}
.gap-sm-4 {
gap: 1.5rem !important
}
.gap-sm-5 {
gap: 3rem !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-sm-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-sm-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: .25rem !important
}
.mt-sm-2 {
margin-top: .5rem !important
}
.mt-sm-3 {
margin-top: 1rem !important
}
.mt-sm-4 {
margin-top: 1.5rem !important
}
.mt-sm-5 {
margin-top: 3rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: .25rem !important
}
.me-sm-2 {
margin-right: .5rem !important
}
.me-sm-3 {
margin-right: 1rem !important
}
.me-sm-4 {
margin-right: 1.5rem !important
}
.me-sm-5 {
margin-right: 3rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: .25rem !important
}
.mb-sm-2 {
margin-bottom: .5rem !important
}
.mb-sm-3 {
margin-bottom: 1rem !important
}
.mb-sm-4 {
margin-bottom: 1.5rem !important
}
.mb-sm-5 {
margin-bottom: 3rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: .25rem !important
}
.ms-sm-2 {
margin-left: .5rem !important
}
.ms-sm-3 {
margin-left: 1rem !important
}
.ms-sm-4 {
margin-left: 1.5rem !important
}
.ms-sm-5 {
margin-left: 3rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-sm-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-sm-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: .25rem !important
}
.pt-sm-2 {
padding-top: .5rem !important
}
.pt-sm-3 {
padding-top: 1rem !important
}
.pt-sm-4 {
padding-top: 1.5rem !important
}
.pt-sm-5 {
padding-top: 3rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: .25rem !important
}
.pe-sm-2 {
padding-right: .5rem !important
}
.pe-sm-3 {
padding-right: 1rem !important
}
.pe-sm-4 {
padding-right: 1.5rem !important
}
.pe-sm-5 {
padding-right: 3rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: .25rem !important
}
.pb-sm-2 {
padding-bottom: .5rem !important
}
.pb-sm-3 {
padding-bottom: 1rem !important
}
.pb-sm-4 {
padding-bottom: 1.5rem !important
}
.pb-sm-5 {
padding-bottom: 3rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: .25rem !important
}
.ps-sm-2 {
padding-left: .5rem !important
}
.ps-sm-3 {
padding-left: 1rem !important
}
.ps-sm-4 {
padding-left: 1.5rem !important
}
.ps-sm-5 {
padding-left: 3rem !important
}
.text-sm-start {
text-align: left !important
}
.text-sm-end {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-md-0 {
gap: 0 !important
}
.gap-md-1 {
gap: .25rem !important
}
.gap-md-2 {
gap: .5rem !important
}
.gap-md-3 {
gap: 1rem !important
}
.gap-md-4 {
gap: 1.5rem !important
}
.gap-md-5 {
gap: 3rem !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-md-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-md-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: .25rem !important
}
.mt-md-2 {
margin-top: .5rem !important
}
.mt-md-3 {
margin-top: 1rem !important
}
.mt-md-4 {
margin-top: 1.5rem !important
}
.mt-md-5 {
margin-top: 3rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: .25rem !important
}
.me-md-2 {
margin-right: .5rem !important
}
.me-md-3 {
margin-right: 1rem !important
}
.me-md-4 {
margin-right: 1.5rem !important
}
.me-md-5 {
margin-right: 3rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: .25rem !important
}
.mb-md-2 {
margin-bottom: .5rem !important
}
.mb-md-3 {
margin-bottom: 1rem !important
}
.mb-md-4 {
margin-bottom: 1.5rem !important
}
.mb-md-5 {
margin-bottom: 3rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: .25rem !important
}
.ms-md-2 {
margin-left: .5rem !important
}
.ms-md-3 {
margin-left: 1rem !important
}
.ms-md-4 {
margin-left: 1.5rem !important
}
.ms-md-5 {
margin-left: 3rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-md-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-md-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: .25rem !important
}
.pt-md-2 {
padding-top: .5rem !important
}
.pt-md-3 {
padding-top: 1rem !important
}
.pt-md-4 {
padding-top: 1.5rem !important
}
.pt-md-5 {
padding-top: 3rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: .25rem !important
}
.pe-md-2 {
padding-right: .5rem !important
}
.pe-md-3 {
padding-right: 1rem !important
}
.pe-md-4 {
padding-right: 1.5rem !important
}
.pe-md-5 {
padding-right: 3rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: .25rem !important
}
.pb-md-2 {
padding-bottom: .5rem !important
}
.pb-md-3 {
padding-bottom: 1rem !important
}
.pb-md-4 {
padding-bottom: 1.5rem !important
}
.pb-md-5 {
padding-bottom: 3rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: .25rem !important
}
.ps-md-2 {
padding-left: .5rem !important
}
.ps-md-3 {
padding-left: 1rem !important
}
.ps-md-4 {
padding-left: 1.5rem !important
}
.ps-md-5 {
padding-left: 3rem !important
}
.text-md-start {
text-align: left !important
}
.text-md-end {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-lg-0 {
gap: 0 !important
}
.gap-lg-1 {
gap: .25rem !important
}
.gap-lg-2 {
gap: .5rem !important
}
.gap-lg-3 {
gap: 1rem !important
}
.gap-lg-4 {
gap: 1.5rem !important
}
.gap-lg-5 {
gap: 3rem !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-lg-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-lg-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: .25rem !important
}
.mt-lg-2 {
margin-top: .5rem !important
}
.mt-lg-3 {
margin-top: 1rem !important
}
.mt-lg-4 {
margin-top: 1.5rem !important
}
.mt-lg-5 {
margin-top: 3rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: .25rem !important
}
.me-lg-2 {
margin-right: .5rem !important
}
.me-lg-3 {
margin-right: 1rem !important
}
.me-lg-4 {
margin-right: 1.5rem !important
}
.me-lg-5 {
margin-right: 3rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: .25rem !important
}
.mb-lg-2 {
margin-bottom: .5rem !important
}
.mb-lg-3 {
margin-bottom: 1rem !important
}
.mb-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-lg-5 {
margin-bottom: 3rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: .25rem !important
}
.ms-lg-2 {
margin-left: .5rem !important
}
.ms-lg-3 {
margin-left: 1rem !important
}
.ms-lg-4 {
margin-left: 1.5rem !important
}
.ms-lg-5 {
margin-left: 3rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-lg-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-lg-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: .25rem !important
}
.pt-lg-2 {
padding-top: .5rem !important
}
.pt-lg-3 {
padding-top: 1rem !important
}
.pt-lg-4 {
padding-top: 1.5rem !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: .25rem !important
}
.pe-lg-2 {
padding-right: .5rem !important
}
.pe-lg-3 {
padding-right: 1rem !important
}
.pe-lg-4 {
padding-right: 1.5rem !important
}
.pe-lg-5 {
padding-right: 3rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: .25rem !important
}
.pb-lg-2 {
padding-bottom: .5rem !important
}
.pb-lg-3 {
padding-bottom: 1rem !important
}
.pb-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-lg-5 {
padding-bottom: 3rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: .25rem !important
}
.ps-lg-2 {
padding-left: .5rem !important
}
.ps-lg-3 {
padding-left: 1rem !important
}
.ps-lg-4 {
padding-left: 1.5rem !important
}
.ps-lg-5 {
padding-left: 3rem !important
}
.text-lg-start {
text-align: left !important
}
.text-lg-end {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-xl-0 {
gap: 0 !important
}
.gap-xl-1 {
gap: .25rem !important
}
.gap-xl-2 {
gap: .5rem !important
}
.gap-xl-3 {
gap: 1rem !important
}
.gap-xl-4 {
gap: 1.5rem !important
}
.gap-xl-5 {
gap: 3rem !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: .25rem !important
}
.mt-xl-2 {
margin-top: .5rem !important
}
.mt-xl-3 {
margin-top: 1rem !important
}
.mt-xl-4 {
margin-top: 1.5rem !important
}
.mt-xl-5 {
margin-top: 3rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: .25rem !important
}
.me-xl-2 {
margin-right: .5rem !important
}
.me-xl-3 {
margin-right: 1rem !important
}
.me-xl-4 {
margin-right: 1.5rem !important
}
.me-xl-5 {
margin-right: 3rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: .25rem !important
}
.mb-xl-2 {
margin-bottom: .5rem !important
}
.mb-xl-3 {
margin-bottom: 1rem !important
}
.mb-xl-4 {
margin-bottom: 1.5rem !important
}
.mb-xl-5 {
margin-bottom: 3rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: .25rem !important
}
.ms-xl-2 {
margin-left: .5rem !important
}
.ms-xl-3 {
margin-left: 1rem !important
}
.ms-xl-4 {
margin-left: 1.5rem !important
}
.ms-xl-5 {
margin-left: 3rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: .25rem !important
}
.pt-xl-2 {
padding-top: .5rem !important
}
.pt-xl-3 {
padding-top: 1rem !important
}
.pt-xl-4 {
padding-top: 1.5rem !important
}
.pt-xl-5 {
padding-top: 3rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: .25rem !important
}
.pe-xl-2 {
padding-right: .5rem !important
}
.pe-xl-3 {
padding-right: 1rem !important
}
.pe-xl-4 {
padding-right: 1.5rem !important
}
.pe-xl-5 {
padding-right: 3rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: .25rem !important
}
.pb-xl-2 {
padding-bottom: .5rem !important
}
.pb-xl-3 {
padding-bottom: 1rem !important
}
.pb-xl-4 {
padding-bottom: 1.5rem !important
}
.pb-xl-5 {
padding-bottom: 3rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: .25rem !important
}
.ps-xl-2 {
padding-left: .5rem !important
}
.ps-xl-3 {
padding-left: 1rem !important
}
.ps-xl-4 {
padding-left: 1.5rem !important
}
.ps-xl-5 {
padding-left: 3rem !important
}
.text-xl-start {
text-align: left !important
}
.text-xl-end {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media (min-width:1400px) {
.float-xxl-start {
float: left !important
}
.float-xxl-end {
float: right !important
}
.float-xxl-none {
float: none !important
}
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-grid {
display: grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-xxl-0 {
gap: 0 !important
}
.gap-xxl-1 {
gap: .25rem !important
}
.gap-xxl-2 {
gap: .5rem !important
}
.gap-xxl-3 {
gap: 1rem !important
}
.gap-xxl-4 {
gap: 1.5rem !important
}
.gap-xxl-5 {
gap: 3rem !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.m-xxl-5 {
margin: 3rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xxl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xxl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: .25rem !important
}
.mt-xxl-2 {
margin-top: .5rem !important
}
.mt-xxl-3 {
margin-top: 1rem !important
}
.mt-xxl-4 {
margin-top: 1.5rem !important
}
.mt-xxl-5 {
margin-top: 3rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: .25rem !important
}
.me-xxl-2 {
margin-right: .5rem !important
}
.me-xxl-3 {
margin-right: 1rem !important
}
.me-xxl-4 {
margin-right: 1.5rem !important
}
.me-xxl-5 {
margin-right: 3rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: .25rem !important
}
.mb-xxl-2 {
margin-bottom: .5rem !important
}
.mb-xxl-3 {
margin-bottom: 1rem !important
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important
}
.mb-xxl-5 {
margin-bottom: 3rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: .25rem !important
}
.ms-xxl-2 {
margin-left: .5rem !important
}
.ms-xxl-3 {
margin-left: 1rem !important
}
.ms-xxl-4 {
margin-left: 1.5rem !important
}
.ms-xxl-5 {
margin-left: 3rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.p-xxl-5 {
padding: 3rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xxl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xxl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: .25rem !important
}
.pt-xxl-2 {
padding-top: .5rem !important
}
.pt-xxl-3 {
padding-top: 1rem !important
}
.pt-xxl-4 {
padding-top: 1.5rem !important
}
.pt-xxl-5 {
padding-top: 3rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: .25rem !important
}
.pe-xxl-2 {
padding-right: .5rem !important
}
.pe-xxl-3 {
padding-right: 1rem !important
}
.pe-xxl-4 {
padding-right: 1.5rem !important
}
.pe-xxl-5 {
padding-right: 3rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: .25rem !important
}
.pb-xxl-2 {
padding-bottom: .5rem !important
}
.pb-xxl-3 {
padding-bottom: 1rem !important
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important
}
.pb-xxl-5 {
padding-bottom: 3rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: .25rem !important
}
.ps-xxl-2 {
padding-left: .5rem !important
}
.ps-xxl-3 {
padding-left: 1rem !important
}
.ps-xxl-4 {
padding-left: 1.5rem !important
}
.ps-xxl-5 {
padding-left: 3rem !important
}
.text-xxl-start {
text-align: left !important
}
.text-xxl-end {
text-align: right !important
}
.text-xxl-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.fs-1 {
font-size: 2.5rem !important
}
.fs-2 {
font-size: 2rem !important
}
.fs-3 {
font-size: 1.75rem !important
}
.fs-4 {
font-size: 1.5rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
.slick-list,
.slick-slider,
.slick-track {
display: block;
position: relative
}
.slick-dots li,
.slick-list,
.slick-slider,
.slick-track {
position: relative
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
font-family: slick;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
top: 0;
left: 0;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-initialized .slick-slide,
.slick-slide img {
display: block
}
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-loading .slick-list {
background: url(fb6f3c230cb846e25247.gif) center center no-repeat #fff
}
.slick-dots li button,
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
color: transparent;
outline: 0;
background: 0 0
}
@font-face {
font-family: slick;
font-weight: 400;
font-style: normal;
src: url(a4e97f5a2a64f0ab1323.eot);
src: url(a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(295183786cd8a1389865.woff) format('woff'), url(c94f7671dcc99dce43e2.ttf) format('truetype'), url(7ba97953187dc2907930.svg#slick) format('svg');
font-display: swap
}
.slick-next,
.slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: -50px;
display: block;
width: 77px;
height: 50px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: 1
}
.slick-next:before,
.slick-prev:before {
font-size: 50px;
line-height: 1;
opacity: 1;
color: #fff
}
.slick-prev {
right: 110px
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto
}
.slick-next:before,
.slick-prev:before {
content: '';
background-image: url(../images/d30cb9927ca98ce78cdd.svg);
background-repeat: no-repeat;
display: inline-block;
width: 77px;
height: 50px
}
.slick-prev:not(.slick-disabled) {
transform: rotate(180deg);
top: -75px
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
content: '';
background-image: url(caa5960004ef0012f1cb.svg)
}
.slick-next.slick-disabled {
transform: rotate(180deg);
top: -75px
}
[dir=rtl] .slick-prev:before {
content: '→'
}
.slick-next {
right: 15px
}
[dir=rtl] .slick-next {
right: auto;
left: -25px
}
[dir=rtl] .slick-next:before {
content: '←'
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
@media (max-width:1023px) {
.slick-dotted.slick-slider {
margin-bottom: 0
}
}
.slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border: 0
}
.slick-dots li button:before {
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #000
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
@media (max-width:767px) {
.slick-next,
.slick-prev {
width: 44px;
height: 26px
}
.slick-next:before,
.slick-prev:before {
background-size: 44px 26px;
width: 44px;
height: 26px
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
background-size: 34px 26px
}
}
:root {
--f-spinner-width: 36px;
--f-spinner-height: 36px;
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-stroke: 2.75
}
.f-spinner {
margin: auto;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height)
}
.f-spinner svg {
width: 100%;
height: 100%;
vertical-align: top;
animation: f-spinner-rotate 2s linear infinite
}
.f-spinner svg * {
stroke-width: var(--f-spinner-stroke);
fill: none
}
.f-spinner svg *:first-child {
stroke: var(--f-spinner-color-1)
}
.f-spinner svg *:last-child {
stroke: var(--f-spinner-color-2);
animation: f-spinner-dash 2s ease-in-out infinite
}
@keyframes f-spinner-rotate {
100% {
transform: rotate(360deg)
}
}
@keyframes f-spinner-dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124
}
}
.f-zoomInUp {
animation: .2s ease-out .1s both f-zoomInUp
}
.f-zoomOutDown {
animation: .2s ease-out both f-zoomOutDown
}
@keyframes f-zoomInUp {
from {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0
}
}
.f-throwOutUp {
animation: .175s ease-out both f-throwOutUp
}
.f-throwOutDown {
animation: .175s ease-out both f-throwOutDown
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, -150px, 0);
opacity: 0
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, 150px, 0);
opacity: 0
}
}
.f-fadeIn {
animation: .2s ease both f-fadeIn;
z-index: 2
}
.f-fadeOut {
animation: .2s ease both f-fadeOut;
z-index: 1
}
@keyframes f-fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes f-fadeOut {
100% {
opacity: 0
}
}
.f-fadeSlowIn {
animation: .5s ease both f-fadeSlowIn;
z-index: 2
}
.f-fadeSlowOut {
animation: .5s ease both f-fadeSlowOut;
z-index: 1
}
@keyframes f-fadeSlowIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes f-fadeSlowOut {
100% {
opacity: 0
}
}
.f-fadeFastIn {
animation: .2s ease-out both f-fadeFastIn;
z-index: 2
}
.f-fadeFastOut {
animation: .2s ease-out both f-fadeFastOut;
z-index: 2
}
@keyframes f-fadeFastIn {
0% {
opacity: .75
}
100% {
opacity: 1
}
}
@keyframes f-fadeFastOut {
100% {
opacity: 0
}
}
.f-crossfadeIn {
animation: .2s ease-out both f-crossfadeIn;
z-index: 2
}
.f-crossfadeOut {
animation: .1s linear .1s both f-crossfadeOut;
z-index: 1
}
@keyframes f-crossfadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes f-crossfadeOut {
100% {
opacity: 0
}
}
.f-slideIn.from-next {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}
.f-slideIn.from-prev {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}
.f-slideOut.to-next {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}
.f-slideOut.to-prev {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}
@keyframes f-slideInPrev {
0% {
transform: translateX(100%)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@keyframes f-slideInNext {
0% {
transform: translateX(-100%)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@keyframes f-slideOutNext {
100% {
transform: translateX(-100%)
}
}
@keyframes f-slideOutPrev {
100% {
transform: translateX(100%)
}
}
.f-classicIn.from-next {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
z-index: 2
}
.f-classicIn.from-prev {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
z-index: 2
}
.f-classicOut.to-next {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
z-index: 1
}
.f-classicOut.to-prev {
animation: .85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
z-index: 1
}
@keyframes f-classicInNext {
0% {
transform: translateX(-75px);
opacity: 0
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes f-classicInPrev {
0% {
transform: translateX(75px);
opacity: 0
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes f-classicOutNext {
100% {
transform: translateX(-75px);
opacity: 0
}
}
@keyframes f-classicOutPrev {
100% {
transform: translateX(75px);
opacity: 0
}
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-hover-bg: #e0e0e0;
--f-button-active-bg: #d0d0d0;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-disabled-opacity: 0.65
}
.f-button {
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
pointer-events: all;
cursor: pointer;
transition: var(--f-button-transition)
}
@media(hover: hover) {
.f-button:hover:not([disabled]) {
color: var(--f-button-hover-color);
background-color: var(--f-button-hover-bg)
}
}
.f-button:active:not([disabled]) {
background-color: var(--f-button-active-bg)
}
.f-button:focus:not(:focus-visible) {
outline: none
}
.f-button:focus-visible {
outline: none;
box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
fill: var(--f-button-svg-fill);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
transition: opacity .15s ease;
transform: var(--f-button-transform);
filter: var(--f-button-svg-filter);
pointer-events: none
}
.f-button[disabled] {
cursor: default
}
.f-button[disabled] svg {
opacity: var(--f-button-svg-disabled-opacity)
}
.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
position: absolute;
z-index: 1
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
top: 50%;
transform: translateY(-50%)
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
left: var(--f-button-prev-pos)
}
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
right: var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
left: auto;
right: var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
right: auto;
left: var(--f-button-prev-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
top: auto;
left: 50%;
transform: translateX(-50%)
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
top: var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
bottom: var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
transform: rotate(90deg)
}
html.with-fancybox {
width: auto;
overflow: hidden;
scroll-behavior: auto
}
html.with-fancybox body {
touch-action: none
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
overflow: hidden !important;
overscroll-behavior-y: none
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-hover-color: #fff;
--fancybox-bg: rgba(24, 24, 27, 0.98);
--fancybox-slide-gap: 10px;
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-color-1: rgba(255, 255, 255, 0.1);
--f-spinner-color-2: #bbb;
--f-spinner-stroke: 3.65;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #f8f8f8;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: visible;
z-index: 1050;
outline: none;
transform-origin: top left;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overscroll-behavior-y: contain
}
.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
box-sizing: inherit
}
.fancybox__backdrop {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background: var(--fancybox-bg);
opacity: var(--fancybox-opacity, 1);
will-change: opacity
}
.fancybox__carousel {
position: relative;
box-sizing: border-box;
flex: 1;
min-height: 0;
z-index: 10;
overflow-y: visible;
overflow-x: clip
}
.fancybox__viewport {
width: 100%;
height: 100%
}
.fancybox__track {
display: flex;
margin: 0 auto;
height: 100%
}
.fancybox__slide {
flex: 0 0 auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
margin: 0 var(--fancybox-slide-gap) 0 0;
padding: 4px;
overflow: auto;
transform: translate3d(0, 0, 0);
backface-visibility: hidden
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
padding-top: 40px
}
.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
overflow: hidden
}
.fancybox__slide.has-image {
overflow: hidden
}
.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
overflow: visible
}
.fancybox__slide::before,
.fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto
}
.fancybox__content {
align-self: center;
display: flex;
flex-direction: column;
position: relative;
margin: 0;
padding: 2rem;
max-width: 100%;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
cursor: default;
border-radius: 0;
z-index: 20
}
.is-loading .fancybox__content {
opacity: 0
}
.is-draggable .fancybox__content {
cursor: move;
cursor: grab
}
.can-zoom_in .fancybox__content {
cursor: zoom-in
}
.can-zoom_out .fancybox__content {
cursor: zoom-out
}
.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing
}
.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
cursor: auto
}
.fancybox__slide.has-image>.fancybox__content {
padding: 0;
background: rgba(0, 0, 0, 0);
min-height: 1px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
transition: none;
transform: translate3d(0, 0, 0);
backface-visibility: hidden
}
.fancybox__slide.has-image>.fancybox__content>picture>img {
width: 100%;
height: auto;
max-height: 100%
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
visibility: hidden
}
.is-animating .fancybox__content,
.is-dragging .fancybox__content {
filter: blur(0px);
will-change: transform, width, height
}
.fancybox-image {
margin: auto;
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
user-select: none
}
.fancybox__caption {
align-self: center;
max-width: 100%;
flex-shrink: 0;
margin: 0;
padding: 14px 0 4px 0;
overflow-wrap: anywhere;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
cursor: auto;
visibility: visible
}
.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
opacity: 0;
visibility: hidden
}
.is-compact .fancybox__caption {
padding-bottom: 0
}
.f-button.is-close-btn {
--f-button-svg-stroke-width: 2;
position: absolute;
top: 0;
right: 8px;
z-index: 40
}
.fancybox__content>.f-button.is-close-btn {
--f-button-width: 34px;
--f-button-height: 34px;
--f-button-border-radius: 4px;
--f-button-color: var(--fancybox-color, #fff);
--f-button-hover-color: var(--fancybox-color, #fff);
--f-button-bg: transparent;
--f-button-hover-bg: transparent;
--f-button-active-bg: transparent;
--f-button-svg-width: 22px;
--f-button-svg-height: 22px;
position: absolute;
top: -38px;
right: 0;
opacity: .75
}
.is-loading .fancybox__content>.f-button.is-close-btn {
visibility: hidden
}
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
visibility: hidden
}
.fancybox__content>.f-button.is-close-btn:hover {
opacity: 1
}
.fancybox__footer {
padding: 0;
margin: 0;
position: relative
}
.fancybox__footer .fancybox__caption {
width: 100%;
padding: 24px;
opacity: var(--fancybox-opacity, 1);
transition: all .25s ease
}
.is-compact .fancybox__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 20;
background: rgba(24, 24, 27, .5)
}
.is-compact .fancybox__footer .fancybox__caption {
padding: 12px
}
.is-compact .fancybox__content>.f-button.is-close-btn {
--f-button-border-radius: 50%;
--f-button-color: #fff;
--f-button-hover-color: #fff;
--f-button-outline-color: #000;
--f-button-bg: rgba(0, 0, 0, 0.6);
--f-button-active-bg: rgba(0, 0, 0, 0.6);
--f-button-hover-bg: rgba(0, 0, 0, 0.6);
--f-button-svg-width: 18px;
--f-button-svg-height: 18px;
--f-button-svg-filter: none;
top: 5px;
right: 5px
}
.fancybox__nav {
--f-button-width: 50px;
--f-button-height: 50px;
--f-button-border: 0;
--f-button-border-radius: 50%;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: transparent;
--f-button-hover-bg: rgba(24, 24, 27, 0.3);
--f-button-active-bg: rgba(24, 24, 27, 0.5);
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 26px;
--f-button-svg-height: 26px;
--f-button-svg-stroke-width: 2.5;
--f-button-svg-fill: none;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
--f-button-svg-disabled-opacity: 0.65;
--f-button-next-pos: 1rem;
--f-button-prev-pos: 1rem;
opacity: var(--fancybox-opacity, 1)
}
.fancybox__nav .f-button:before {
position: absolute;
content: "";
top: -30px;
right: -20px;
left: -20px;
bottom: -30px;
z-index: 1
}
.is-idle .fancybox__nav {
animation: .15s ease-out both f-fadeOut
}
.is-idle.is-compact .fancybox__footer {
pointer-events: none;
animation: .15s ease-out both f-fadeOut
}
.fancybox__slide>.f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
z-index: 30;
cursor: pointer
}
.fancybox-protected {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 40;
user-select: none
}
.fancybox-ghost {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
z-index: 40;
user-select: none;
pointer-events: none
}
.fancybox-focus-guard {
outline: none;
opacity: 0;
position: fixed;
pointer-events: none
}
.fancybox__container:not([aria-hidden]) {
opacity: 0
}
.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,
.fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
animation: .25s ease .1s backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
animation: .35s ease backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,
.fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
animation: .15s ease forwards f-fadeOut
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
animation: .35s ease forwards f-fadeOut
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1px;
overflow: visible
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
width: 100%;
height: 100%
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
width: calc(100% - 120px);
height: 90%
}
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%
}
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, .9);
color: #fff
}
.has-map .fancybox__content {
background: #e5e3df
}
.fancybox__html5video,
.fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0)
}
.fancybox-placeholder {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important
}
.f-carousel__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-outline: 0;
--f-thumb-outline-color: #5eb0ef;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
--f-thumb-border-radius: 2px;
--f-thumb-offset: 0px;
--f-button-next-pos: 0;
--f-button-prev-pos: 0
}
.f-carousel__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1
}
.f-carousel__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 20px;
--f-thumb-clip-width: 46px
}
.f-thumbs {
position: relative;
flex: 0 0 auto;
margin: 0;
overflow: hidden;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
perspective: 1000px;
transform: translateZ(0)
}
.f-thumbs .f-spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 2px;
background-image: linear-gradient(#ebeff2, #e2e8f0);
z-index: -1
}
.f-thumbs .f-spinner svg {
display: none
}
.f-thumbs.is-vertical {
height: 100%
}
.f-thumbs__viewport {
width: 100%;
height: auto;
overflow: hidden
}
.f-thumbs__track {
display: flex;
will-change: transform
}
.f-thumbs__slide {
position: relative;
flex: 0 0 auto;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: var(--f-thumb-width);
min-width: var(--f-thumb-width);
height: var(--f-thumb-height);
overflow: visible;
cursor: pointer
}
.f-thumbs__slide.is-loading img {
opacity: 0
}
.is-classic .f-thumbs__viewport {
height: 100%
}
.is-modern .f-thumbs__track {
width: max-content
}
.is-modern .f-thumbs__track::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--left, 0)*1px);
width: calc(100% - var(--width, 0)*1px);
cursor: pointer
}
.is-modern .f-thumbs__slide {
--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
transition: none;
pointer-events: none
}
.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}
.is-modern .f-thumbs__slide>* {
clip-path: var(--clip-path)
}
.is-modern.in-touch .f-thumbs__slide {
filter: none
}
.is-modern.is-resting .f-thumbs__slide {
transition: all .33s ease
}
.is-modern.is-resting .f-thumbs__slide>* {
transition: all .33s ease
}
.f-thumbs__slide__button {
appearance: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
position: relative;
border-radius: var(--f-thumb-border-radius);
overflow: hidden;
background: rgba(0, 0, 0, 0);
outline: none;
cursor: pointer;
pointer-events: auto;
touch-action: manipulation;
opacity: var(--f-thumb-opacity);
transition: opacity .2s ease
}
.f-thumbs__slide__button:hover {
opacity: var(--f-thumb-hover-opacity)
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
outline: none
}
.f-thumbs__slide__button:focus-visible {
outline: none;
opacity: var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button {
opacity: var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: auto;
bottom: 0;
border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
border-radius: var(--f-thumb-border-radius);
animation: f-fadeIn .2s ease-out;
z-index: 10
}
.f-thumbs__slide__img {
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: var(--f-thumb-offset);
box-sizing: border-box;
pointer-events: none;
object-fit: cover
}
.f-thumbs.is-horizontal .f-thumbs__track {
margin: 0 auto;
padding: 8px 0 12px 0
}
.f-thumbs.is-horizontal .f-thumbs__slide {
margin: 0 var(--f-thumb-gap) 0 0
}
.f-thumbs.is-vertical .f-thumbs__track {
flex-wrap: wrap;
margin: auto 0;
padding: 0 8px
}
.f-thumbs.is-vertical .f-thumbs__slide {
margin: 0 0 var(--f-thumb-gap) 0
}
.fancybox__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-border-radius: 2px;
--f-thumb-outline: 2px;
--f-thumb-outline-color: #ededed;
position: relative;
opacity: var(--fancybox-opacity, 1);
transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}
.fancybox__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-classic .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 20px;
--f-thumb-clip-width: 46px;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-modern .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-horizontal {
padding: 0 var(--f-thumb-gap)
}
.fancybox__thumbs.is-vertical {
padding: var(--f-thumb-gap) 0
}
.is-compact .fancybox__thumbs {
--f-thumb-width: 64px;
--f-thumb-clip-width: 32px;
--f-thumb-height: 48px;
--f-thumb-extra-gap: 10px
}
.fancybox__thumbs.is-hidden {
max-height: 0px !important
}
.is-closing .fancybox__thumbs {
transition: none !important
}
.fancybox__toolbar {
--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: rgba(24, 24, 27, 0.65);
--f-button-hover-bg: rgba(70, 70, 73, 0.65);
--f-button-active-bg: rgba(90, 90, 93, 0.65);
--f-button-border-radius: 0;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: 0.65;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
pointer-events: none;
z-index: 20
}
.fancybox__toolbar :focus-visible {
z-index: 1
}
.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
position: absolute;
top: 0;
left: 0;
right: 0
}
.is-idle .fancybox__toolbar {
pointer-events: none;
animation: .15s ease-out both f-fadeOut
}
.fancybox__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start
}
.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
flex-grow: 1;
flex-basis: 0
}
.fancybox__toolbar__column.is-right {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap
}
.fancybox__infobar {
padding: 0 5px;
line-height: var(--f-button-height);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
cursor: default;
user-select: none
}
.fancybox__infobar span {
padding: 0 5px
}
.fancybox__infobar:not(:first-child):not(:last-child) {
background: var(--f-button-bg)
}
[data-fancybox-toggle-slideshow] {
position: relative
}
[data-fancybox-toggle-slideshow] .f-progress {
height: 100%;
opacity: .3
}
[data-fancybox-toggle-slideshow] svg g:first-child {
display: flex
}
[data-fancybox-toggle-slideshow] svg g:last-child {
display: none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
display: none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
display: flex
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
display: flex
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
display: none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
display: none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
display: flex
}
.f-progress {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
z-index: 30;
user-select: none;
pointer-events: none
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translateZ(0)
}
[data-aos=fade-up] {
transform: translate3d(0, 100px, 0)
}
[data-aos=fade-down] {
transform: translate3d(0, -100px, 0)
}
[data-aos=fade-right] {
transform: translate3d(-100px, 0, 0)
}
[data-aos=fade-left] {
transform: translate3d(100px, 0, 0)
}
[data-aos=fade-up-right] {
transform: translate3d(-100px, 100px, 0)
}
[data-aos=fade-up-left] {
transform: translate3d(100px, 100px, 0)
}
[data-aos=fade-down-right] {
transform: translate3d(-100px, -100px, 0)
}
[data-aos=fade-down-left] {
transform: translate3d(100px, -100px, 0)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1)
}
[data-aos=zoom-in] {
transform: scale(.6)
}
[data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(.6)
}
[data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(.6)
}
[data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(.6)
}
[data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(.6)
}
[data-aos=zoom-out] {
transform: scale(1.2)
}
[data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2)
}
[data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2)
}
[data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2)
}
[data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translateZ(0)
}
[data-aos=slide-up] {
transform: translate3d(0, 100%, 0)
}
[data-aos=slide-down] {
transform: translate3d(0, -100%, 0)
}
[data-aos=slide-right] {
transform: translate3d(-100%, 0, 0)
}
[data-aos=slide-left] {
transform: translate3d(100%, 0, 0)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0)
}
lite-youtube {
background-color: #000;
position: relative;
display: block;
contain: content;
background-position: center center;
background-size: cover;
cursor: pointer;
width: 100%;
height: 100%;
}
lite-youtube::before {
content: '';
display: block;
position: absolute;
top: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
height: 60px;
padding-bottom: 50px;
width: 100%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
lite-youtube::after {
content: "";
display: block;
padding-bottom: calc(100% / (16 / 9));
}
lite-youtube>iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
}
lite-youtube>.lty-playbtn {
display: block;
width: 68px;
height: 48px;
position: absolute;
cursor: pointer;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
z-index: 1;
background-color: transparent;
background-image: url("data:image/svg+xml;utf8,");
filter: grayscale(100%);
transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
border: none;
}
lite-youtube:hover>.lty-playbtn,
lite-youtube .lty-playbtn:focus {
filter: none;
}
lite-youtube.lyt-activated {
cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated>.lty-playbtn {
opacity: 0;
pointer-events: none;
}
.lyt-visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
@font-face {
font-family: 'Avenir';
src: url(../font/Avenir/AvenirRegular.ttf);
font-display: swap
}
@font-face {
font-family: 'Avenir-Light';
src: url(../font/Avenir/AvenirLight.ttf);
font-display: swap
}
@font-face {
font-family: 'Avenir-Medium';
src: url(../font/Avenir/AvenirMedium.ttf);
font-display: swap
}
@font-face {
font-family: 'Avenir-Heavy';
src: url(../font/Avenir/AvenirHeavy.ttf);
font-display: swap
}
@font-face {
font-family: 'Avenir-Black';
src: url(33c64a66a342776190c5.ttf);
font-display: swap
}
@font-face {
font-family: 'Avenir-Book';
src: url(../font/Avenir/AvenirBook.ttf);
font-display: swap
}
html {
font-size: 62.5%;
overflow-x: hidden
}
body {
font-family: "Avenir", sans-serif;
font-size: 1.6rem;
overflow-x: hidden
}
@media (min-width: 1601px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1500px
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1020px
}
}
@media (min-width: 1281px) and (max-width: 1440px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1220px
}
}
@media (min-width: 1441px) and (max-width: 1600px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1400px
}
}
.row {
margin: 0 -15px
}
@media (min-width: 1450px) {
.row {
margin: 0 -25px
}
}
.row>div {
padding-right: 15px;
padding-left: 15px
}
@media (min-width: 1450px) {
.row>div {
padding-right: 25px;
padding-left: 25px
}
}
img {
max-width: 100%;
height: auto
}
.btn {
outline: none;
box-shadow: none
}
.btn:focus {
outline: none;
box-shadow: none
}
.btn-outline {
border-color: #747474;
padding: 15px 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
position: relative;
font-size: 1.8rem;
background-color: #fff;
color: #000;
font-family: "Avenir-Heavy", sans-serif;
outline: none
}
.btn-outline:hover {
color: #fff;
border-color: #000;
background-color: #000
}
.btn-outline:focus {
color: #000;
border-color: #747474;
background-color: #fff
}
.btn-outline:focus:hover {
color: #fff;
border-color: #000;
background-color: #000
}
@media (max-width: 1450px) {
.btn-outline {
font-size: 1.4rem;
padding: 8px 24px
}
}
@media (max-width: 991px) {
.btn-outline {
padding: 11px 24px
}
}
.btn-primary {
font-size: 1.8rem;
border: none;
padding: 12px 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
position: relative;
background-color: #EF4637;
outline: none
}
.btn-primary.btn-lg {
font-size: 2rem;
font-family: "Avenir-Heavy", sans-serif;
padding: 17px 20px
}
@media (max-width: 1601px) {
.btn-primary.btn-lg {
font-size: 1.8rem
}
}
.btn-primary:after {
content: "";
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
background-color: #DB4234;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
transition: all .5s;
left: 0;
bottom: 0;
opacity: 0
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
color: #fff;
border-color: transparent;
background-color: #D93F31
}
.btn-primary:hover:after,
.btn-primary:active:after,
.btn-primary:focus:after {
opacity: 1;
width: calc(100% + 10px);
left: -5px
}
.btn-secondary {
border: solid 1px #F0F0F0;
padding: 12px 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
position: relative;
background-color: #fff;
color: #000
}
.btn-secondary:after {
content: "";
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
background-color: #F0F0F0;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
transition: all .5s;
left: 0;
bottom: 0;
opacity: 0
}
.btn-secondary:hover {
color: #000;
border-color: transparent;
background-color: #F0F0F0
}
.btn-secondary:hover:after {
opacity: 1;
width: calc(100% + 10px);
left: -5px
}
strong,
b {
font-family: "Avenir-Heavy", sans-serif
}
.font-medium {
font-family: "Avenir-Medium", sans-serif
}
.font-light {
font-family: "Avenir-Light", sans-serif
}
header {
transition: all .4s
}
header.fixed {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
background-color: #000
}
@media (max-width: 991px) {
header.fixed {
min-height: 70px
}
}
header.headerNew {
background-color: transparent
}
@media (max-width: 991px) {
header.headerNew {
background: none
}
}
header.headerNew .header-band {
background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(14px)
}
header .header-band {
display: none
}
@media (max-width: 991px) {
header .header-band {
display: flex;
width: 100%;
padding: 16px;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index: 100;
height: 70px;
align-items: center
}
}
header .header-band .search-btn {
margin-left: auto;
margin-right: 20px
}
header .header-band .search-btn img {
width: 27px
}
.navbar-brand img {
max-width: 340px
}
@media (min-width: 1601px) {
.navbar-brand img {
max-width: 250px;
width: 250px
}
}
.nav_section {
display: flex;
flex-direction: column
}
.top-nav {
background: #000;
padding: 5px 0
}
@media (max-width: 991px) {
.top-nav {
order: 2;
padding: 0 10px 20px;
padding-top: 20px;
transform: translateX(-100%);
transition: all .3s;
height: 0px
}
}
.top-nav .nav {
align-items: center
}
.top-nav .nav .nav-item {
margin-left: 30px
}
.top-nav .nav .nav-item:first-child {
margin-left: 0
}
.top-nav .nav .nav-item .nav-link {
color: #E0E0E0;
padding: 5px 0;
font-family: "Avenir-Medium", sans-serif;
font-size: 1.8rem;
transition: all .3s
}
@media (max-width: 1601px) {
.top-nav .nav .nav-item .nav-link {
font-size: 1.6rem;
padding: 2px 0
}
}
@media (max-width: 1450px) {
.top-nav .nav .nav-item .nav-link {
font-size: 1.4rem
}
}
@media (max-width: 1280px) {
.top-nav .nav .nav-item .nav-link {
font-size: 1.3rem
}
}
.top-nav .nav .nav-item .nav-link:hover,
.top-nav .nav .nav-item .nav-link.active {
color: #fff
}
@media (max-width: 991px) {
.top-nav .nav .nav-item.has-search {
display: none
}
}
.navbar {
backdrop-filter: blur(100px) saturate(100%);
-webkit-backdrop-filter: blur(100px) saturate(100%);
background: rgba(0, 0, 0, 0.5);
padding: 10px;
}
.navbar .search-icon-top {
margin-left: auto;
margin-right: 20px
}
.navbar .search-icon-top img {
width: 27px;
height: 27px
}
@media (min-width: 1366px) {
.navbar .search-icon-top {
display: none
}
}
@media (max-width: 991px) {
.navbar {
padding: 0;
background: none
}
}
@media (max-width: 991px) {
.navbar .container {
padding: 0
}
}
@media (max-width: 991px) {
.navbar .navbar-brand {
display: none
}
}
.navbar-toggler {
border: none;
width: 30px;
height: 30px;
text-align: right;
padding: 0;
position: relative
}
.navbar-toggler:focus {
box-shadow: none
}
.navbar-toggler span {
display: inline-block;
width: 27px;
height: 4px;
background-color: #ef4637;
margin: 2px 0;
position: absolute;
right: 0;
top: 6px;
transition: all .3s
}
.navbar-toggler span:nth-child(2) {
background-color: #fff;
width: 20px;
top: 18px
}
.navbar-toggler.active span {
width: 25px;
transform: rotate(45deg);
top: 10px
}
.navbar-toggler.active span:nth-child(2) {
transform: rotate(-45deg);
top: 10px
}
.main-nav {
display: flex;
padding: 0
}
@media (max-width: 991px) {
.main-nav {
order: 1;
padding: 0 30px;
transform: translateX(-150%);
transition: all .3s;
height: 0px
}
}
.main-nav .nav {
align-items: center
}
.main-nav .nav .nav-item {
margin-left: 30px;
position: relative;
padding: 23px 0
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item {
padding: 10px 0
}
}
.main-nav .nav .nav-item:first-child {
margin-left: 0
}
@media (max-width: 991px) {
.main-nav .nav .nav-item:last-child {
border: none
}
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item {
margin-left: 30px
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item {
margin-left: 24px
}
}
@media (max-width: 1024px) {
.main-nav .nav .nav-item {
margin-left: 16px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item {
margin-left: 0;
width: 100%;
padding: 12px 0px;
border-bottom: solid 1px #DD5442
}
}
.main-nav .nav .nav-item .nav-link {
color: #e0e0e0;
padding: 5px 0;
font-family: "Avenir-Medium", sans-serif;
font-size: 2rem;
cursor: pointer
}
@media (min-width: 1025px) {
.main-nav .nav .nav-item .nav-link:hover {
color: #fff
}
}
.main-nav .nav .nav-item .nav-link.active {
color: #fff;
font-family: "Avenir-Heavy", sans-serif;
position: relative
}
@media (max-width: 991px) {
.main-nav .nav .nav-item .nav-link.active {
color: #000
}
}
.main-nav .nav .nav-item .nav-link.active:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
content: "";
background: #fff;
border-radius: 2px
}
@media (max-width: 991px) {
.main-nav .nav .nav-item .nav-link.active:after {
display: none
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item .nav-link.active {
border: none
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item .nav-link {
font-size: 1.8rem
}
}
@media (max-width: 1280px) {
.main-nav .nav .nav-item .nav-link {
font-size: 1.4rem
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item .nav-link {
color: #000;
font-size: 2rem
}
}
.main-nav .nav .nav-item .btn {
padding: 11px 28px;
font-size: 1.6rem;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item .btn {
padding: 7px 17px;
font-size: 1.2rem;
border-radius: 8px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item .btn {
color: #fff;
font-size: 1.8rem;
width: 175px;
margin: 0 auto;
padding: 12px 30px;
margin-top: 15px
}
}
.main-nav .nav .nav-item.has-subnav {
padding-right: 22px
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav {
padding-right: 12px
}
}
.main-nav .nav .nav-item.has-subnav:after {
content: "";
position: absolute;
right: 0px;
top: 50%;
margin-top: -6px;
width: 10px;
height: 10px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(135deg)
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav:after {
right: -3px;
margin-top: -7px;
width: 8px;
height: 8px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav:after {
top: 25px;
right: 0;
margin-top: 0;
border-top-color: #000;
border-right-color: #000;
width: 12px;
height: 12px;
border-width: 2px;
display: none
}
}
.main-nav .nav .nav-item.has-subnav .subnav {
margin: 0;
padding: 20px;
list-style: none;
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
box-shadow: 0 8px 24px -5px #ccc;
border-bottom: 4px solid #EF4637;
transform: translateY(25px);
transition: all .3s;
border-radius: 10px;
min-width: 230px;
height: 0;
overflow: hidden
}
.main-nav .nav .nav-item.has-subnav .subnav li {
padding: 6px 15px;
margin-bottom: 7px
}
.main-nav .nav .nav-item.has-subnav .subnav li:last-child {
margin-bottom: 0
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav .subnav li {
padding: 0 15px
}
}
.main-nav .nav .nav-item.has-subnav .subnav li a {
display: block;
color: #000;
text-decoration: none;
transition: all .3s;
font-size: 1.6rem
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav .subnav li a {
font-size: 1.4rem
}
}
.main-nav .nav .nav-item.has-subnav .subnav li a:hover {
color: #EF4637
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav .subnav {
position: relative;
top: -25px;
visibility: visible;
display: none;
opacity: 1;
padding: 0;
background: none;
box-shadow: none;
border: none
}
}
@media (min-width: 992px) {
.main-nav .nav .nav-item.has-subnav.menu-active .subnav {
visibility: visible;
opacity: 1;
transform: translateY(0);
height: auto;
overflow: visible;
padding: 50px 0 !important
}
.main-nav .nav .nav-item.has-subnav.menu-active .nav-link {
color: #fff
}
}
.main-nav .nav .nav-item.has-subnav.open .subnav {
display: block;
visibility: visible;
opacity: 1;
transform: translateY(0)
}
.main-nav .nav .nav-item.has-subnav.has-megamenu {
justify-content: center;
position: relative
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu {
padding-right: 0
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .level1 {
position: absolute;
right: 0px;
top: 20px;
border-top-color: #000;
border-right-color: #000;
width: 32px;
height: 32px;
text-align: center;
z-index: 100
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .level1:after {
content: "";
border-top-color: #000;
border-right-color: #000;
width: 12px;
height: 12px;
border-width: 2px;
border-top: solid 2px #000;
border-right: solid 2px #000;
transform: rotate(135deg);
display: inline-block
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .subnav {
position: fixed;
left: 0;
width: 100%;
top: initial;
border-bottom: none;
border-radius: 0px;
padding: 0
}
@media (min-width: 992px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .subnav {
margin-top: 10px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .subnav {
position: relative;
top: 0;
left: auto;
padding: 0;
height: auto
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .subnav ul {
margin: 0;
padding: 0;
list-style: none
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .subnav ul li {
padding: 0
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list {
display: flex;
flex-wrap: wrap;
justify-content: center
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list {
padding-left: 10px !important;
display: block
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li {
margin-right: 25px;
position: relative
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li {
margin-right: 20px
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li {
margin-right: 20px
}
}
@media (max-width: 1280px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li {
margin-right: 7px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li {
min-width: 100%;
margin-right: 0;
border-bottom: solid 1px #BABABA;
padding-bottom: 15px !important;
margin-bottom: 15px;
display: flex
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li:last-child {
border: none
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li figure {
margin: 0 0 20px
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li figure {
width: 90px;
margin-right: 20px;
margin-bottom: 0px
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li figure img {
max-width: 160px;
border-radius: 10px
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li figure img {
max-width: 150px
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li figure img {
max-width: 130px
}
}
@media (max-width: 1280px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li figure img {
max-width: 115px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li figure img {
max-width: 90px
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li:last-child {
margin-right: 0
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li ul {
position: relative
}
@media (min-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li ul:before {
content: "";
position: absolute;
left: -20px;
top: 0;
width: 1px;
height: 100%;
background: #C9C9C9
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li ul:before {
left: -10px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li ul {
display: none
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li ul li {
padding-left: 0px !important;
border: none;
padding-bottom: 0 !important;
margin-bottom: 10px;
min-height: 1px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li ul li a {
font-size: 1.6rem
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list li:first-child ul:before {
display: none
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head {
font-size: 1.8rem;
color: #000;
font-family: "Avenir-Black", sans-serif
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head {
font-size: 1.6rem
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head {
font-size: 1.5rem
}
}
@media (max-width: 1280px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head {
font-size: 1.4rem
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head {
font-size: 1.6rem;
width: 100%
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head.no-link {
position: relative
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head.no-link:after {
content: "+";
position: absolute;
top: 8px;
right: 0;
transition: all .4s;
font-size: 2.4rem;
color: #DD5442;
font-family: "Avenir-Medium", sans-serif;
display: none
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head.no-link.sub-active:after {
transform: rotate(45deg)
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head small {
font-size: 1.6rem
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head small {
font-size: 1.4rem
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .p_head small {
font-size: 1.3rem
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content {
width: 100%;
max-width: 160px;
position: relative
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content {
max-width: 150px
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content {
max-width: 125px
}
}
@media (max-width: 1280px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content {
max-width: 115px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content {
max-width: 100%
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content .p_head {
margin: 0 0 15px;
min-height: 45px;
line-height: 1;
transition: all .3s;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content .p_head {
min-height: 35px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content .p_head {
padding-top: 15px;
min-height: auto
}
}
@media (min-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content .p_head:hover {
color: #EF4637
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content span {
position: absolute;
top: 5px;
right: 0;
font-size: 3rem;
transition: all .4s;
width: 32px;
height: 32px;
text-align: center
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content span.sub-active {
transform: rotate(45deg);
right: -8px
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list .menu-content li {
margin-right: 0
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li {
border-right: solid 1px #C9C9C9;
padding-right: 30px;
margin-right: 30px;
margin-top: 15px;
margin-bottom: 15px;
min-width: fit-content
}
@media (max-width: 1601px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li {
padding-right: 25px;
margin-right: 25px
}
}
@media (max-width: 1450px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li {
padding-right: 20px;
margin-right: 20px
}
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li {
padding-right: 0px;
margin-right: 0px;
margin-top: 0px;
border-right: none
}
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li:last-child {
border: none;
padding-right: 0;
margin-right: 0
}
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li a {
transition: all .4s;
font-size: 1.8rem;
font-weight: bold;
}
@media (max-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li a {
font-size: 1.6rem
}
}
@media (min-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu .menu-list.no-submenu li a:hover {
color: #EF4637
}
}
@media (min-width: 991px) {
.main-nav .nav .nav-item.has-subnav.has-megamenu span {
display: none
}
}
.nav-open {
overflow: hidden
}
.nav-open header .navbar {
backdrop-filter: none;
-webkit-filter: none
}
.nav-open header .navbar .container {
justify-content: flex-end
}
.nav-open header .navbar .main-nav {
transform: translateX(0px);
height: auto
}
.nav-open header .nav_section {
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
background: rgba(255, 255, 255, 0.75);
height: calc(100% - 130px);
width: 100%;
position: fixed;
top: 70px;
left: 0;
overflow-y: auto;
padding: 0;
z-index: 999
}
@media (max-width: 991px) {
.nav-open header .nav_section {
padding-top: 0px
}
}
.nav-open header .nav_section .navbar-toggler span {
height: 3px;
top: 10px
}
.nav-open header .nav_section .navbar-toggler span:nth-child(2) {
background-color: #fff;
top: 10px
}
.nav-open header .nav_section .top-nav {
transform: translateX(0px);
background: none;
height: auto
}
.nav-open header .nav_section .top-nav .nav-item {
width: 50%;
margin-left: 0;
text-align: center
}
@media (max-width: 991px) {
.nav-open header .nav_section .top-nav .nav-item {
margin-bottom: 15px
}
}
.nav-open header .nav_section .top-nav .nav-item .nav-link {
color: #707070;
text-decoration: underline;
font-size: 1.8rem;
font-family: "Avenir-Book", sans-serif
}
@media (min-width: 992px) {
.search-icon-top,
.navbar-toggler {
display: none
}
}
.side_icons {
position: fixed;
right: 0;
top: 50%;
margin-top: -45px;
z-index: 100
}
.side_icons ul {
list-style: none;
margin: 0;
padding: 0
}
.side_icons ul li {
margin: 14px;
display: flex;
justify-content: flex-end
}
.side_icons ul li a {
transition: all .3s;
border-radius: 10px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
padding: 7px 5px;
display: flex;
align-items: center;
font-size: 14px;
line-height: 1.12;
text-decoration: none;
overflow: hidden;
height: 46px;
color: #000;
background: #fff
}
@media (max-width: 991px) {
.side_icons ul li a {
height: 32px;
width: 32px;
align-items: center;
justify-content: center
}
}
.side_icons ul li a span {
transition: all .3s;
visibility: hidden;
padding-left: 5px;
width: 0px;
overflow: hidden;
display: flex;
white-space: nowrap
}
@media (max-width: 991px) {
.side_icons ul li a span {
display: none
}
}
.side_icons ul li a:hover span {
width: 132px;
visibility: visible;
padding-left: 10px
}
.side_icons ul li img {
max-width: 30px
}
@media (max-width: 991px) {
.side_icons ul li img {
max-width: 19px
}
}
.side_icons ul li.rotated_text a {
transform: rotate(-90deg) translate(38px, 38px);
height: 46px;
text-align: center;
min-width: 120px;
display: flex;
align-items: center;
justify-content: center
}
.side_icons ul li.rotated_text.btm_text a {
transform: rotate(-90deg) translate(-38px, 38px)
}
@media (max-width: 991px) {
.side_icons ul li.chat_buddy {
display: none
}
}
@media (max-width: 991px) {
.side_icons {
right: -10px;
margin-top: 0
}
}
img {
max-width: 100%
}
img.rounded {
border-radius: 20px !important
}
h1,
h2 {
font-size: 4.4rem;
font-family: "Avenir-Black", sans-serif
}
h1 span,
h2 span {
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
h2 {
font-size: 3rem
}
}
@media (max-width: 1450px) {
h2 {
font-size: 2.4rem
}
}
.section-heading {
margin-bottom: 30px
}
@media (max-width: 991px) {
.section-heading {
margin-bottom: 20px
}
}
.section-heading h2 {
margin: 0 0 10px
}
.section-heading p {
font-size: 1.8rem;
font-family: "Avenir-Light", sans-serif;
color: #707070;
max-width: 85%
}
@media (max-width: 1450px) {
.section-heading p {
font-size: 1.6rem
}
}
@media (max-width: 991px) {
.section-heading p {
font-size: 1.6rem;
max-width: 100%
}
}
@media (max-width: 991px) {
.section-heading br {
display: none
}
}
.section-heading a {
color: #000;
text-decoration: none
}
.page-heading {
padding: 70px 0
}
@media (max-width: 1601px) {
.page-heading {
padding: 40px 0
}
}
.page-heading h1 {
font-size: 9rem
}
@media (max-width: 1601px) {
.page-heading h1 {
font-size: 5rem
}
}
@media (max-width: 768px) {
.page-heading h1 {
font-size: 4rem
}
}
.page-heading p {
font-size: 3.2rem
}
@media (max-width: 1601px) {
.page-heading p {
font-size: 2.4rem
}
}
@media (max-width: 768px) {
.page-heading p {
font-size: 2rem
}
.page-heading p br {
display: none
}
}
.section-py {
padding: 40px 0
}
.section-pt {
padding-top: 40px
}
.section-pb {
padding-bottom: 40px
}
.section-mt {
margin-top: 40px
}
.section-mb {
margin-bottom: 40px
}
@media (min-width: 1601px) {
.section-py {
padding: 60px 0
}
.section-pt {
padding-top: 60px
}
.section-pb {
padding-bottom: 60px
}
.section-mt {
margin-top: 60px
}
.section-mb {
margin-bottom: 60px
}
}
@media (min-width: 1601px) {
.section-py {
padding: 90px 0
}
.section-pt {
padding-top: 90px
}
.section-pb {
padding-bottom: 90px
}
.section-mt {
margin-top: 90px
}
.section-mb {
margin-bottom: 90px
}
}
@media (max-width: 991px) {
.section-py {
padding: 40px 0
}
.section-pt {
padding-top: 40px
}
.section-pb {
padding-bottom: 40px
}
.section-mt {
margin-top: 40px
}
.section-mb {
margin-bottom: 40px
}
}
@media (min-width: 1366px) {
.hero-section {
position: relative;
height: 85vh;
overflow: hidden
}
}
.c-red {
color: #EF4637
}
.bg-black {
background-color: #000;
color: #fff
}
.bg-black .slick-next:before {
content: url(8a5f779dbfeedd5949c9.svg)
}
.bg-black .slick-prev:before {
content: url(616b50685076a1aeba55.svg)
}
.bg-grey {
background-color: #C1C1C1
}
.bg-red {
background-color: #EF4637
}
.slick-slider .slick-track {
display: flex
}
.slick-slider .slick-track .slick-slide {
display: flex;
height: auto;
padding: 15px
}
@media (min-width: 1601px) {
.slick-slider .slick-track .slick-slide {
padding-left: 25px;
padding-right: 25px
}
}
@media (max-width: 991px) {
.slick-slider .slick-track .slick-slide {
padding-top: 0;
padding-left: 0;
padding-right: 20px
}
}
.slick-slider .slick-track .slick-slide a {
text-decoration: none
}
.slick-slider .slick-track .slick-slide img {
display: inline-block
}
@media (max-width: 1023px) {
.slick-slider {
margin: 0;
padding-bottom: 40px
}
.slick-slider .slick-prev {
left: 0;
top: auto;
bottom: -4px;
z-index: 10;
text-align: left
}
.slick-slider .slick-prev.slick-disabled {
bottom: -17px
}
.slick-slider .slick-next {
right: 0px;
bottom: -17px;
top: auto;
z-index: 10;
text-align: right
}
.slick-slider .slick-next.slick-disabled {
bottom: -4px;
text-align: left
}
}
.slick-slider.no-slider {
padding-right: 0px !important
}
.common-tabs {
border: none
}
.common-tabs::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent
}
.common-tabs::-webkit-scrollbar-thumb {
background: transparent
}
.common-tabs .nav-item {
margin-right: 50px
}
.common-tabs .nav-item:last-child {
margin-right: 0
}
@media (max-width: 1601px) {
.common-tabs .nav-item {
margin-right: 30px
}
}
@media (max-width: 991px) {
.common-tabs .nav-item {
margin-right: 20px
}
}
.common-tabs .nav-item .nav-link {
border: none;
color: #707070;
font-size: 2rem;
position: relative;
padding: 0 0 5px;
transition: all .4s;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.common-tabs .nav-item .nav-link {
font-size: 1.6rem
}
}
@media (max-width: 991px) {
.common-tabs .nav-item .nav-link {
font-size: 1.4rem
}
}
.common-tabs .nav-item .nav-link:after {
content: "";
background: transparent;
width: 0;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s
}
@media (max-width: 1601px) {
.common-tabs .nav-item .nav-link:after {
height: 2px
}
}
.common-tabs .nav-item .nav-link.active {
color: #000
}
.common-tabs .nav-item .nav-link.active:after {
background: #EF4637;
width: 100%;
border-radius: 3px
}
.common-tabs .nav-item .nav-link h3 {
font-size: 2.4rem;
margin: 0
}
@media (max-width: 1601px) {
.common-tabs .nav-item .nav-link h3 {
font-size: 1.8rem
}
}
.common-tabs .nav-item .nav-link:hover {
color: #000
}
.rounded-tabs {
border: none;
margin-bottom: 38px
}
.rounded-tabs::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent
}
.rounded-tabs::-webkit-scrollbar-thumb {
background: transparent
}
@media (max-width: 1601px) {
.rounded-tabs {
margin-bottom: 20px
}
}
.rounded-tabs .nav-item {
margin-right: 20px
}
.rounded-tabs .nav-link {
border: solid 1px #CBCBCB;
border-radius: 10px;
color: #000000;
font-size: 1.6rem;
padding: 7px 22px
}
.rounded-tabs .nav-link.active {
border-color: #000;
background-color: #000;
color: #fff;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1450px) {
.rounded-tabs .nav-link {
font-size: 1.2rem;
padding: 6px 20px;
border-radius: 6px;
font-family: "Avenir-Medium", sans-serif
}
}
@media (max-width: 600px) {
.rounded-tabs .nav-link {
font-size: 1.4rem
}
}
.rounded-tabs.pageActive {
margin-bottom: 0
}
@media (max-width: 991px) {
.nav-tabs.nav-wrap.nav-tabs-fees.rounded-tabs {
flex-wrap: wrap
}
}
@media (max-width: 600px) {
.nav-tabs.nav-wrap.nav-tabs-fees.rounded-tabs .nav-item {
margin-right: 10px;
margin-bottom: 8px
}
}
@media (max-width: 600px) {
.nav-tabs.nav-wrap.nav-tabs-fees.rounded-tabs .nav-link {
padding: 6px 8px
}
}
.nav-tabs {
flex-wrap: nowrap;
overflow: hidden;
overflow-x: auto;
padding-bottom: 2px
}
.nav-tabs.nav-wrap {
flex-wrap: wrap
}
@media (max-width: 991px) {
.nav-tabs.nav-wrap {
flex-wrap: nowrap
}
}
.nav-tabs.nav-wrap .nav-item {
margin-bottom: 15px;
margin-right: 15px
}
.nav-tabs.nav-wrap .nav-item .nav-link {
padding: 6px 15px
}
.nav-tabs.nav-wrap+.tab-content {
padding-top: 15px
}
@media (max-width: 991px) {
.nav-tabs {
margin-bottom: 18px
}
}
.nav-tabs .nav-link {
white-space: nowrap
}
.nav-tabs.anchor-tabs {
margin-bottom: 0
}
.common-card {
display: flex;
flex-direction: column;
text-decoration: none;
border-radius: 45px;
position: relative;
padding-bottom: 45px;
width: 100%;
height: 100%;
color: #fff;
background-color: #000;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s
}
@media (min-width: 1601px) {
.common-card {
padding-bottom: 70px
}
}
@media (max-width: 1601px) {
.common-card {
border-radius: 30px
}
}
@media (max-width: 767px) {
.common-card {
padding-bottom: 30px
}
}
.common-card[href]:before {
content: "";
width: 74px;
height: 4px;
background-color: #ef4637;
position: absolute;
left: 33px;
bottom: 33px;
border-radius: 4px;
transition: all .4s
}
@media (min-width: 1601px) {
.common-card[href]:before {
left: 40px;
bottom: 50px
}
}
@media (max-width: 1600px) {
.common-card[href]:before {
width: 64px;
height: 3px
}
}
@media (max-width: 767px) {
.common-card[href]:before {
bottom: 35px;
width: 58px;
height: 3px
}
}
.common-card[href]:after {
content: "";
width: 18px;
height: 18px;
border-top: solid 4px #ef4637;
border-right: solid 4px #ef4637;
transform: rotate(45deg);
position: absolute;
left: 91px;
bottom: 26px;
transition: all .4s;
border-radius: 4px 4px 4px 0
}
@media (min-width: 1601px) {
.common-card[href]:after {
left: 98px;
bottom: 43px
}
}
@media (max-width: 1600px) {
.common-card[href]:after {
border-top-width: 3px;
border-right-width: 3px;
left: 80px;
width: 16px;
height: 16px;
border-radius: 3px 3px 3px 0
}
}
@media (max-width: 767px) {
.common-card[href]:after {
bottom: 28px;
left: 74px
}
}
.common-card .common-card-body {
padding: 33px 33px 20px
}
@media (min-width: 1601px) {
.common-card .common-card-body {
padding: 50px 40px 20px
}
}
@media (max-width: 767px) {
.common-card .common-card-body {
padding: 33px
}
}
.common-card .common-card-body h3 {
font-size: 3.4rem;
font-family: "Avenir-Heavy", sans-serif;
margin: 0 0 16px
}
@media (max-width: 1601px) {
.common-card .common-card-body h3 {
font-size: 2.4rem;
margin-bottom: 10px
}
}
@media (max-width: 1280px) {
.common-card .common-card-body h3 {
font-size: 2rem
}
}
.common-card .common-card-body p {
font-size: 2rem;
font-family: "Avenir-Light", sans-serif;
margin-bottom: 20px;
color: #e0e0e0
}
@media (max-width: 1601px) {
.common-card .common-card-body p {
font-size: 1.4rem;
margin-bottom: 20px
}
.common-card .common-card-body p:last-child {
margin: 0
}
}
.common-card .common-card-body p:last-child {
margin: 0
}
.common-card .common-card-body .linkedinP {
margin-bottom: 15px !important
}
@media (max-width: 1601px) {
.common-card .common-card-body .linkedinP {
margin-bottom: 5px !important
}
}
@media (max-width: 767px) {
.common-card .common-card-body .linkedinP {
margin-bottom: 0px !important
}
}
.common-card .common-card-body .textDetails {
font-size: 2.2rem
}
@media (max-width: 1601px) {
.common-card .common-card-body .textDetails {
font-size: 1.6rem
}
}
.common-card .common-card-body .yearDetails {
font-size: 2rem;
font-family: 'Avenir-Medium';
margin-bottom: 10px
}
@media (max-width: 1601px) {
.common-card .common-card-body .yearDetails {
font-size: 1.4rem
}
}
@media (max-width: 1601px) {
.common-card .common-card-body .yearDetails {
margin-bottom: 5px
}
}
.common-card .common-card-body .deanDetails {
font-size: 2.2rem;
font-family: 'Avenir-Medium';
margin-bottom: 10px
}
@media (max-width: 1601px) {
.common-card .common-card-body .deanDetails {
font-size: 1.4rem
}
}
.common-card .common-card-body.addOpacity {
visibility: hidden
}
.common-card.card-light {
color: #000
}
.common-card.card-light:after {
border-color: #000
}
.common-card.card-light:before {
background-color: #000
}
.common-card figure {
overflow: hidden;
margin: 0;
border-radius: 40px 40px 0 0;
width: 100%
}
@media (max-width: 1601px) {
.common-card figure {
border-radius: 25px 25px 0 0
}
}
.common-card figure img {
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
display: inline-block;
width: 100%;
border-radius: 40px 40px 0 0
}
@media (max-width: 1601px) {
.common-card figure img {
border-radius: 20px 20px 0 0
}
}
.common-card:hover {
box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.5);
color: #fff;
transform: translate3d(0px, -8px, 0px);
-webkit-transform: translate3d(0px, -8px, 0px);
-moz-transform: translate3d(0px, -8px, 0px)
}
@media (max-width: 991px) {
.common-card:hover {
box-shadow: none;
transform: none;
-webkit-transform: none;
-moz-transform: none
}
}
.common-card:hover figure img {
transform: scale(1.03)
}
@media (max-width: 991px) {
.common-card:hover figure img {
transform: none
}
}
.common-card:hover:before {
width: 84px
}
@media (max-width: 1600px) {
.common-card:hover:before {
width: 74px
}
}
@media (max-width: 767px) {
.common-card:hover:before {
width: 58px
}
}
.common-card:hover:after {
margin-left: 10px
}
@media (max-width: 767px) {
.common-card:hover:after {
margin-left: 0px
}
}
.common-card:hover .cta_with_arrow:before {
width: 54px;
margin-right: -10px
}
.common-card:hover .cta_with_arrow:after {
margin-right: -10px
}
.common-card.imageonly {
background: none;
padding: 0
}
.common-card.imageonly:after,
.common-card.imageonly:before {
display: none
}
.common-card.imageonly figure {
border-radius: 45px
}
@media (max-width: 1601px) {
.common-card.imageonly figure {
border-radius: 30px
}
}
.common-card.imageonly figure img {
border-radius: 45px
}
@media (max-width: 1601px) {
.common-card.imageonly figure img {
border-radius: 30px
}
}
.common-card.side-arrow {
padding-bottom: 0px
}
.common-card.side-arrow .common-card-body {
padding: 36px 33px
}
@media (min-width: 1601px) {
.common-card.side-arrow .common-card-body {
padding: 55px 50px
}
}
@media (max-width: 991px) {
.common-card.side-arrow .common-card-body {
padding: 25px 33px
}
}
.common-card.side-arrow:before,
.common-card.side-arrow:after {
display: none
}
.common-card.side-arrow h3 {
display: inline-block;
position: relative;
padding-right: 70px
}
@media (max-width: 991px) {
.common-card.side-arrow h3 {
padding-right: 60px
}
}
.common-card.side-arrow h3:before,
.common-card.side-arrow h3:after {
position: absolute;
top: 50%;
margin-top: -2px
}
.common-card.side-arrow h3:before {
content: "";
width: 50px;
height: 4px;
background-color: #ef4637;
position: absolute;
right: 0;
transition: all .4s;
border-radius: 4px
}
@media (max-width: 1600px) {
.common-card.side-arrow h3:before {
height: 3px
}
}
@media (max-width: 991px) {
.common-card.side-arrow h3:before {
width: 37px
}
}
.common-card.side-arrow h3:after {
content: "";
width: 18px;
height: 18px;
border-top: solid 4px #ef4637;
border-right: solid 4px #ef4637;
transform: rotate(45deg);
position: absolute;
right: 0px;
margin-top: -9px;
transition: all .4s;
border-radius: 4px 4px 4px 0px
}
@media (max-width: 1600px) {
.common-card.side-arrow h3:after {
width: 16px;
height: 16px;
border-radius: 3px 3px 3px 0px;
border-top-width: 3px;
border-right-width: 3px
}
}
.common-card.side-arrow h4 {
font-size: 2.6rem;
margin-top: 0
}
@media (max-width: 1601px) {
.common-card.side-arrow h4 {
font-size: 1.8rem;
margin-top: 0px
}
}
.common-card.side-arrow:hover h3:before {
right: -10px;
width: 60px
}
.common-card.side-arrow:hover h3:after {
right: -10px
}
.common-card.side-arrow:hover .cta_with_arrow {
cursor: pointer
}
.common-card.side-arrow:hover .cta_with_arrow:before {
right: -10px
}
.common-card.side-arrow:hover .cta_with_arrow:after {
right: -10px
}
.common-card .common-card-footer {
position: absolute;
bottom: 10px;
left: 0px;
padding: 15px 33px;
width: 100%
}
@media (min-width: 1601px) {
.common-card .common-card-footer {
padding: 15px 40px
}
}
@media (max-width: 991px) {
.common-card .common-card-footer {
padding-bottom: 0px;
bottom: 20px
}
}
.common-card .common-card-footer .cta_with_arrow {
cursor: pointer;
font-size: 2.4rem;
color: #fff;
text-decoration: none
}
@media (max-width: 1601px) {
.common-card .common-card-footer .cta_with_arrow {
font-size: 1.8rem
}
}
.common-card.with-border figure {
border: solid 1px #E0E0E0
}
.common-card.title-only .common-card-body h3 {
margin: 0
}
.common-card.with_abs_footer {
padding-bottom: 80px
}
@media (max-width: 1601px) {
.common-card.with_abs_footer {
padding-bottom: 56px
}
}
.common-card.with_abs_footer .common-card-body {
padding-bottom: 10px
}
.common-card.with_abs_footer .common-card-body p:last-child {
margin-bottom: 5px
}
.common-card.with_abs_footer .common-card-footer {
bottom: 30px
}
@media (max-width: 1601px) {
.common-card.with_abs_footer .common-card-footer {
padding: 0 33px
}
}
.common-card.without-image {
border-radius: 20px
}
@media (max-width: 767px) {
.common-card.without-image {
height: auto;
margin-bottom: 20px
}
}
.common-card.award-card {
padding-bottom: 25px
}
@media (max-width: 1601px) {
.common-card.award-card {
padding-bottom: 13px
}
}
.common-card.no-cardFooter {
padding-bottom: 30px
}
@media (max-width: 1601px) {
.common-card.no-cardFooter {
padding-bottom: 13px
}
}
.container {
padding-left: 15px;
padding-right: 15px;
position: relative
}
@media (max-width: 768px) {
.container {
padding-left: 20px;
padding-right: 20px
}
}
.slick-dots {
bottom: 12px
}
.slick-dots li {
width: 8px;
height: 8px
}
.slick-dots li button {
width: 8px;
height: 8px
}
.slick-dots li button:before {
width: 8px;
height: 8px;
line-height: 0px;
font-size: 0px;
background: #000;
border-radius: 100%
}
.know_more_wrap {
margin-top: 30px;
text-align: center
}
@media (max-width: 991px) {
.know_more_wrap {
margin-top: 20px
}
}
.tab-content {
padding-top: 0px
}
@media (max-width: 991px) {
.tab-content {
padding-top: 0px
}
}
.banner_inner {
position: relative
}
.banner_inner picture img {
width: 100%;
height: auto
}
.banner_inner video {
width: 100%;
height: auto
}
.banner_inner .banner_text {
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center
}
@media (max-width: 768px) {
.banner_inner .banner_text {
align-items: flex-end;
padding-bottom: 20px
}
.banner_inner .banner_text br {
display: none
}
.banner_inner .banner_text p {
margin: 0
}
}
.banner_inner .banner_text .dash {
font-size: inherit
}
@media (min-width: 600px) {
.banner_inner .banner_text .dash {
display: none
}
}
.banner_inner .banner_text h1 {
font-size: 7rem;
line-height: 1.2;
text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
text-transform: uppercase
}
@media (max-width: 1601px) {
.banner_inner .banner_text h1 {
font-size: 5rem
}
}
@media (max-width: 768px) {
.banner_inner .banner_text h1 {
font-size: 4rem
}
}
@media (max-width: 600px) {
.banner_inner .banner_text h1 {
font-size: 3.2rem
}
}
.banner_inner .banner_text h1 span {
font-size: 4rem;
font-family: 'Avenir-Heavy';
display: block;
margin-top: 10px;
line-height: 1.2;
margin-bottom: 10px;
text-transform: none
}
@media (max-width: 1601px) {
.banner_inner .banner_text h1 span {
font-size: 3.2rem
}
}
@media (max-width: 768px) {
.banner_inner .banner_text h1 span {
font-size: 2.4rem
}
}
.banner_inner .banner_text p {
font-size: 2.7rem;
margin: 0;
text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.banner_inner .banner_text p {
font-size: 2.4rem
}
}
@media (max-width: 768px) {
.banner_inner .banner_text p {
font-size: 2rem
}
}
.banner_inner .banner_text .btn {
margin-top: 20px;
font-size: 1.8rem;
padding: 15px 30px;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 991px) {
.banner_inner .banner_text .btn {
padding: 12px 15px
}
}
@media (max-width: 375px) {
.banner_inner .banner_text .btn {
padding: 12px
}
}
.banner_inner .banner_text.color-dark {
color: #000
}
.banner_inner .banner_text .link_wrap {
margin-top: 20px
}
.banner_inner .banner_text .date-text {
font-size: 3.2rem;
font-family: "Avenir-Heavy", sans-serif;
margin-top: 10px
}
.banner_inner .banner_text .date-text span {
white-space: nowrap
}
.banner_inner .banner_text .date-text span small {
font-size: inherit
}
@media (max-width: 991px) {
.banner_inner .banner_text .date-text span small {
display: none
}
}
@media (max-width: 1601px) {
.banner_inner .banner_text .date-text {
font-size: 2.4rem
}
}
@media (max-width: 768px) {
.banner_inner.card-banner .banner_text {
position: relative;
padding-top: 20px;
background: #000
}
}
.banner_inner.text-right .banner_text {
text-align: right
}
@media (max-width: 768px) {
.banner_inner.text-right .banner_text {
text-align: left
}
}
.intro_text {
font-size: 2.8rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.intro_text h1 {
font-size: 3rem
}
}
@media (max-width: 1450px) {
.intro_text h1 {
font-size: 2.4rem
}
}
@media (max-width: 1601px) {
.intro_text {
font-size: 2.4rem
}
}
@media (max-width: 1601px) {
.intro_text {
font-size: 1.8rem
}
}
.intro_text p {
font-size: 2.8rem;
font-family: "Avenir-Light", sans-serif;
margin-bottom: 30px;
max-width: 100%
}
@media (max-width: 1601px) {
.intro_text p {
font-size: 2.4rem;
margin-bottom: 18px
}
}
@media (max-width: 1601px) {
.intro_text p {
font-size: 1.8rem
}
}
@media (max-width: 768px) {
.intro_text p {
font-size: 1.6rem
}
}
.intro_text p span {
font-family: 'Avenir-Heavy'
}
.intro_text p:last-child {
margin: 0
}
.intro_text li {
font-size: 2.8rem;
font-family: "Avenir-Light", sans-serif;
margin-bottom: 5px;
max-width: 100%
}
@media (max-width: 1601px) {
.intro_text li {
font-size: 2.4rem
}
}
.intro_text .subtext p {
font-size: 2.4rem
}
@media (max-width: 1601px) {
.intro_text .subtext p {
font-size: 2rem;
margin-bottom: 18px
}
}
@media (max-width: 768px) {
.intro_text .subtext p {
font-size: 1.4rem
}
}
.intro_text .section-content {
padding-top: 20px
}
.intro_text .section-content h3 {
font-size: 2.4rem;
margin: 0 0 30px;
font-family: "Avenir-Heavy", sans-serif
}
.intro_text .link {
text-decoration: none;
color: #000
}
.intro_text .link img {
margin-left: 10px
}
@media (max-width: 768px) {
.intro_text .link img {
margin-left: 7px
}
}
@media (max-width: 991px) {
.intro_text .download-text {
text-align: center
}
}
.single_image_slider .item {
position: relative;
flex-wrap: wrap
}
.single_image_slider .item figure {
margin: 0;
position: relative
}
@media (max-width: 1023px) {
.single_image_slider .item figure {
margin-bottom: 20px;
order: 1
}
}
.single_image_slider .item img {
width: 100%;
border-radius: 45px;
transition: all .3s
}
@media (max-width: 1023px) {
.single_image_slider .item img {
border-radius: 20px
}
}
.single_image_slider .item a.vid_link {
position: relative;
overflow: hidden;
border-radius: 45px;
width: 100%
}
@media (max-width: 1023px) {
.single_image_slider .item a.vid_link {
border-radius: 0px;
display: flex;
flex-wrap: wrap
}
}
.single_image_slider .item a.vid_link span {
position: absolute;
top: calc(50% - 75px);
left: calc(50% - 75px)
}
@media (max-width: 1023px) {
.single_image_slider .item a.vid_link span {
top: calc(50% - 40px);
left: calc(50% - 40px)
}
}
.single_image_slider .item a.vid_link span img {
width: 150px;
height: 150px
}
@media (max-width: 1023px) {
.single_image_slider .item a.vid_link span img {
width: 80px;
height: 80px
}
}
.single_image_slider .item a.vid_link:hover img {
transform: scale(1.1)
}
@media (max-width: 768px) {
.single_image_slider .item a.vid_link:hover img {
transform: none
}
}
@media (max-width: 768px) {
.single_image_slider.slick-slider.no-slider .slick-track .slick-slide {
padding: 15px 0px
}
}
.single_image_slider .video_content {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
bottom: 0;
padding: 45px 15px 45px 7%;
color: #fff;
display: flex;
border-radius: 0 0 45px 45px
}
@media (max-width: 1023px) {
.single_image_slider .video_content {
position: relative;
background: none;
padding: 0px;
color: #000;
flex-direction: column;
margin-bottom: 0px;
order: 2
}
}
.single_image_slider .video_content h3 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 3rem;
margin: 0;
padding: 0;
min-width: 180px
}
@media (max-width: 1450px) {
.single_image_slider .video_content h3 {
font-size: 2.4rem
}
}
@media (max-width: 1023px) {
.single_image_slider .video_content h3 {
font-size: 1.8rem;
margin: 0;
padding: 0
}
}
.single_image_slider .video_content p {
border-left: solid 1px #fff;
font-family: "Avenir-Medium", sans-serif;
font-size: 2.2rem;
margin: 0 0 0 30px;
padding: 0 30px 0 30px
}
@media (max-width: 1450px) {
.single_image_slider .video_content p {
font-size: 1.6rem;
margin: 0 0 0 20px;
padding: 0 20px 0 20px
}
}
@media (max-width: 1023px) {
.single_image_slider .video_content p {
font-family: "Avenir-Light", sans-serif;
font-size: 1.6rem;
margin: 0;
padding: 0
}
}
.single_image_slider.card_on_mobile figure {
margin-bottom: 0;
width: 100%
}
@media (max-width: 992px) {
.single_image_slider.card_on_mobile.slick-slider .slick-track .slick-slide {
padding-left: 0px;
padding-right: 20px
}
.single_image_slider.card_on_mobile .item .vid_link {
border-radius: 20px;
height: 100%;
background: #000;
flex-direction: column
}
.single_image_slider.card_on_mobile .item .vid_link img {
border-radius: 20px 20px 0 0
}
.single_image_slider.card_on_mobile .item .vid_link .video_content {
padding: 33px;
background: #000;
color: #fff;
border-radius: 0 0 20px 20px;
height: auto
}
.single_image_slider.card_on_mobile .item .vid_link .video_content h3 {
border: none;
font-size: 2.4rem;
margin-bottom: 10px
}
.single_image_slider.card_on_mobile .item .vid_link .video_content p {
font-size: 1.4rem;
border: none
}
}
@media (max-width: 992px) {
.single_image_slider.card_on_mobile.no-slider.slick-slider .slick-track .slick-slide {
padding-left: 0px;
padding-right: 0px
}
}
.single_image_slider iframe {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.single_image_slider .close-video {
display: none;
padding: 0;
margin: 0;
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
font-size: 2.4rem;
line-height: 1;
color: #000;
background: #fff;
border: 0;
border-radius: 100%;
opacity: 1;
width: 45px;
height: 45px
}
.common-card.side-arrow.fashion-noarrow h3:after {
display: none
}
.common-card.side-arrow.fashion-noarrow h3:before {
display: none
}
.cta_with_arrow {
cursor: pointer;
display: inline-block;
position: relative;
padding-right: 62px
}
.cta_with_arrow:before,
.cta_with_arrow:after {
position: absolute;
top: 50%
}
.cta_with_arrow:before {
content: "";
width: 44px;
height: 4px;
background-color: #ef4637;
position: absolute;
right: 0;
transition: all .4s;
border-radius: 4px
}
@media (max-width: 1600px) {
.cta_with_arrow:before {
height: 3px;
border-radius: 3px
}
}
.cta_with_arrow:after {
content: "";
width: 18px;
height: 18px;
border-top: solid 4px #ef4637;
border-right: solid 4px #ef4637;
transform: rotate(45deg);
position: absolute;
right: 0px;
margin-top: -7px;
transition: all .4s;
border-radius: 4px 4px 4px 0px
}
@media (max-width: 1600px) {
.cta_with_arrow:after {
width: 14px;
height: 14px;
border-radius: 3px 3px 3px 0px;
border-top-width: 3px;
border-right-width: 3px;
margin-top: -6px
}
}
.cta_with_arrow:hover:before {
width: 54px;
margin-right: -10px
}
.cta_with_arrow:hover:after {
margin-right: -10px
}
.no_arrow:before,
.no_arrow:after {
display: none
}
.breadcrumb-section {
position: absolute;
z-index: 99;
width: 100%
}
@media (max-width: 768px) {
.breadcrumb-section {
display: none
}
}
.breadcrumb-section ul {
margin-top: 20px;
list-style: none
}
.breadcrumb-section ul li {
color: #fff;
font-size: 2rem
}
@media (max-width: 1601px) {
.breadcrumb-section ul li {
font-size: 1.4rem
}
}
.breadcrumb-section ul li+.breadcrumb-item:before {
color: #fff
}
.breadcrumb-section ul li a {
color: #fff;
text-decoration: none
}
.breadcrumb-section ul li.breadcrumb-item.active {
color: #fff
}
.breadcrumb-section.without-banner {
position: relative
}
.breadcrumb-section.without-banner li {
color: #000
}
.breadcrumb-section.without-banner li+.breadcrumb-item:before {
color: #000
}
.breadcrumb-section.without-banner li a {
color: #000
}
.breadcrumb-section.without-banner li.breadcrumb-item.active {
color: #000
}
.breadcrumb-section.color-dark li {
color: #000
}
.breadcrumb-section.color-dark li+.breadcrumb-item:before {
color: #000
}
.breadcrumb-section.color-dark li a {
color: #000
}
.breadcrumb-section.color-dark li.breadcrumb-item.active {
color: #000
}
@media (max-width: 991px) {
.headerDashboard {
display: flex;
align-items: center
}
}
@media (max-width: 991px) {
.headerDashboard .nav_section {
width: 100%
}
}
@media (max-width: 991px) {
.headerDashboard .navbar {
backdrop-filter: none;
-webkit-backdrop-filter: none
}
}
@media (max-width: 991px) {
.headerDashboard .navbar .navbar-brand {
display: inline-block
}
}
@media (max-width: 991px) {
.headerDashboard .main-nav {
display: flex;
height: auto;
transform: none
}
}
@media (max-width: 991px) {
.headerDashboard .main-nav .nav {
flex-wrap: nowrap
}
}
@media (max-width: 991px) {
.headerDashboard .main-nav .nav .nav-item {
margin-left: 30px
}
}
.headerDashboard .main-nav .nav .nav-item .nav-link {
padding: 0;
font-size: 1.6rem;
font-family: "Avenir-Book", sans-serif
}
@media (max-width: 991px) {
.headerDashboard .main-nav .nav .nav-item .nav-link span {
display: none
}
}
@media (max-width: 991px) {
.headerDashboard .container {
padding: 0 20px
}
.headerDashboard .container .main-nav {
background: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
padding: 0
}
}
.headerDashboard.headerNew {
background: #000
}
@media (max-width: 991px) {
.headerDashboard .main-nav .nav {
flex-wrap: nowrap
}
}
@media (max-width: 991px) {
.headerDashboard .main-nav .nav .nav-item {
margin-left: 30px
}
}
.headerDashboard .main-nav .nav .nav-item .nav-link {
padding: 0;
font-size: 1.6rem;
font-family: "Avenir-Book", sans-serif
}
@media (max-width: 991px) {
.headerDashboard .main-nav .nav .nav-item .nav-link span {
display: none
}
}
.load_more_row .col-md-6,
.load_more_row .col-md-4 {
display: none;
margin-bottom: 50px
}
@media (max-width: 1601px) {
.load_more_row .col-md-6,
.load_more_row .col-md-4 {
margin-bottom: 30px
}
}
@media (max-width: 767px) {
.load_more_row .col-md-6:last-child,
.load_more_row .col-md-4:last-child {
margin-bottom: 0
}
}
.load_more_btn_wrap {
text-align: center;
margin-top: 30px
}
.card_row {
margin: 0 -25px
}
@media (max-width: 1601px) {
.card_row {
margin: 0 -15px
}
}
.card_row [class^="col-"] {
padding: 0 25px;
margin-top: 25px;
margin-bottom: 25px
}
@media (max-width: 1601px) {
.card_row [class^="col-"] {
padding: 0 15px;
margin-top: 15px;
margin-bottom: 15px
}
}
.numbers-section .container {
padding-bottom: 1px;
position: relative
}
.numbers-section .container:before {
content: "";
background: #000;
height: 6px;
width: calc(100% - 30px);
left: 15px;
position: absolute;
bottom: 0
}
.numbers-section .num_box {
padding-right: 50px;
margin-right: 50px;
border-right: solid 1px #000;
display: flex;
flex-direction: column;
height: 100%;
padding-top: 16px
}
@media (max-width: 1450px) {
.numbers-section .num_box {
padding-right: 30px;
margin-right: 30px
}
}
.numbers-section .num_box .num {
font-size: 7rem;
font-family: "Avenir-Black", sans-serif;
margin-bottom: 0px;
position: relative
}
.numbers-section .num_box .num sup {
font-family: "Avenir-Light", sans-serif;
top: -10px;
right: -5px
}
@media (min-width: 1601px) {
.numbers-section .num_box .num sup {
top: -23px;
font-size: 70%
}
}
.numbers-section .num_box .desc {
font-size: 2rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.numbers-section .num_box .num {
font-size: 5rem
}
.numbers-section .num_box .desc {
font-size: 1.6rem
}
}
@media (max-width: 1450px) {
.numbers-section .num_box .num {
font-size: 4.4rem
}
}
@media (max-width: 767px) {
.numbers-section .num_box {
border-right: none;
border-bottom: solid 1px #000;
flex-direction: row;
padding: 0 0 30px;
margin: 0 0 30px;
height: auto;
align-items: center
}
.numbers-section .num_box .num {
min-width: 130px;
font-size: 4rem
}
.numbers-section .num_box .desc {
font-size: 2.2rem
}
}
@media (max-width: 480px) {
.numbers-section .num_box .num {
min-width: 140px;
font-size: 3rem
}
.numbers-section .num_box .desc {
font-size: 2rem
}
}
.numbers-section .num_box small {
font-size: 2.2rem;
font-family: "Avenir-Light", sans-serif;
position: absolute;
top: -25px;
left: 0
}
.numbers-section .row .col-md-3:last-child .num_box,
.numbers-section .row .col-md-4:last-child .num_box {
border: none;
margin-right: 0;
padding-right: 0
}
@media (max-width: 767px) {
.numbers-section .row .col-md-3:last-child .num_box,
.numbers-section .row .col-md-4:last-child .num_box {
margin-bottom: 0;
padding-bottom: 0
}
}
.numbers-section .tc {
font-family: "Avenir-Light", sans-serif;
font-size: 1.6rem;
text-align: right;
margin-top: 24px
}
@media (max-width: 1450px) {
.numbers-section .tc {
font-size: 1.2rem
}
}
.numbers-section.common-numbers-section .container {
padding-bottom: 40px
}
.numbers-section.common-numbers-section .container:after {
content: ""
}
.numbers-section.common-numbers-section .num_box .num {
font-size: 4.4rem
}
.numbers-section.common-numbers-section .num_box .desc {
font-size: 1.8rem
}
.numbers-section.no-arrow .container:after {
display: none
}
.logoSlider.slick-slider .slick-track {
margin-left: 0
}
.logoSlider .logoBox {
border: solid 1px #ccc;
padding: 30px 0px;
border-radius: 20px;
display: block;
transition: all .4s
}
.logoSlider .logoBox:hover {
transform: translate3d(0px, -6px, 10px)
}
@media (max-width: 991px) {
.logoSlider .logoBox:hover {
transform: none
}
}
@media (min-width: 1601px) {
.logoSlider .logoBox {
padding: 50px 0px
}
}
@media (max-width: 991px) {
.logoSlider .logoBox {
padding: 33px 20px
}
}
.logoSlider .logoBox figure {
margin: 0;
text-align: center
}
.logoSlider .logoBox figure img {
max-height: 100px;
width: auto
}
@media (min-width: 1601px) {
.logoSlider .logoBox figure img {
max-height: 110px;
width: auto
}
}
.logoSlider.slick-initialized .slick-slide {
display: block
}
.logoSlider .ddetail_wrap {
margin-top: 20px;
font-size: 2.4rem
}
@media (min-width: 1601px) {
.logoSlider .ddetail_wrap {
font-size: 1.8rem
}
}
.logoSlider .ddetail_wrap a {
color: #000
}
.twoRowsSlider .slick-slider {
margin: 0
}
.twoRowsSlider .slick-slider .slick-list {
margin: 0 -25px
}
@media (max-width: 1601px) {
.twoRowsSlider .slick-slider .slick-list {
margin: 0 -15px
}
}
.twoRowsSlider .slick-slider .slick-track .slick-slide {
flex-direction: column
}
.twoRowsSlider .slick-slider .slick-track .slick-slide img {
border-radius: 20px;
cursor: pointer;
width: 100%
}
@media (max-width: 991px) {
.twoRowsSlider .slick-slider .slick-track .slick-slide {
flex-direction: row
}
.twoRowsSlider .slick-slider .slick-track .slick-slide>div {
margin: 0 10px
}
}
.twoRowsSlider .slide-item {
margin: 25px 0
}
@media (max-width: 1601px) {
.twoRowsSlider .slide-item {
margin: 15px 0
}
}
.galleryModal .modal-header {
border: none;
padding: 0;
min-height: 80px
}
.galleryModal .modal-header .btn-close {
position: absolute;
left: 15px;
top: 15px;
padding: 0;
margin: 0;
width: 50px;
height: 50px;
border: solid 1px #747474;
border-radius: 50%
}
.galleryModal .slick-slider {
margin: 0
}
.galleryModal .slick-slider .slick-track .slick-slide {
padding: 0
}
.galleryModal .slide-item img {
width: 100%
}
.fixed-bottom {
position: fixed;
bottom: 0;
background: #000;
left: 0;
width: 100%;
height: 60px;
padding: 14px 0
}
@media (min-width: 991px) {
.fixed-bottom {
display: none
}
}
.fixed-bottom .container {
padding: 0 10px
}
.fixed-bottom .container .col-md-4 {
padding-right: 0
}
.fixed-bottom .content_box {
color: #fff;
font-size: 1rem;
line-height: 1.4;
min-height: 22px;
position: relative;
border-right: solid 1px #707070;
display: flex;
align-items: center
}
.fixed-bottom .content_box a {
display: flex;
color: #fff;
text-decoration: none
}
@media (min-width: 391px) {
.fixed-bottom .content_box {
justify-content: center
}
}
@media (max-width: 360px) {
.fixed-bottom .content_box {
font-size: 1rem
}
}
.fixed-bottom .content_box img {
width: 22px;
height: 22px;
margin-right: 10px
}
.fixed-bottom .cta_box {
text-align: center
}
.fixed-bottom .cta_box .btn-primary {
font-size: 10px;
padding: 8px 18px;
background-color: #D63F31
}
.fixed-bottom .col-4:nth-child(2) {
padding-right: 0
}
.slick-list {
margin: 0 -15px
}
@media (max-width: 768px) {
.slick-list {
overflow: visible;
margin: 0;
padding: 0 15px
}
}
@media (max-width: 1601px) {
.slick-next:before,
.slick-prev:before {
transform: scale(0.75)
}
.slick-next {
right: -10px
}
.slick-prev {
right: 70px
}
}
.no-slider.slick-slider {
padding-bottom: 0
}
@media (max-width: 991px) {
.no-slider.slick-slider {
padding-bottom: 0
}
}
@media (max-width: 991px) {
.no-slider.slick-slider .slick-slide {
padding: 0
}
}
.no-slider.slick-slider .slick-dots {
display: none !important
}
.two-col {
align-items: center
}
.two-col figure {
margin: 0
}
.two-col figure img {
border-radius: 45px;
border: solid 1px #e0e0e0
}
@media (max-width: 1450px) {
.two-col figure img {
border-radius: 30px
}
}
.two-col p {
font-size: 1.6rem;
font-family: "Avenir-Light", sans-serif;
margin-bottom: 18px
}
.two-col p:last-child {
margin: 0
}
@media (min-width: 1367px) and (max-width: 1600px) {
.two-col p {
font-size: 2rem
}
}
@media (min-width: 1601px) {
.two-col p {
font-size: 2.4rem;
margin-bottom: 18px
}
}
.two-col.img-left figure {
margin: 0
}
@media (max-width: 991px) {
.two-col.img-left figure {
margin-bottom: 20px
}
}
.two-col.img-left img {
border-radius: 45px;
border: solid 1px #e0e0e0
}
@media (max-width: 1450px) {
.two-col.img-left img {
border-radius: 30px
}
}
.two-col.img-right figure img {
border-radius: 45px;
border: solid 1px #e0e0e0
}
@media (max-width: 1450px) {
.two-col.img-right figure img {
border-radius: 30px
}
}
@media (max-width: 991px) {
.two-col.img-right figure {
margin-bottom: 15px
}
}
.two-col .btn_row {
margin-top: 30px
}
@media (max-width: 767px) {
.two-col .btn_row {
justify-content: center;
display: flex;
flex-wrap: wrap
}
}
.two-col .btn_row a {
font-size: 2rem;
margin-right: 50px
}
@media (max-width: 1601px) {
.two-col .btn_row a {
font-size: 1.8rem;
margin-right: 30px
}
}
@media (max-width: 991px) {
.two-col .btn_row a {
margin-right: 0;
margin-bottom: 30px
}
}
.two-col .btn_row a:last-child {
margin-right: 0
}
@media (max-width: 991px) {
.two-col .btn_row a:last-child {
margin-bottom: 0px
}
}
@media (max-width: 768px) {
.two-cards .col-md-6 {
margin-bottom: 20px
}
.two-cards .col-md-6:last-child {
margin-bottom: 0
}
}
.page-loader {
width: 100%;
height: 100vh;
position: fixed;
background: #fff;
z-index: 99999;
top: 0%;
left: 0;
display: flex;
justify-content: center;
align-items: center
}
.page-loader .zoom-in-zoom-out {
animation: zoom-in-zoom-out 1s ease-out infinite
}
.section-loader {
width: 100%;
height: 100vh;
position: absolute;
background: #fff;
z-index: 10;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center
}
.section-loader .zoom-in-zoom-out {
animation: zoom-in-zoom-out 1s ease-out infinite
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1)
}
50% {
transform: scale(1.5, 1.5)
}
100% {
transform: scale(1, 1)
}
}
.rounded_box {
border: solid 2px #E0E0E0;
border-radius: 20px;
padding: 44px
}
@media (max-width: 1450px) {
.rounded_box {
padding: 33px
}
}
.rounded_box .form_wrap {
margin-bottom: 50px;
display: flex;
flex-wrap: wrap
}
.rounded_box .form_wrap:last-child {
margin-bottom: 0
}
.rounded_box .form_wrap h3 {
margin: 0 0 20px 0;
width: 100%
}
.rounded_box .form_wrap p {
margin: 0 0 20px 0;
position: relative
}
.rounded_box .form_wrap p:last-child {
margin: 0
}
.rounded_box .form_wrap [type="radio"]:checked,
.rounded_box .form_wrap [type="radio"]:not(:checked) {
position: absolute;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
cursor: pointer
}
.rounded_box .form_wrap [type="radio"]:checked+label,
.rounded_box .form_wrap [type="radio"]:not(:checked)+label {
position: relative;
padding-left: 34px;
cursor: pointer;
line-height: 1.5;
display: inline-block;
color: #000;
margin-bottom: 0px
}
@media (max-width: 1450px) {
.rounded_box .form_wrap [type="radio"]:checked+label,
.rounded_box .form_wrap [type="radio"]:not(:checked)+label {
padding-top: 4px
}
}
@media (max-width: 767px) {
.rounded_box .form_wrap [type="radio"]:checked+label,
.rounded_box .form_wrap [type="radio"]:not(:checked)+label {
padding-top: 4px
}
}
.rounded_box .form_wrap [type="radio"]:checked+label:before,
.rounded_box .form_wrap [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border: 1px solid #707070;
border-radius: 100%;
background: #fff
}
.rounded_box .form_wrap [type="radio"]:checked+label:after,
.rounded_box .form_wrap [type="radio"]:not(:checked)+label:after {
content: '';
width: 12px;
height: 12px;
background: #454545;
position: absolute;
top: 6px;
left: 6px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease
}
.rounded_box .form_wrap [type="radio"]:not(:checked)+label:after {
opacity: 0
}
.rounded_box .form_wrap [type="radio"]:checked+label:after {
opacity: 1
}
.rounded_box .form_wrap.locationList p,
.rounded_box .form_wrap.categoryList p {
width: 50%
}
.with_search {
margin-bottom: 30px
}
.with_search input {
border-color: #E0E0E0;
height: 66px;
border-radius: 0 20px 20px 0;
border-left: none;
padding-left: 0;
border-width: 2px
}
.with_search .input-group-text {
border-radius: 20px 0 0 20px;
border-color: #E0E0E0;
border-width: 2px;
border-right: none;
background-color: transparent;
width: 64px;
justify-content: center
}
.with_search .input-group-text.filter-icon {
border-left: none;
border-right: solid 2px #e0e0e0;
border-radius: 0 20px 20px 0
}
.table-wrap {
overflow: hidden;
overflow-x: auto;
border: solid 2px #E0E0E0;
border-radius: 20px;
margin-bottom: 40px
}
@media (max-width: 991px) {
.table-wrap {
border-radius: 10px
}
}
.table-wrap table {
width: 100%
}
.table-wrap table .num-col {
text-align: right
}
.table-wrap table thead th {
background: #000;
color: #fff;
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif;
padding: 30px 60px;
vertical-align: top
}
@media (max-width: 1601px) {
.table-wrap table thead th {
padding: 20px;
font-size: 1.8rem
}
}
@media (max-width: 991px) {
.table-wrap table thead th {
padding: 10px;
font-size: 1.4rem
}
}
.table-wrap table thead th:first-child {
border-radius: 20px 0 0 0
}
@media (max-width: 991px) {
.table-wrap table thead th:first-child {
border-radius: 10px 0 0 0
}
}
.table-wrap table thead th:last-child {
border-radius: 0px 20px 0 0
}
@media (max-width: 991px) {
.table-wrap table thead th:last-child {
border-radius: 0px 10px 0 0
}
}
.table-wrap table thead th span {
font-size: 1.8rem;
font-family: "Avenir-Light", sans-serif
}
.table-wrap table tbody td {
font-size: 2rem;
font-family: "Avenir-Medium", sans-serif;
padding: 30px 60px;
border-bottom: solid 1px #E0E0E0;
vertical-align: top
}
@media (max-width: 1601px) {
.table-wrap table tbody td {
padding: 20px;
font-size: 1.6rem
}
}
@media (max-width: 991px) {
.table-wrap table tbody td {
padding: 10px;
font-size: 1.4rem
}
}
.table-wrap table tbody td span {
font-size: 1.8rem;
font-family: "Avenir-Light", sans-serif
}
.table-wrap table tbody td:first-child {
position: relative
}
.table-wrap table tbody td:first-child:before {
position: absolute;
width: 60px;
bottom: 0;
content: "";
height: 100px;
background: #fff;
left: 0;
top: 0
}
@media (max-width: 1601px) {
.table-wrap table tbody td:first-child:before {
width: 20px
}
}
@media (max-width: 991px) {
.table-wrap table tbody td:first-child:before {
display: none
}
}
.table-wrap table tbody td:last-child {
position: relative
}
.table-wrap table tbody td:last-child:before {
position: absolute;
width: 60px;
bottom: 0;
content: "";
height: 100px;
background: #fff;
right: 0;
left: auto;
top: 0
}
@media (max-width: 1601px) {
.table-wrap table tbody td:last-child:before {
width: 20px
}
}
@media (max-width: 991px) {
.table-wrap table tbody td:last-child:before {
display: none
}
}
.table-wrap table tbody .no-border-row td {
border-bottom: none;
padding-bottom: 0px
}
.table-wrap table tbody .no-border-row:last-child td {
padding-bottom: 30px
}
.table-wrap table tbody tr:last-child td {
border-bottom: none;
font-family: 'Avenir-Heavy';
border-top: solid 2px #000
}
.table-wrap table tbody tr:nth-last-child(2) td {
padding-bottom: 30px
}
@media (max-width: 1601px) {
.table-wrap table tbody tr:nth-last-child(2) td {
padding-bottom: 20px
}
}
@media (max-width: 991px) {
.table-wrap table tbody tr:nth-last-child(2) td {
padding-bottom: 10px
}
}
.table-wrap table tfoot td {
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif;
padding: 30px 60px;
border-top: solid 2px #505050
}
@media (max-width: 1601px) {
.table-wrap table tfoot td {
padding: 20px;
font-size: 1.8rem
}
}
.table-wrap table tfoot td span {
font-size: 1.8rem;
font-family: "Avenir-Light", sans-serif
}
.table-wrap table tfoot td:first-child {
border-radius: 0px 0 0 20px
}
.table-wrap table tfoot td:last-child {
border-radius: 0 0px 20px 0
}
.text_content p,
.text_content li,
.mission-details p,
.mission-details li {
font-size: 2.4rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.text_content p,
.text_content li,
.mission-details p,
.mission-details li {
font-size: 1.6rem
}
}
.text_content p,
.mission-details p {
margin-bottom: 40px
}
.text_content p:last-child,
.mission-details p:last-child {
margin-bottom: 0
}
@media (max-width: 1601px) {
.text_content p,
.mission-details p {
margin-bottom: 20px
}
}
.text_content ul,
.mission-details ul {
margin-top: 20px;
list-style: none;
padding-left: 0;
margin-left: 0
}
.text_content ul li,
.mission-details ul li {
margin-bottom: 6px;
padding-left: 20px;
position: relative
}
.text_content ul li:after,
.mission-details ul li:after {
content: "";
width: 7px;
height: 7px;
background: #000;
border-radius: 100%;
position: absolute;
left: 0;
top: 12px
}
@media (max-width: 1601px) {
.text_content ul li:after,
.mission-details ul li:after {
top: 7px
}
}
.text_content ul a,
.mission-details ul a {
text-decoration: none;
color: #000;
transition: all .3s
}
.text_content ul a:hover,
.mission-details ul a:hover {
color: #EF4637
}
.text_content .cta_with_arrow,
.mission-details .cta_with_arrow {
cursor: pointer;
font-size: 2.6rem;
color: #000;
text-decoration: none;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 991px) {
.text_content .cta_with_arrow,
.mission-details .cta_with_arrow {
font-size: 1.8rem
}
}
.text_content .datetimetag,
.mission-details .datetimetag {
font-size: 1.8rem;
line-height: 1;
margin-bottom: 10px
}
@media (max-width: 1601px) {
.text_content .datetimetag,
.mission-details .datetimetag {
font-size: 1.4rem
}
}
@media (max-width: 991px) {
.text_content .datetimetag,
.mission-details .datetimetag {
font-size: 1.2rem
}
}
.text_content .datetimetag span,
.mission-details .datetimetag span {
display: inline-block;
padding-right: 15px;
margin-right: 15px;
border-right: solid 1px #000
}
@media (max-width: 1280px) {
.text_content .datetimetag span,
.mission-details .datetimetag span {
padding-right: 7px;
margin-right: 4px
}
}
.text_content .datetimetag span:last-child,
.mission-details .datetimetag span:last-child {
padding-right: 0px;
margin-right: 0px;
border: none
}
@media (max-width: 991px) {
.text_content .datetimetag span:first-child,
.mission-details .datetimetag span:first-child {
border: none;
margin-bottom: 7px;
margin-right: 0;
padding-right: 0;
display: block
}
}
.text_content h3,
.mission-details h3 {
font-size: 3.2rem;
margin: 0 0 15px
}
@media (max-width: 1601px) {
.text_content h3,
.mission-details h3 {
font-size: 2.4rem
}
}
@media (max-width: 991px) {
.text_content h3,
.mission-details h3 {
font-size: 1.8rem
}
}
@media (max-width: 767px) {
.selected_programs .rounded_box {
display: none
}
}
.filter_toggle_content {
position: relative;
display: none
}
@media (max-width: 767px) {
.filter_toggle_content {
display: block;
text-align: right
}
}
.filter_toggle_content .filter-button {
margin-bottom: 20px;
margin-left: auto;
background: none;
border: none
}
.filter_toggle_content .rounded_box {
position: absolute;
top: 0px;
left: 0;
width: 100%;
background: #fff;
z-index: 10;
max-height: 320px;
overflow: hidden;
overflow-y: auto;
border: none
}
.filter_toggle_content .filter_content {
display: none;
text-align: left
}
.filter_toggle_content .filter_content .close-btn {
position: absolute;
right: 15px;
top: 45px;
border: none;
padding: 0px;
background: none;
border: solid 1px #000;
border-radius: 100%;
width: 32px;
height: 32px;
z-index: 11;
font-size: 2.4rem;
line-height: 1
}
.filter_toggle_content .inner_content {
position: absolute;
top: 35px;
left: 0;
width: 100%;
background: #fff;
z-index: 10;
height: 380px;
overflow: hidden;
border: solid 1px #ccc;
border-radius: 20px
}
.filter_toggle_content .apply_filter {
position: absolute;
top: 360px;
z-index: 10;
left: 0px;
text-align: center;
width: 100%
}
.filter_toggle_content .apply_filter .btn-primary {
padding: 10px 20px;
font-size: 1.6rem
}
.during-addmission {
overflow: hidden;
overflow-x: auto;
border: solid 2px #E0E0E0;
border-radius: 20px;
margin-bottom: 40px;
padding: 30px 60px
}
@media (max-width: 1601px) {
.during-addmission {
padding: 20px;
font-size: 1.6rem
}
}
.during-addmission h3 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 2.4rem;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: #505050 solid 2px
}
@media (max-width: 1450px) {
.during-addmission h3 {
font-size: 1.6rem
}
}
.during-addmission p span {
font-family: "Avenir-Heavy", sans-serif
}
.during-addmission p.note {
font-family: "Avenir-Light", sans-serif;
font-size: 1.8rem;
margin-top: 40px
}
@media (max-width: 1450px) {
.during-addmission p.note {
margin-top: 30px;
font-size: 1.4rem
}
}
.accordion.with-updownarrow .accordion-item {
margin-bottom: 30px;
border: solid 2px #E0E0E0;
border-radius: 20px;
padding: 0
}
@media (max-width: 991px) {
.accordion.with-updownarrow .accordion-item {
margin-bottom: 20px
}
}
.accordion.with-updownarrow .accordion-item:last-child {
margin-bottom: 0px
}
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button {
padding: 34px 75px;
padding-right: 125px;
border-radius: 0px;
border: none;
background: transparent;
box-shadow: none;
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1450px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button {
padding: 30px;
padding-right: 80px;
font-size: 2rem
}
}
@media (max-width: 991px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button {
font-size: 2rem;
padding: 20px;
padding-right: 50px
}
}
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button:not(.collapsed) {
color: #000
}
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button:after {
width: 43px;
height: 43px;
border-radius: 100%;
border: solid .15rem #ADADAD;
background-image: none;
position: absolute;
right: 70px;
top: 27px
}
@media (max-width: 1450px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button:after {
width: 30px;
height: 30px;
right: 30px;
top: 27px
}
}
@media (max-width: 991px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button:after {
width: 24px;
height: 24px;
top: 20px;
right: 20px
}
}
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button:before {
content: "";
width: 12px;
height: 12px;
border-left: solid .15rem #ADADAD;
border-top: solid .15rem #ADADAD;
transform: rotate(45deg) translateX(6px);
background-image: none;
position: absolute;
right: 89px;
top: 40px;
transition: all .3s
}
@media (max-width: 1450px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button:before {
width: 10px;
height: 10px;
right: 44px;
top: 35px
}
}
@media (max-width: 991px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button:before {
width: 8px;
height: 8px;
right: 32px;
top: 26px
}
}
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button.collapsed:before {
transform: rotate(-135deg) translate(0px);
right: 85px
}
@media (max-width: 1450px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button.collapsed:before {
right: 40px
}
}
@media (max-width: 991px) {
.accordion.with-updownarrow .accordion-item .accordion-header .accordion-button.collapsed:before {
right: 28px
}
}
.accordion.with-updownarrow .accordion-item .accordion-body {
padding: 0px 70px 40px;
font-size: 2.4rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1450px) {
.accordion.with-updownarrow .accordion-item .accordion-body {
font-size: 1.6rem;
padding: 0px 30px 30px
}
}
@media (max-width: 991px) {
.accordion.with-updownarrow .accordion-item .accordion-body {
font-size: 1.8rem;
padding: 0px 20px 20px
}
}
.accordion.with-updownarrow .accordion-item .accordion-body strong,
.accordion.with-updownarrow .accordion-item .accordion-body b {
font-family: "Avenir-Medium", sans-serif
}
.accordion.with-updownarrow .accordion-item .accordion-body h4 {
font-size: 2.4rem;
margin: 0 0 20px;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1450px) {
.accordion.with-updownarrow .accordion-item .accordion-body h4 {
font-size: 2rem;
margin: 0 0 10px
}
}
.accordion.with-updownarrow .accordion-item .accordion-body ul {
margin: 0 0 0 6px
}
.accordion+.load_more_btn_wrap {
margin-top: 40px
}
@media (max-width: 1450px) {
.accordion+.load_more_btn_wrap {
margin-top: 20px
}
}
.accordion.with-loadmore .accordion-item {
display: none
}
.tabs-section {
margin-bottom: 50px
}
@media (max-width: 1601px) {
.tabs-section {
margin-bottom: 30px
}
}
@media (max-width: 991px) {
.tabs-section {
margin-bottom: 20px
}
}
.download_items {
padding: 0;
margin: 0;
list-style: none
}
.download_items li {
display: none;
margin-bottom: 20px
}
.download_items li:last-child {
margin-bottom: 0
}
.download_items li a {
display: block;
font-size: 2.4rem;
padding: 34px 260px 34px 40px;
position: relative;
border: solid 2px #e0e0e0;
border-radius: 20px;
color: #000;
text-decoration: none;
transition: all .4s
}
@media (max-width: 1601px) {
.download_items li a {
font-size: 2rem
}
}
@media (max-width: 991px) {
.download_items li a {
padding: 30px;
display: flex;
flex-wrap: wrap
}
}
.download_items li a span {
position: absolute;
right: 40px;
top: 34px;
font-size: 2.6rem;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 1601px) {
.download_items li a span {
font-size: 2.2rem
}
}
@media (max-width: 991px) {
.download_items li a span {
font-size: 1.8rem;
position: relative;
top: 10px;
left: 0
}
}
.download_items li a:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
}
@media (max-width: 991px) {
.download_items li a:hover {
box-shadow: none
}
}
ol>li::marker {
font-weight: bold
}
ol li {
margin-bottom: 20px
}
.course-div {
border: 1px solid #E0E0E0;
border-radius: 20px;
padding: 0;
overflow: hidden;
height: 100%
}
.course-div h2 {
background-color: #000;
color: #fff;
font-size: 2.4rem;
padding: 20px 0;
font-family: "Avenir-Heavy", sans-serif;
padding-left: 30px
}
@media (max-width: 1601px) {
.course-div h2 {
font-size: 2.2rem;
padding-left: 25px
}
}
@media (max-width: 1450px) {
.course-div h2 {
font-size: 2rem;
padding-left: 25px
}
}
@media (max-width: 1366px) {
.course-div h2 {
font-size: 1.7rem
}
}
@media (max-width: 767px) {
.course-div h2 {
margin-bottom: 20px
}
}
.course-div .course-details {
padding: 50px
}
@media (max-width: 1601px) {
.course-div .course-details {
padding: 30px
}
}
@media (max-width: 1450px) {
.course-div .course-details {
padding: 25px
}
}
.course-div .course-details p {
font-family: "Avenir-Light", sans-serif;
font-size: 2.4rem;
color: #000;
margin-bottom: 25px
}
.course-div .course-details p strong {
font-family: "Avenir-Black", sans-serif
}
@media (max-width: 1601px) {
.course-div .course-details p {
font-size: 2.2rem
}
}
@media (max-width: 1450px) {
.course-div .course-details p {
font-size: 2rem;
margin-bottom: 22px
}
}
@media (max-width: 1366px) {
.course-div .course-details p {
font-size: 1.7rem;
margin-bottom: 20px
}
}
@media (max-width: 767px) {
.course-div .course-details .btn-primary {
width: 100%
}
}
@media (max-width: 767px) {
.mobMargin {
margin-bottom: 25px
}
}
.side_bottom_icons {
position: fixed;
right: 10px;
bottom: 10%;
margin-top: -45px;
z-index: 100;
border: 1px solid #DDDDDD;
border-radius: 12px;
background-color: #fff;
padding: 2px 10px 2px 2px
}
.side_bottom_icons a {
text-decoration: none
}
.side_bottom_icons a figure {
background-color: #EF4637;
padding: 8px 13px;
border-radius: 10px;
display: inline-block;
margin: 0;
margin-right: 5px
}
.side_bottom_icons a figure img {
width: 15px
}
.side_bottom_icons a span {
font-family: "Avenir-Heavy", sans-serif;
font-size: 2rem;
color: #000;
text-decoration: none
}
@media (max-width: 1450px) {
.side_bottom_icons a span {
font-size: 1.6rem
}
}
.intro_text.aboutUs strong {
font-family: "Avenir-Medium", sans-serif
}
.intro_text.aboutUs a {
font-family: "Avenir-Medium", sans-serif;
text-decoration: none;
color: #000
}
section.fixed {
position: fixed;
left: 0;
width: 100%;
background: #fff;
z-index: 99;
top: 0;
padding-bottom: 15px;
padding-top: 15px;
box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1)
}
@media (max-width: 991px) {
section.fixed {
padding-bottom: 10px;
padding-top: 10px
}
}
.form_item [type="radio"]:checked,
.form_item [type="radio"]:not(:checked) {
position: absolute;
left: -9999px
}
.form_item [type="radio"]:checked+label,
.form_item [type="radio"]:not(:checked)+label {
position: relative;
padding-left: 34px;
cursor: pointer;
line-height: 1.5;
display: flex;
min-height: 24px;
align-items: center;
color: #000;
margin-bottom: 0px
}
.form_item [type="radio"]:checked+label:before,
.form_item [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border: 1px solid #707070;
border-radius: 100%;
background: #fff
}
.form_item [type="radio"]:checked+label:after,
.form_item [type="radio"]:not(:checked)+label:after {
content: '';
width: 12px;
height: 12px;
background: #454545;
position: absolute;
top: 6px;
left: 6px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease
}
.form_item [type="radio"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
.form_item [type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
@media (max-width: 767px) {
.event_filter .input-group {
margin-bottom: 30px
}
}
.event_filter .input-group .input-group-prepend {
display: flex;
border-radius: 20px 0 0 20px;
border: solid 2px #E0E0E0;
border-right: none;
padding-left: 30px;
padding-right: 15px
}
@media (max-width: 767px) {
.event_filter .input-group .input-group-prepend {
border-radius: 8px 0 0 8px;
padding-left: 20px
}
}
.event_filter .input-group .input-group-prepend .input-group-text {
background: none;
border: none
}
.event_filter .input-group .input-group-prepend img {
max-width: 27px
}
.event_filter .input-group .form-control {
border: solid 2px #E0E0E0;
border-radius: 0 20px 20px 0 !important;
border-left: none;
padding-left: 0px;
box-shadow: none;
height: 64px
}
@media (max-width: 767px) {
.event_filter .input-group .form-control {
border-radius: 0px !important;
border-right: none
}
}
.event_filter .input-group .input-group-append {
display: flex;
border-radius: 0px 20px 20px 0px;
border: solid 2px #E0E0E0;
border-left: none;
padding-left: 30px;
padding-right: 15px
}
@media (max-width: 767px) {
.event_filter .input-group .input-group-append {
border-radius: 8px 0 0 8px;
padding-left: 20px
}
}
.event_filter .input-group .input-group-append .input-group-text {
background: none;
border: none
}
.event_filter .input-group .input-group-append img {
max-width: 27px
}
@media (min-width: 768px) {
.event_filter .input-group .input-group-append {
display: none
}
}
.event_filter .filters_container {
display: flex;
align-items: center
}
.event_filter .filters_container .radio_wrap {
display: flex;
margin-left: auto
}
@media (max-width: 991px) {
.event_filter .filters_container .radio_wrap {
margin-left: 0
}
}
.event_filter .filters_container .radio_wrap .form_item {
margin-right: 30px
}
@media (max-width: 991px) {
.event_filter .filters_container .radio_wrap .form_item {
margin-right: 15px
}
}
@media (max-width: 767px) {
.event_filter .filters_container .filter_wrap {
display: none
}
}
.event_filter .filters_container .filter_wrap button {
border: none;
background: none;
border: solid 2px #e0e0e0;
padding: 12px 15px;
border-radius: 8px
}
.event_filter .filters_container .filter_wrap button span {
font-size: 1.8rem;
color: #747474;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 991px) {
.event_filter .filters_container .filter_wrap button span {
display: none
}
}
.event_filter .common-tabs {
margin-bottom: 50px
}
.event_row {
align-items: center;
margin-bottom: 50px
}
.event_row:last-child {
margin-bottom: 0
}
@media (max-width: 767px) {
.event_row {
margin-bottom: 30px
}
}
.event_row figure {
margin: 0
}
@media (max-width: 767px) {
.event_row figure {
margin: 0 0 30px
}
}
.event_row figure img {
border-radius: 45px
}
@media (max-width: 1450px) {
.event_row figure img {
border-radius: 30px
}
}
.event_row .text_content p {
margin-bottom: 10px
}
.event_row .text_content p.locationP {
font-family: "Avenir-Heavy", sans-serif;
font-size: 1.8rem
}
@media (max-width: 1450px) {
.event_row .text_content p.locationP {
font-size: 1.4rem
}
}
.event_row .text_content .btn {
margin-top: 30px
}
@media (max-width: 991px) {
.event_row .text_content .btn {
margin-top: 10px
}
}
.search_wrap {
margin-bottom: 50px
}
.search-group.input-group {
margin-bottom: 10px;
border-radius: 20px;
border: solid 2px #E0E0E0
}
@media (max-width: 991px) {
.search-group.input-group {
border-radius: 10px
}
}
.search-group.input-group .input-group-append button {
height: 100%;
border-radius: 0px 18px 18px 0px;
padding-right: 40px
}
@media (max-width: 1601px) {
.search-group.input-group .input-group-append button {
padding-right: 30px
}
}
@media (max-width: 991px) {
.search-group.input-group .input-group-append button {
border-radius: 0 10px 10px 0;
padding-right: 15px
}
}
.search-group.input-group .input-group-append button img {
max-width: 40px
}
@media (max-width: 991px) {
.search-group.input-group .input-group-append button img {
max-width: 28px
}
}
.search-group.input-group .form-control {
height: 100px;
border-radius: 18px 0 0 18px;
padding-left: 40px;
box-shadow: none;
border: none;
font-size: 2.4rem
}
@media (max-width: 1601px) {
.search-group.input-group .form-control {
height: 70px;
padding-left: 30px
}
}
@media (max-width: 991px) {
.search-group.input-group .form-control {
border-radius: 10px 0 0 10px;
height: 50px;
padding-left: 15px;
font-size: 1.8rem
}
}
.header_search_container {
display: none;
position: fixed;
left: 0;
z-index: 999;
width: 100%;
padding: 100px 0;
background: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px)
}
@media (max-width: 1601px) {
.header_search_container {
padding: 70px 0
}
}
@media (max-width: 1450px) {
.header_search_container {
padding: 40px 0
}
}
@media (max-width: 991px) {
.header_search_container {
padding: 50px 0 30px
}
}
.header_search_container .close {
position: absolute;
right: 20px;
top: 20px;
border: none;
background: none;
color: #000;
padding: 0px;
font-size: 3rem;
line-height: 1
}
@media (max-width: 991px) {
.header_search_container .close {
top: 10px
}
}
.header_search_container .popular-items h2 {
font-size: 3.2rem;
font-family: "Avenir-Heavy", sans-serif;
padding-bottom: 8px;
margin-bottom: 20px;
margin-top: 20px;
position: relative
}
@media (max-width: 1601px) {
.header_search_container .popular-items h2 {
font-size: 2rem
}
}
@media (max-width: 991px) {
.header_search_container .popular-items h2 {
font-size: 2rem
}
}
.header_search_container .popular-items h2:after {
content: "";
width: 28px;
height: 3px;
background: #EF4637;
position: absolute;
left: 0;
bottom: 0
}
.header_search_container .popular-items ul {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
list-style: none
}
.header_search_container .popular-items ul li {
margin: 10px 50px 10px 0
}
@media (max-width: 1601px) {
.header_search_container .popular-items ul li {
margin: 10px 30px 10px 0
}
}
@media (max-width: 1450px) {
.header_search_container .popular-items ul li {
margin: 10px 20px 10px 0
}
}
@media (max-width: 991px) {
.header_search_container .popular-items ul li {
margin: 7px 15px 7px 0
}
}
.header_search_container .popular-items ul li::marker {
display: none
}
.header_search_container .popular-items ul li:last-child {
margin-right: 0
}
.header_search_container .popular-items ul li a {
border-radius: 10px;
display: inline-block;
background: #fff;
padding: 16px 30px;
font-size: 1.8rem;
line-height: 1;
font-family: "Avenir-Heavy", sans-serif;
white-space: nowrap;
color: #000;
text-decoration: none
}
@media (max-width: 1601px) {
.header_search_container .popular-items ul li a {
padding: 16px;
font-size: 1.4rem
}
}
@media (max-width: 991px) {
.header_search_container .popular-items ul li a {
font-size: 1.3rem;
padding: 10px 15px
}
}
.search_results {
font-size: 2.4rem;
font-family: "Avenir-Light", sans-serif;
color: #747474;
margin-bottom: 50px;
overflow-wrap: break-word
}
.search_results span {
display: inline-block;
position: relative
}
.search_results span:after {
content: "";
width: 28px;
height: 3px;
background: #EF4637;
position: absolute;
left: 0;
bottom: 0
}
@media (max-width: 768px) {
.search_results {
font-size: 1.6rem
}
}
.search-row {
border-bottom: solid 1px #ADADAD;
margin-bottom: 50px
}
.search-row:last-child {
border: none;
margin-bottom: 0px
}
.search-row h3 {
font-size: 4.4rem;
margin: 0 0 30px;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 768px) {
.search-row h3 {
font-size: 3rem
}
}
.search-row .search-item {
margin-bottom: 50px
}
.search-row .search-item p {
margin: 0;
font-size: 2rem;
font-family: "Avenir-Light", sans-serif
}
.search-row .search-item p.item_link a {
color: #000;
text-decoration: underline
}
@media (max-width: 768px) {
.search-row .search-item p.item_link {
font-size: 1.4rem;
margin-bottom: 10px
}
}
.search-row .search-item h4 {
font-size: 3.2rem;
font-family: "Avenir-Medium", sans-serif;
margin: 0 0 10px
}
@media (max-width: 768px) {
.search-row .search-item h4 {
font-size: 2rem
}
}
.search-row .search-item ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap
}
.search-row .search-item ul li {
margin: 10px 20px 10px 0
}
.search-row .search-item ul li:last-child {
margin-right: 0
}
.search-row .search-item ul li a {
color: #000;
font-size: 1.8rem;
padding: 15px 30px;
border-radius: 10px;
border: solid 1px #747474;
text-decoration: none
}
.pagination {
margin-top: 0px;
display: flex;
justify-content: center
}
.pagination ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center
}
.pagination ul li {
margin: 10px 50px 10px 0;
font-size: 3rem;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 1450px) {
.pagination ul li {
font-size: 2.4rem;
margin-right: 10px
}
}
@media (max-width: 991px) {
.pagination ul li {
font-size: 1.8rem
}
}
.pagination ul li:last-child {
margin-right: 0
}
.pagination ul li a {
text-decoration: none;
color: #000000;
padding: 5px
}
.pagination ul li a.active {
color: #C6C6C6;
pointer-events: none
}
@media (max-width: 1450px) {
.pagination ul li img {
max-height: 20px
}
}
.logo_row {
margin-top: 50px
}
.logo-card {
border: solid 1px #C1C1C1;
border-radius: 20px;
display: block
}
.logo-card figure {
margin: 0;
padding: 30px
}
.logo-card figure img {
border-radius: 20px
}
.form_rounded_box .btn_wrap {
margin-bottom: 30px
}
.modal-backdrop {
background-color: rgba(0, 0, 0, 0.47);
backdrop-filter: blur(6px) brightness(0.44);
-webkit-backdrop-filter: blur(6px) brightness(0.44)
}
.modal-backdrop.show {
opacity: 1
}
#videoModal .modal-header {
padding: 0;
border: none;
border-radius: 0px;
position: relative
}
#videoModal .modal-header .btn-close {
padding: 0;
margin: 0;
position: absolute;
right: -20px;
top: -20px;
z-index: 10;
font-size: 2.4rem;
line-height: 1;
color: #000;
background: #fff;
border: 0;
border-radius: 100%;
opacity: 1;
width: 32px;
height: 32px
}
@media (max-width: 767px) {
#videoModal .modal-header .btn-close {
right: 0;
top: -32px;
border-radius: 0px
}
}
#videoModal .modal-body {
padding: 0px
}
.read_more_content {
overflow: hidden
}
.read_more_content .more_content {
width: 100%;
max-height: 0;
overflow-y: auto;
position: absolute;
bottom: 100px;
padding: 0;
font-size: 2rem;
background: #000;
z-index: 11;
transition: all .3s;
-ms-overflow-style: none;
scrollbar-width: none
}
.read_more_content .more_content::-webkit-scrollbar {
display: none
}
.read_more_content .more_content.open {
max-height: 65%
}
@media (max-width: 1601px) {
.read_more_content .more_content {
font-size: 1.4rem;
bottom: 60px
}
}
.read_more_content .more_content .innerContent {
padding: 30px 30px 0
}
.read_more_content .inner_footer {
position: absolute;
background: #000;
left: 0px;
bottom: 30px;
width: 100%;
padding: 20px 33px;
z-index: 11;
display: none
}
@media (max-width: 1601px) {
.read_more_content .inner_footer {
padding: 5px 33px
}
}
.read_more_content .inner_footer .back_btn {
border: none;
background: none;
color: #fff;
font-size: 2rem
}
@media (max-width: 1601px) {
.read_more_content .inner_footer .back_btn {
font-size: 1.4rem
}
}
.read_more_content .inner_footer .back_btn img {
margin-right: 6px
}
.readmoreModal,
.formModal {
color: #000
}
.readmoreModal .modal-dialog,
.formModal .modal-dialog {
max-width: 900px
}
.readmoreModal .modal-dialog .modal-content,
.formModal .modal-dialog .modal-content {
border-radius: 30px;
padding: 40px;
position: relative
}
.readmoreModal .modal-dialog .modal-content .btn-close,
.formModal .modal-dialog .modal-content .btn-close {
background: none;
font-size: 4rem;
font-family: "Avenir-Light", sans-serif;
color: #000;
padding: 0;
margin: 0;
position: absolute;
right: 30px;
top: 30px;
opacity: 1;
line-height: 1;
box-shadow: none
}
@media (max-width: 991px) {
.readmoreModal .modal-dialog .modal-content .btn-close,
.formModal .modal-dialog .modal-content .btn-close {
right: 20px;
top: 20px
}
}
@media (max-width: 991px) {
.readmoreModal .modal-dialog .modal-content,
.formModal .modal-dialog .modal-content {
padding: 40px 20px
}
}
.readmoreModal .modal-dialog .modal-content .modal-header,
.formModal .modal-dialog .modal-content .modal-header {
border-bottom: none;
padding: 0;
padding-right: 50px;
display: block
}
.readmoreModal .modal-dialog .modal-content .modal-header h3,
.formModal .modal-dialog .modal-content .modal-header h3 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 3.6rem;
color: #000
}
@media (max-width: 1450px) {
.readmoreModal .modal-dialog .modal-content .modal-header h3,
.formModal .modal-dialog .modal-content .modal-header h3 {
font-size: 2.4rem
}
}
.readmoreModal .modal-dialog .modal-content .modal-header p,
.formModal .modal-dialog .modal-content .modal-header p {
font-family: "Avenir-Book", sans-serif;
font-size: 2rem;
color: #000;
margin: 10px 0
}
@media (max-width: 1450px) {
.readmoreModal .modal-dialog .modal-content .modal-header p,
.formModal .modal-dialog .modal-content .modal-header p {
font-size: 1.8rem
}
}
.readmoreModal .modal-dialog .modal-content .modal-body h2,
.formModal .modal-dialog .modal-content .modal-body h2 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 3.6rem;
color: #000
}
@media (max-width: 1450px) {
.readmoreModal .modal-dialog .modal-content .modal-body h2,
.formModal .modal-dialog .modal-content .modal-body h2 {
font-size: 2.4rem
}
}
.readmoreModal .modal-dialog .modal-content .modal-body h3,
.formModal .modal-dialog .modal-content .modal-body h3 {
font-family: "Avenir-Book", sans-serif;
font-size: 2rem;
color: #000;
margin: 10px 0
}
@media (max-width: 1450px) {
.readmoreModal .modal-dialog .modal-content .modal-body h3,
.formModal .modal-dialog .modal-content .modal-body h3 {
font-size: 1.8rem
}
}
.readmoreModal .modal-dialog .modal-content .modal-body p,
.formModal .modal-dialog .modal-content .modal-body p {
font-family: "Avenir-Light", sans-serif;
font-size: 1.8rem;
color: #000;
margin-bottom: 25px
}
@media (max-width: 1450px) {
.readmoreModal .modal-dialog .modal-content .modal-body p,
.formModal .modal-dialog .modal-content .modal-body p {
font-size: 1.4rem
}
}
.formModal form {
overflow: hidden
}
.formModal .form_box {
padding: 20px 0 0
}
.formModal .form_box .form-group {
margin-bottom: 40px
}
.col-list [class^="col-"] {
margin: 0 0 50px
}
@media (max-width: 1601px) {
.col-list [class^="col-"] {
margin: 0 0 30px
}
}
.rounded-card {
border-radius: 45px;
padding: 50px;
border: solid 1px #747474;
height: 100%
}
@media (max-width: 1601px) {
.rounded-card {
padding: 33px
}
}
.rounded-card h3 {
font-size: 3.4rem;
margin: 0 0 20px;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1601px) {
.rounded-card h3 {
font-size: 2.4rem
}
}
.rounded-card ul {
margin: 0;
padding: 0;
list-style: none
}
.rounded-card ul li {
font-size: 1.8rem;
margin: 0 0 12px;
position: relative;
padding-left: 20px;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.rounded-card ul li {
font-size: 1.6rem
}
}
.rounded-card ul li::marker {
display: none
}
.rounded-card ul li:after {
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
background: #000;
position: absolute;
left: 0;
top: 8px
}
@media (max-width: 1601px) {
.rounded-card ul li:after {
width: 8px;
height: 8px
}
}
.rounded-card p {
font-size: 1.8rem
}
@media (max-width: 1601px) {
.rounded-card {
border-radius: 30px
}
}
.errorContainer {
max-width: 500px;
margin: 0 auto;
text-align: center
}
@media (max-width: 1601px) {
.errorContainer {
max-width: 400px
}
}
@media (max-width: 1450px) {
.errorContainer {
max-width: 300px
}
}
.errorContainer h1 {
margin: 0 0 30px
}
@media (max-width: 1601px) {
.errorContainer h1 {
margin-bottom: 20px
}
}
@media (max-width: 1450px) {
.errorContainer h1 {
font-size: 3.2rem
}
}
.errorContainer p {
font-size: 3.2rem;
margin: 0 0 30px
}
@media (max-width: 1601px) {
.errorContainer p {
margin-bottom: 20px
}
}
@media (max-width: 1450px) {
.errorContainer p {
font-size: 2.4rem
}
}
.createAccountBtn {
margin-top: 30px
}
.ellipsisWithThreeLines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
.ellipsisWithTwoLines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.ellipsisWithOneLine {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.select_course_heading {
text-transform: uppercase;
font-size: 1.8rem;
font-family: "Avenir-Medium", sans-serif;
margin: 0 0 15px
}
.exam-card {
border: solid 1px #E0E0E0;
border-radius: 20px;
margin-bottom: 50px
}
.exam-card:last-child {
margin-bottom: 0
}
@media (max-width: 1450px) {
.exam-card {
margin-bottom: 30px
}
}
.exam-card .card-head {
background: #000;
color: #fff;
border-radius: 20px 20px 0 0;
padding: 30px 50px
}
@media (max-width: 1450px) {
.exam-card .card-head {
padding: 30px
}
}
@media (max-width: 767px) {
.exam-card .card-head {
padding: 20px
}
}
.exam-card .card-head h3 {
font-size: 2.4rem;
margin: 0
}
@media (max-width: 1450px) {
.exam-card .card-head h3 {
font-size: 1.8rem
}
}
.exam-card .card-body {
padding: 50px;
font-size: 2.4rem
}
@media (max-width: 1601px) {
.exam-card .card-body {
font-size: 2rem;
padding: 30px 50px
}
}
@media (max-width: 1450px) {
.exam-card .card-body {
font-size: 1.8rem;
padding: 30px
}
}
@media (max-width: 767px) {
.exam-card .card-body {
padding: 20px
}
}
.exam-card .card-body .title {
margin-bottom: 30px
}
.exam-card .card-body .gpt_dat_card {
padding: 30px;
border: solid 1px #E0E0E0;
border-radius: 10px;
height: 100%;
position: relative
}
@media (max-width: 767px) {
.exam-card .card-body .gpt_dat_card {
padding: 20px
}
}
.exam-card .card-body .gpt_dat_card h4 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 4.4rem;
margin: 0 0 10px
}
@media (max-width: 1450px) {
.exam-card .card-body .gpt_dat_card h4 {
font-size: 3.2rem
}
}
.exam-card .card-body .exam_format p {
margin-bottom: 10px
}
.exam-card .card-body .download-text {
margin-top: 30px
}
@media (max-width: 991px) {
.exam-card .card-body .download-text {
text-align: center
}
}
.exam-card .card-body .download-text a {
text-decoration: none;
color: #000
}
.exam-card .card-body .download-text a.btn-primary:hover,
.exam-card .card-body .download-text a.btn-outline:hover {
color: #fff
}
.exam-card .card-body .download-text .btn-outline:hover {
color: #fff
}
.exam-card .card-body .card_row.with_plus {
position: relative
}
.exam-card .card-body .card_row.with_plus .plus_divider {
position: absolute;
top: 50%;
right: 50%;
margin-right: -13px;
font-family: 'Avenir-Medium';
font-size: 30px;
margin-top: -20px;
width: auto;
padding: 0
}
@media (max-width: 767px) {
.exam-card .card-body .card_row.with_plus .plus_divider {
margin-bottom: 0px;
position: relative;
top: 0;
right: 0;
width: 100%;
text-align: center;
margin-top: 0px
}
}
.pass-key-content .row {
margin: 0 -50px
}
.pass-key-content .row .col-md-6 {
padding: 0 50px
}
.pass-key-content .row .col-md-6:first-child {
border-right: solid 1px #707070
}
@media (max-width: 767px) {
.pass-key-content .row .col-md-6:first-child {
margin-bottom: 30px;
border: none
}
}
@media (max-width: 767px) {
.pass-key-content .row .col-md-6:last-child {
margin-bottom: 0px
}
}
.pass-key-content h3 {
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif;
margin: 0 0 15px
}
@media (max-width: 1450px) {
.pass-key-content h3 {
font-size: 2rem
}
}
.pass-key-content .table_wrap {
overflow: hidden;
overflow-x: auto
}
.pass-key-content .table_wrap table {
width: 100%;
border-radius: 10px
}
.pass-key-content .table_wrap table tr:first-child th:first-child {
border-radius: 10px 0 0 0
}
.pass-key-content .table_wrap table tr:first-child th:last-child {
border-radius: 0 10px 0 0
}
.pass-key-content .table_wrap table tr:last-child td {
border-bottom: solid 1px #e0e0e0
}
.pass-key-content .table_wrap table th {
padding: 15px;
background: #000;
color: #fff;
font-family: "Avenir-Medium", sans-serif;
font-size: 2rem
}
@media (max-width: 1450px) {
.pass-key-content .table_wrap table th {
padding: 10px;
font-size: 1.4rem
}
}
.pass-key-content .table_wrap table td {
padding: 15px;
background: #fff;
color: #000;
font-family: "Avenir-Heavy", sans-serif;
font-size: 2rem;
border-right: solid 1px #e0e0e0
}
@media (max-width: 1450px) {
.pass-key-content .table_wrap table td {
padding: 10px;
font-size: 1.4rem
}
}
.pass-key-content .table_wrap table td:first-child {
border-left: solid 1px #e0e0e0
}
.pass-key-content .table_wrap table tbody tr:last-child td:first-child {
border-radius: 0 0 0 10px
}
.pass-key-content .table_wrap table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px
}
.note-content {
margin-top: 50px;
margin-bottom: 50px;
font-size: 2.4rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1450px) {
.note-content {
font-size: 1.8rem;
margin-top: 30px;
margin-bottom: 30px
}
}
.note-content p:last-child {
margin: 0
}
.error-search {
color: #EF4637;
font-size: 1.4rem
}
.tab_wrap {
position: relative;
margin-bottom: 30px
}
@media (max-width: 1450px) {
.tab_wrap {
margin-bottom: 20px
}
}
.tab_wrap .slide-line {
position: absolute;
bottom: 1px;
height: 3px;
border-radius: 3px;
background-color: #EF4637;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
@media (max-width: 1601px) {
.tab_wrap .slide-line {
height: 2px
}
}
@media (max-width: 991px) {
.tab_wrap .slide-line {
display: none
}
}
.tab_wrap .rounded-tabs {
margin-bottom: 0px
}
.fixed .tab_wrap,
.fixed .rounded-tabs {
margin-bottom: 0
}
.modal-content {
border: none
}
.modal-dialog {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.struct-row .col-md-6 {
margin-bottom: 50px
}
@media (max-width: 1601px) {
.struct-row .col-md-6 {
margin-bottom: 30px
}
}
.structure-div {
position: relative;
border-radius: 25px;
border: 1px solid #ccc;
height: 100%
}
.structure-div h3 {
background-color: #000;
font-family: "Avenir-Black", sans-serif;
padding: 30px 0 30px 50px;
border-radius: 20px 20px 0 0;
font-size: 2.4rem;
color: #fff
}
@media (max-width: 1601px) {
.structure-div h3 {
padding: 20px 0 20px 30px;
font-size: 1.8rem
}
}
.structure-div h3 span {
display: block;
font-size: 1.8rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.structure-div h3 span {
font-size: 1.4rem
}
}
.structure-div .structure-details {
padding: 30px 50px
}
@media (max-width: 1601px) {
.structure-div .structure-details {
padding: 20px
}
}
.structure-div .structure-details h4 {
font-size: 3.2rem;
font-family: "Avenir-Heavy", sans-serif;
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: solid 1px #e0e0e0
}
@media (max-width: 1601px) {
.structure-div .structure-details h4 {
font-size: 2.4rem
}
}
.structure-div .structure-details h4 span {
display: block;
font-size: 2rem;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 1601px) {
.structure-div .structure-details h4 span {
font-size: 1.6rem
}
}
.structure-div .structure-details h5 {
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif;
margin: 0 0 5px
}
@media (max-width: 1601px) {
.structure-div .structure-details h5 {
font-size: 1.8rem
}
}
@media (max-width: 991px) {
.structure-div .structure-details h5 {
font-size: 1.4rem
}
}
.structure-div .structure-details p {
font-size: 2rem;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 1601px) {
.structure-div .structure-details p {
font-size: 1.6rem
}
}
@media (max-width: 991px) {
.structure-div .structure-details p {
font-size: 1.3rem
}
}
.structure-div .structure-details p:last-child {
margin: 0
}
.structure-div .structure-details p.big-text {
font-size: 3.2rem;
font-family: "Avenir-Heavy", sans-serif;
margin-top: 15px
}
@media (max-width: 1601px) {
.structure-div .structure-details p.big-text {
font-size: 2.4rem
}
}
.structure-div .structure-details .table_div table tr td {
vertical-align: top;
border-bottom: solid 1px #e0e0e0;
border-right: solid 1px #e0e0e0;
padding: 20px
}
.structure-div .structure-details .table_div table tr td:first-child {
padding-left: 0
}
.structure-div .structure-details .table_div table tr td:last-child {
border-right: none
}
.structure-div .structure-details .table_div table tr:first-child td {
padding-top: 0px
}
.structure-div .structure-details .table_div table tr:last-child td {
border-bottom: none;
padding-bottom: 0
}
.pageActive {
flex-wrap: nowrap;
overflow: hidden;
overflow-x: auto
}
.pageActive a {
white-space: nowrap
}
.sliderContainer {
position: relative;
max-width: 600px;
margin: 0 auto
}
.sliderContainer .slider {
width: 500px;
margin: 30px 50px 50px
}
.sliderContainer .slick-slide {
background: #3a8999;
color: white;
padding: 80px 0 120px;
font-size: 30px;
font-family: "Arial", "Helvetica";
text-align: center
}
.sliderContainer .slick-prev:before,
.sliderContainer .slick-next:before {
color: black
}
.sliderContainer .slick-dots {
bottom: -30px
}
.sliderContainer .slick-slide:nth-child(odd) {
background: #e84a69
}
.sliderContainer .progressBarContainer {
display: flex
}
.sliderContainer .progressBarContainer .item {
margin-right: 15px
}
.sliderContainer .progressBarContainer div:last-child {
margin-right: 0
}
.sliderContainer .progressBarContainer div span.progressBar {
width: 100%;
height: 4px;
background-color: rgba(0, 0, 0, 0.4);
display: block
}
.sliderContainer .progressBarContainer div span.progressBar .inProgress {
background-color: #fff;
width: 0%;
height: 4px
}
.common-table-container {
border: solid 2px #e0e0e0;
border-radius: 20px;
overflow: hidden;
overflow-x: auto
}
.common-table-container table {
width: 100%
}
.common-table-container table tr th {
background: #000;
color: #fff;
text-transform: uppercase;
padding: 20px;
border-right: solid 1px #e0e0e0;
font-size: 2rem;
vertical-align: top
}
@media (max-width: 1601px) {
.common-table-container table tr th {
font-size: 1.6rem;
padding: 15px 10px
}
}
.common-table-container table tr th:first-child {
border-radius: 20px 0 0 0
}
.common-table-container table tr th:last-child {
border-radius: 0px 20px 0 0;
border-right: none
}
.common-table-container table tr td {
font-size: 1.8rem;
padding: 10px;
border-top: solid 1px #e0e0e0;
border-right: solid 1px #e0e0e0;
vertical-align: top
}
@media (max-width: 1601px) {
.common-table-container table tr td {
font-size: 1.4rem;
padding: 10px
}
}
.common-table-container table tr td:last-child {
border-right: none
}
.indications {
margin-top: 20px
}
.indications ul {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0
}
.indications ul li {
padding-left: 20px;
position: relative;
font-size: 2rem;
margin-right: 30px
}
@media (max-width: 1601px) {
.indications ul li {
font-size: 1.6rem
}
}
.indications ul li:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: #000;
position: absolute;
left: 0;
top: 8px
}
.indications ul li:last-child {
margin-right: 0px
}
[href="route:"] {
cursor: auto
}
.cp-process .section-heading {
margin-bottom: 80px
}
@media (max-width: 1601px) {
.cp-process .section-heading {
margin-bottom: 60px
}
}
.process-nav .step-num {
font-size: 2rem;
font-family: "Avenir-Medium", sans-serif;
text-transform: uppercase;
padding-bottom: 50px;
position: relative;
width: 100%;
text-align: center
}
.process-nav .step-num:after {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
background: #fff;
border: solid 3px #FF0000;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -15px;
z-index: 1
}
.process-nav .slick-slide {
cursor: pointer
}
.process-nav .slick-slide.slick-current .step-num:after {
background: #FF0000
}
.process-nav .slick-list {
position: relative;
z-index: 1;
overflow: visible
}
.process-nav .slick-list:before,
.process-nav .slick-list:after {
top: 60px
}
@media (max-width: 991px) {
.process-nav .slick-list:before,
.process-nav .slick-list:after {
display: none
}
}
.process-nav .slick-list:before {
content: "";
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
position: absolute;
left: -25px
}
.process-nav .slick-list:after {
content: "";
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
position: absolute;
right: -25px
}
.process-nav .slick-dots {
background: #C9C9C9;
height: 4px;
pointer-events: none;
bottom: 28px;
z-index: 0
}
@media (max-width: 991px) {
.process-nav .slick-dots {
bottom: 68px
}
}
.process-main .step-detail h3 {
font-size: 3.2rem;
margin: 0 0 20px;
font-family: "Avenir-Medium", sans-serif;
text-transform: uppercase
}
@media (max-width: 991px) {
.process-main .step-detail h3 {
font-size: 2.4rem
}
}
.process-main .step-detail p {
font-size: 2.4rem;
margin: 0;
font-family: "Avenir-Light", sans-serif;
max-width: 690px
}
@media (max-width: 991px) {
.process-main .step-detail p {
font-size: 1.8rem
}
}
.process-main.slick-slider .slick-list {
overflow: hidden
}
.process-main.slick-slider .slick-track .slick-slide {
padding: 0
}
@media (max-width: 991px) {
.process-main.slick-slider .slick-track .slick-slide {
padding: 0 15px
}
}
.process-nav .slick-list {
padding: 0 100px
}
.step-detail {
padding-left: 120px
}
@media (max-width: 992px) {
.process-nav .slick-list {
padding: 0
}
.step-detail {
padding-left: 0px
}
}
.timeline .section-heading {
margin-bottom: 60px
}
@media (max-width: 1601px) {
.timeline .section-heading {
margin-bottom: 40px
}
}
.timeline .arrow {
border: none;
box-shadow: none;
background: none
}
.timeline {
white-space: nowrap;
overflow-x: hidden
}
.timeline ol {
font-size: 0;
width: 100vw;
padding: 370px 0;
transition: all .7s;
cursor: pointer
}
.timeline ol li {
position: relative;
display: inline-block;
list-style-type: none;
width: 225px;
height: 6px;
background: #E6E6E6
}
.timeline ol li:last-child {
width: 280px
}
.timeline ol li:not(:first-child) {
margin-left: 31px
}
.timeline ol li:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
left: calc(100% + 1px);
bottom: 0;
width: 30px;
height: 30px;
transform: translateY(-50%);
border-radius: 50%;
background: #fff;
border: solid 3px #FF0000
}
.timeline ol li div {
position: absolute;
left: calc(100% + 7px);
width: 450px;
padding: 15px;
font-size: 1.8rem;
white-space: normal;
color: black;
background: white;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.29);
border-radius: 16px
}
.timeline ol li div span {
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 0
}
.timeline ol li:nth-child(odd) div {
top: -40px;
transform: translateY(-100%);
border-bottom-left-radius: 0px
}
.timeline ol li:nth-child(odd) div span {
top: 100%;
height: 20px;
display: inline-block;
width: 20px;
box-shadow: -3px 0px 3px -3px rgba(0, 0, 0, 0.2);
background: #fff;
z-index: 10
}
@media (max-width: 991px) {
.timeline ol li:nth-child(odd) div span {
display: none
}
}
.timeline ol li:nth-child(odd) div span:after {
content: "";
height: 30px;
width: 1px;
position: absolute;
top: -3px;
left: 13px;
box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
transform: rotate(45deg)
}
@media (max-width: 991px) {
.timeline ol li:nth-child(odd) div span:after {
display: none
}
}
.timeline ol li:nth-child(even) div {
top: calc(100% + 50px);
border-top-left-radius: 0px
}
.timeline ol li:nth-child(even) div span {
top: -18px;
height: 20px;
display: inline-block;
width: 20px;
box-shadow: -3px 0px 3px -3px rgba(0, 0, 0, 0.2);
background: #fff;
z-index: 10
}
@media (max-width: 991px) {
.timeline ol li:nth-child(even) div span {
display: none
}
}
.timeline ol li:nth-child(even) div span:after {
content: "";
height: 30px;
width: 1px;
position: absolute;
top: -10px;
left: 13px;
box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
transform: rotate(-45deg)
}
@media (max-width: 991px) {
.timeline ol li:nth-child(even) div span:after {
display: none
}
}
.timeline time {
display: block;
font-size: 2rem;
margin-bottom: 20px;
text-transform: uppercase;
border-bottom: solid 1px #BABABA;
padding-bottom: 20px
}
.timeline .arrows {
display: flex;
justify-content: center;
margin-bottom: 20px
}
.timeline .arrows .arrow__prev {
margin-right: 20px
}
.timeline .disabled {
opacity: 0.5
}
.timeline .arrows img {
width: 45px;
height: 45px
}
.timeline .white_box {
padding: 15px;
font-size: 1.8rem;
white-space: normal;
color: black;
background: white;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.29);
border-radius: 16px
}
.timeline .white_box h3 {
font-size: 1.6rem;
margin-bottom: 10px;
text-transform: uppercase;
border-bottom: solid 1px #BABABA;
padding-bottom: 10px
}
.timeline .white_box p {
font-size: 1.4rem
}
.chat-now-button {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999
}
@media (max-width: 991px) {
.chat-now-button {
display: none;
bottom: 70px;
right: 10px
}
.chat-now-button .btn {
font-size: 1.4rem;
padding: 7px 15px
}
}
.programs-row .col-md-4 {
margin-bottom: 50px
}
@media (max-width: 1450px) {
.programs-row .col-md-4 {
margin-bottom: 30px
}
}
@media (max-width: 991px) {
.programs-row .col-md-4 {
margin-bottom: 20px
}
}
.programs-row .common-card.program-card figure {
border-radius: 40px
}
@media (max-width: 1601px) {
.programs-row .common-card.program-card figure {
border-radius: 30px
}
}
.programs-row .common-card.program-card figure img {
border-radius: 40px
}
@media (max-width: 1601px) {
.programs-row .common-card.program-card figure img {
border-radius: 30px
}
}
.programs-row .common-card.program-card .common-card-body {
padding: 20px 40px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
width: 100%;
border-radius: 0 0 40px 40px
}
@media (max-width: 1601px) {
.programs-row .common-card.program-card .common-card-body {
border-radius: 0 0 30px 30px
}
}
.programs-home .programs-row .col-md-3 {
margin-bottom: 50px
}
@media (max-width: 1601px) {
.programs-home .programs-row .col-md-3 {
margin-bottom: 30px
}
}
.programs-home .programs-row .col-md-3:nth-child(5),
.programs-home .programs-row .col-md-3:nth-child(6),
.programs-home .programs-row .col-md-3:nth-child(7),
.programs-home .programs-row .col-md-3:nth-child(8) {
margin-bottom: 0
}
@media (max-width: 991px) {
.programs-home .programs-row .col-md-3:nth-child(5),
.programs-home .programs-row .col-md-3:nth-child(6),
.programs-home .programs-row .col-md-3:nth-child(7),
.programs-home .programs-row .col-md-3:nth-child(8) {
margin-bottom: 30px
}
}
.programs-home .programs-row .common-card.program-card figure {
border-radius: 40px 40px 0 0
}
@media (max-width: 1601px) {
.programs-home .programs-row .common-card.program-card figure {
border-radius: 30px 30px 0 0
}
}
.programs-home .programs-row .common-card.program-card figure img {
border-radius: 40px 40px 0 0
}
@media (max-width: 1601px) {
.programs-home .programs-row .common-card.program-card figure img {
border-radius: 30px 30px 0 0
}
}
.programs-home .programs-row .common-card .common-card-body {
position: inherit;
min-height: 90px;
align-items: center;
display: flex
}
@media (max-width: 1601px) {
.programs-home .programs-row .common-card .common-card-body {
min-height: 70px;
padding: 15px 25px
}
}
.programs-home .programs-row .common-card.side-arrow h3 {
margin-bottom: 0;
font-size: 2rem;
padding-right: 60px
}
@media (max-width: 1450px) {
.programs-home .programs-row .common-card.side-arrow h3 {
font-size: 1.8rem
}
}
@media (max-width: 1280px) {
.programs-home .programs-row .common-card.side-arrow h3 {
font-size: 1.4rem;
padding-right: 50px
}
}
@media (max-width: 1024px) {
.programs-home .programs-row .common-card.side-arrow h3 {
font-size: 1.3rem
}
}
@media (max-width: 1601px) {
.programs-home .programs-row .common-card.side-arrow h3:before {
width: 40px
}
}
@media (max-width: 1601px) {
.programs-home .programs-row .common-card.side-arrow:hover h3:before {
width: 50px
}
}
.overview-section .overview-details {
padding-right: 40px
}
@media (max-width: 768px) {
.overview-section .overview-details {
padding-right: 15px
}
}
.overview-section .overview-details .section-heading p {
font-size: 2.2rem;
font-family: 'Avenir-Light';
color: #000;
max-width: 100%
}
@media (max-width: 1601px) {
.overview-section .overview-details .section-heading p {
font-size: 1.6rem
}
}
@media (max-width: 767px) {
.overview-section .overview-details .section-heading p {
font-size: 1.8rem
}
}
.overview-section .overview-details .readmore-toggle-text,
.overview-section .overview-details p {
color: #000
}
.overview-section .overview-image figure {
margin: 0;
position: relative
}
.overview-section .overview-image figure img {
width: 100%;
border-radius: 45px
}
@media (max-width: 1601px) {
.overview-section .overview-image figure img {
border-radius: 30px
}
}
.overview-section .overview-image figure span {
position: absolute;
top: calc(50% - 35px);
left: calc(50% - 35px)
}
.overview-section .overview-image figure span img {
border-radius: 0px;
width: 70px;
height: 70px
}
.next_step .step_details {
background-color: #efefef;
padding: 30px;
border-radius: 45px;
text-align: center
}
@media (max-width: 1601px) {
.next_step .step_details {
border-radius: 30px
}
}
@media (max-width: 600px) {
.next_step .step_details {
max-width: 90%;
border-radius: 25px
}
}
.next_step .step_details .section-heading {
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
margin: 0 auto 30px;
max-width: 90%
}
@media (max-width: 767px) {
.next_step .step_details .section-heading {
margin-bottom: 20px
}
}
.next_step .step_details .section-heading p {
color: #000;
margin: 0;
max-width: 100%
}
.next_step .step_details .section-heading h2 {
font-size: 4.4rem;
font-family: 'Avenir-Heavy';
margin-bottom: 10px
}
@media (max-width: 1601px) {
.next_step .step_details .section-heading h2 {
font-size: 3.2rem
}
}
@media (max-width: 557px) {
.next_step .step_details .section-heading h2 {
font-size: 2.8rem
}
}
.next_step .step_details .section-heading p {
font-size: 2rem
}
@media (max-width: 1601px) {
.next_step .step_details .section-heading p {
font-size: 1.6rem
}
}
@media (max-width: 767px) {
.next_step .step_details .section-heading p {
font-size: 1.4rem
}
}
.next_step .step_details .btnContainer {
padding-bottom: 10px
}
.next_step .step_details .btnContainer .applyNow {
box-shadow: none
}
@media (max-width: 767px) {
.next_step .step_details .btnContainer .applyNow {
margin-bottom: 20px;
width: 100%
}
}
.next_step .step_details .btnContainer .applyNow:hover {
background-color: #fff;
color: #000
}
.next_step .step_details .btnContainer .btn.btn-primary {
margin-left: 20px;
background-color: #fff;
color: #000;
box-shadow: none;
font-size: 1.8rem;
font-family: "Avenir-Heavy", sans-serif
}
.next_step .step_details .btnContainer .btn.btn-primary:hover {
background-color: #000;
color: #fff
}
.next_step .step_details .btnContainer .btn.btn-primary:first-child {
background-color: #EF4637;
color: #fff
}
.next_step .step_details .btnContainer .btn.btn-primary:first-child:hover {
background-color: #D93F31
}
@media (max-width: 991px) {
.next_step .step_details .btnContainer .btn.btn-primary {
margin-bottom: 20px;
margin-left: 0;
width: 100%;
padding: 12px
}
}
.next_step .step_details .btnContainer .connectBtn {
margin-left: 20px;
background-color: #fff;
color: #000;
box-shadow: none
}
.next_step .step_details .btnContainer .connectBtn:hover {
background-color: #EF4637;
color: #fff
}
@media (max-width: 767px) {
.next_step .step_details .btnContainer .connectBtn {
margin-bottom: 20px;
margin-left: 0;
width: 100%
}
}
.game-theme {
background: transparent linear-gradient(170deg, #000 30%, #6E1D16 100%) 0% 0% no-repeat padding-box;
color: #fff;
position: relative
}
.game-theme:before {
content: url(d9757318ec466f92bf8f.svg);
position: absolute;
left: -24%;
top: 20%;
z-index: 1
}
@media (max-width: 1601px) {
.game-theme:before {
left: -50%
}
}
@media (max-width: 991px) {
.game-theme:before {
display: none
}
}
.game-theme:after {
content: url(e3aea4a4726bbfe322b8.svg);
position: absolute;
right: -24%;
top: 10%;
z-index: 1
}
@media (max-width: 1601px) {
.game-theme:after {
right: -50%
}
}
@media (max-width: 991px) {
.game-theme:after {
display: none
}
}
.game-theme .banner_inner {
z-index: 2
}
.game-theme .banner_inner+section {
padding-top: 90px
}
@media (max-width: 1601px) {
.game-theme .banner_inner+section {
padding-top: 60px
}
}
@media (max-width: 1450px) {
.game-theme .banner_inner+section {
padding-top: 40px
}
}
.game-theme .section-mb {
margin-bottom: 0
}
.game-theme .section-pb {
position: relative;
z-index: 2
}
.game-theme .overview-section .overview-details .readmore-toggle-text,
.game-theme .overview-section .overview-details p,
.game-theme .section-heading,
.game-theme .section-heading p {
color: #fff
}
.game-theme .accordion-body {
color: #000
}
.game-theme .accordion-body p {
color: #000
}
.game-theme .next_step .step_details .section-heading h2 {
color: #000
}
.game-theme .duration-section .container:after {
background-color: #fff;
display: none
}
.game-theme .duration-section .container .divdider-sec {
padding-bottom: 20px;
border-bottom: solid 4px #fff
}
@media (min-width: 991px) {
.game-theme .duration-section .container .divdider-sec {
max-width: 78%
}
}
.game-theme .duration-section .container .divdider-sec .num_box {
border-color: #fff
}
.game-theme .numbers-section .container:before {
background: #fff
}
.game-theme .numbers-section .num_box {
border-color: #fff
}
.game-theme .slick-dots li button:before {
background: #fff
}
.game-theme .slick-next:before {
background-image: url(56e5b6d8ba74ef312e7c.svg)
}
.game-theme .slick-next.slick-disabled:before {
background-image: url(caa5960004ef0012f1cb.svg)
}
.game-theme .slick-prev:before {
background-image: url(56e5b6d8ba74ef312e7c.svg)
}
.game-theme .slick-prev.slick-disabled:before {
background-image: url(caa5960004ef0012f1cb.svg)
}
@media (max-width: 991px) {
.desktop_view {
display: none
}
}
@media (min-width: 991px) {
.mobile_view {
display: none
}
}
.moretext {
display: none
}
.logo_with_load_more .top-partnership .col-md-3 {
display: none
}
.logo_with_load_more .load_more_btn_wrap {
display: none
}
.lp-banner-section .numbers-section {
padding-bottom: 30px;
color: #fff
}
.lp-banner-section .numbers-section .num_box {
border-color: #fff;
padding-bottom: 15px;
margin-bottom: 0px;
align-items: flex-start
}
@media (max-width: 991px) {
.lp-banner-section .numbers-section .num_box {
flex-direction: column;
height: 100%;
position: relative;
padding-left: 15px
}
.lp-banner-section .numbers-section .num_box:after {
content: "";
width: 1px;
background: #fff;
position: absolute;
top: 0;
right: 0px;
height: 90%
}
}
.lp-banner-section .numbers-section .num_box .num {
font-size: 3.8rem;
min-width: 100px;
line-height: 1.2
}
.lp-banner-section .numbers-section .num_box .num small {
font-size: 1.4rem;
top: -15px
}
.lp-banner-section .numbers-section .num_box .desc {
font-size: 1.5rem
}
@media (max-width: 991px) {
.lp-banner-section .numbers-section .num_box .desc {
margin-bottom: 0;
line-height: 1.3
}
}
.lp-banner-section .numbers-section .container:before {
background: #fff
}
@media (max-width: 991px) {
.lp-banner-section .numbers-section .container:before {
left: 5px;
width: calc(100% - 10px)
}
}
.lp-banner-section .numbers-section .tc {
margin-top: 15px
}
@media (max-width: 991px) {
.lp-banner-section .numbers-section .tc {
text-align: left;
margin-left: -15px;
margin-right: -15px
}
}
@media (max-width: 991px) {
.lp-banner-section .numbers-section .col-6 {
padding-left: 0;
padding-right: 0;
margin-bottom: 25px
}
.lp-banner-section .numbers-section .col-6:last-child,
.lp-banner-section .numbers-section .col-6:nth-last-child(2) {
margin-bottom: 0
}
.lp-banner-section .numbers-section .col-6:last-child .num_box,
.lp-banner-section .numbers-section .col-6:nth-last-child(2) .num_box {
border-bottom: none;
margin-bottom: 0
}
}
.lp-banner-section .numbers-section .col-6:nth-child(2) .num_box:after,
.lp-banner-section .numbers-section .col-6:last-child .num_box:after {
display: none
}
.lp-banner-section .numbers-section .col-6:first-child .num_box:after {
height: 85%
}
.lp-banner-section .numbers-section .col-6:nth-last-child(2) .num_box:after {
height: 110%;
top: -10px
}
.freeStruction_section .rounded-tabs {
margin-bottom: 0
}
.freeStruction_section .nav-tabs.nav-wrap+.tab-content {
padding-top: 0
}
.dark-border td {
border-bottom-color: #000 !important;
border-bottom-width: 2px !important
}
.note.big-font {
font-size: 2.4rem !important
}
@media (max-width: 1450px) {
.note.big-font {
font-size: 1.6rem !important
}
}
.sitemap_wrap ul {
margin: 0;
padding: 0;
list-style: none
}
.sitemap_wrap ul li {
position: relative;
padding-left: 20px;
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: solid 1px #e0e0e0
}
.sitemap_wrap ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 100%;
position: absolute;
left: 0;
top: 7px
}
.sitemap_wrap ul li a {
text-decoration: none;
transition: all .3s;
color: #000
}
.sitemap_wrap ul li a:hover {
color: #ef4637
}
.sitemap_wrap ul ul li {
width: 33.33%;
border: none;
margin-bottom: 0px;
margin-top: 7px
}
@media (max-width: 991px) {
.sitemap_wrap ul ul li {
width: 100%
}
}
.sitemap_wrap ul ul li:before {
background: none;
border: solid 1px #000
}
.sitemap_wrap ul ul ul li:before {
background: #000;
border: solid 1px #000;
border-radius: 0
}
.sitemap_wrap .sitemap_list ul {
display: flex;
flex-wrap: wrap
}
.sitemap_wrap .sitemap_list ul ul {
display: block
}
.sitemap_wrap .sitemap_list_faculty {
display: flex;
flex-wrap: wrap
}
.sitemap_wrap .sitemap_list_faculty li {
border: none;
width: 33.33%
}
@media (max-width: 991px) {
.sitemap_wrap .sitemap_list_faculty li {
width: 100%
}
}
@media screen and (max-width: 1024px) {
footer {
padding-top: 30px;
padding-bottom: 30px
}
}
@media screen and (max-width: 991px) {
footer .footer-top {
display: none !important
}
}
.b-black {
background-color: #000
}
.footer-top-l {
width: 20%;
padding-right: 100px
}
@media screen and (max-width: 1450px) {
.footer-top-l {
padding-right: 45px;
width: 15%
}
}
@media screen and (max-width: 992px) {
.footer-top-l {
width: 100%;
padding-right: 0
}
}
.footer-top-l p {
color: #fff;
font-family: "Avenir-Light", sans-serif;
font-size: 1.2rem
}
@media screen and (min-width: 1601px) {
.footer-top-l p {
font-size: 1.6rem
}
}
.footer-top-l ul {
list-style: none;
margin: 0;
padding: 0
}
.footer-top-r {
width: 80%
}
@media screen and (max-width: 1450px) {
.footer-top-r {
width: 85%
}
}
@media screen and (max-width: 992px) {
.footer-top-r {
width: 100%
}
}
.footer-top-r .accordian-footer .accordian-item {
padding: 0 10px
}
@media screen and (max-width: 1450px) {
.footer-top-r .accordian-footer .accordian-item {
padding: 0 7px
}
}
@media screen and (max-width: 1024px) {
.footer-top-r .accordian-footer .accordian-item {
padding-right: 0px
}
}
@media screen and (max-width: 768px) {
.footer-top-r .accordian-footer .accordian-item {
padding-left: 0px
}
}
.footer-top-r .accordian-footer .accordian-item:last-child {
padding-right: 0
}
.footer-top-r .accordian-footer .accordian-item a {
text-decoration: none
}
.footer-top-r .accordian-footer .accordian-item h4,
.footer-top-r .accordian-footer .accordian-item h2 {
padding-bottom: 10px;
background: none;
font-family: "Avenir-Medium", sans-serif;
color: #fff;
font-size: 1.8rem;
padding: 0;
margin: 0;
position: relative
}
@media screen and (max-width: 1450px) {
.footer-top-r .accordian-footer .accordian-item h4,
.footer-top-r .accordian-footer .accordian-item h2 {
font-size: 1.6rem
}
}
@media screen and (max-width: 1280px) {
.footer-top-r .accordian-footer .accordian-item h4,
.footer-top-r .accordian-footer .accordian-item h2 {
font-size: 1.4rem
}
}
@media screen and (min-width: 1601px) {
.footer-top-r .accordian-footer .accordian-item h4,
.footer-top-r .accordian-footer .accordian-item h2 {
font-size: 2.2rem
}
}
@media screen and (max-width: 1024px) {
.footer-top-r .accordian-footer .accordian-item h4,
.footer-top-r .accordian-footer .accordian-item h2 {
font-size: 2.4rem;
margin-bottom: 30px;
line-height: 30px
}
}
.footer-top-r .accordian-footer .accordian-item h4 span,
.footer-top-r .accordian-footer .accordian-item h2 span {
display: none;
width: 24px;
height: 24px;
position: absolute;
top: 0;
right: 0
}
.footer-top-r .accordian-footer .accordian-item h4 span:before,
.footer-top-r .accordian-footer .accordian-item h2 span:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
border: solid #ffffff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 7px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
@media screen and (max-width: 1024px) {
.footer-top-r .accordian-footer .accordian-item h4 span,
.footer-top-r .accordian-footer .accordian-item h2 span {
display: inline-block
}
}
.footer-top-r .accordian-footer .accordian-item h4.active span:before,
.footer-top-r .accordian-footer .accordian-item h2.active span:before {
position: absolute;
content: '';
right: 0px;
top: 11px;
border: solid #ffffff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 7px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg)
}
.footer-top-r .accordian-footer .accordian-item .accordian_content {
padding-top: 15px
}
@media screen and (max-width: 1024px) {
.footer-top-r .accordian-footer .accordian-item .accordian_content {
display: none;
padding-top: 10px;
padding-bottom: 30px
}
}
.footer-top-r .accordian-footer .accordian-item .accordian_content ul li {
padding: 6px 0
}
@media screen and (max-width: 1280px) {
.footer-top-r .accordian-footer .accordian-item .accordian_content ul li {
padding: 4px 0
}
}
.footer-top-r .accordian-footer .accordian-item .accordian_content ul li a {
font-family: "Avenir-Light", sans-serif;
color: #c3c0c0;
font-size: 1.6rem;
line-height: 1.4;
transition: all .3s
}
.footer-top-r .accordian-footer .accordian-item .accordian_content ul li a:hover {
color: #fff
}
@media screen and (max-width: 1450px) {
.footer-top-r .accordian-footer .accordian-item .accordian_content ul li a {
font-size: 1.4rem
}
}
@media screen and (max-width: 1280px) {
.footer-top-r .accordian-footer .accordian-item .accordian_content ul li a {
font-size: 1.3rem
}
}
.footer-follow-on {
display: flex;
align-items: center
}
@media screen and (max-width: 991px) {
.footer-follow-on {
margin-bottom: 25px;
justify-content: center
}
}
.footer-follow-on p {
font-size: 1.6rem;
color: #fff;
margin-right: 10px;
margin-bottom: 0
}
.footer-follow-on ul li {
padding: 0 6px
}
.footer-follow-on ul li a {
width: 44px;
height: 44px;
border: 1px solid #b5b5b5;
transition: all ease 0.3s;
text-align: center
}
@media screen and (max-width: 1366px) {
.footer-follow-on ul li a {
width: 40px;
height: 40px
}
}
@media screen and (max-width: 600px) {
.footer-follow-on ul li a {
width: 35px;
height: 35px
}
}
.footer-follow-on ul li a span {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width: 1366px) {
.footer-follow-on ul li a span {
width: 22px;
height: 22px
}
}
@media screen and (max-width: 600px) {
.footer-follow-on ul li a span {
width: 20px;
height: 20px
}
}
.footer-follow-on ul li a span img {
width: 90%
}
.footer-follow-on ul li a:hover {
background-color: #EF4637;
border: 1px solid #EF4637;
transition: all ease 0.3s
}
.footer-bottom {
padding:15px 0px;
}
@media screen and (max-width: 1024px) {
.footer-bottom {
margin-top: 35px;
padding-top: 35px
}
}
.footer-bottom .footer-utility-links {
max-width: 66%;
width: 100%
}
@media screen and (max-width: 1024px) {
.footer-bottom .footer-utility-links {
max-width: 100%
}
}
.footer-bottom .footer-utility-links p {
color: #898989;
font-family: "Avenir-Light", sans-serif;
font-size: 1.6rem;
margin-bottom: 0
}
@media screen and (max-width: 1366px) {
.footer-bottom .footer-utility-links p {
font-size: 1.4rem
}
}
.footer-bottom .footer-utility-links ul li {
padding: 0 15px;
position: relative
}
@media screen and (max-width: 1024px) {
.footer-bottom .footer-utility-links ul li {
padding: 0 7px
}
}
.footer-bottom .footer-utility-links ul li:before {
width: 1px;
height: 100%;
position: absolute;
background-color: #fff;
content: '';
right: 0;
top: 0
}
.footer-bottom .footer-utility-links ul li:last-child {
padding-right: 0
}
.footer-bottom .footer-utility-links ul li:last-child:before {
display: none
}
.footer-bottom .footer-utility-links ul li:first-child {
padding-left: 0
}
.footer-bottom .footer-utility-links ul li a {
font-family: "Avenir-Light", sans-serif;
color: #c3c0c0;
font-size: 1.6rem;
line-height: 22px;
text-decoration: none;
transition: all .3s
}
@media screen and (max-width: 1366px) {
.footer-bottom .footer-utility-links ul li a {
font-size: 1.4rem
}
}
.footer-bottom .footer-utility-links ul li a:hover {
color: #fff
}
@media screen and (max-width: 991px) {
.footer-bottom {
margin: 0;
padding: 0;
border: none
}
.footer-bottom .footer-logo {
display: none
}
.footer-bottom ul {
padding-top: 0 !important
}
}
.hero-section {
position: relative
}
.hero-section .row>* {
padding: 0
}
.hero-section figure {
position: relative;
margin: 0
}
.hero-section figure img {
width: 100%
}
.hero-section figure figcaption {
font-family: "Avenir-Heavy", sans-serif;
font-size: 2.8rem;
position: absolute;
top: 40px;
left: 0;
width: 100%;
text-align: center;
color: #fff
}
@media (max-width: 1366px) {
.hero-section figure figcaption {
font-size: 1.8rem;
top: 30px
}
}
@media (max-width: 991px) {
.hero-section figure figcaption {
top: 13px;
text-align: right;
padding-right: 21px;
font-size: 1.4rem
}
}
.hero-section .hero-content-wrap {
position: absolute;
width: 100%;
left: 0;
top: 0
}
.hero-section .slick-slide {
position: relative
}
.hero-section .slick-slide img {
width: 100%
}
.hero-section .container-fluid .banner_txt_main {
position: absolute;
width: 100%;
text-align: center;
bottom: 7%;
z-index: 10;
color: #fff
}
.hero-section .container-fluid .banner_txt_main h1 {
font-size: 10.7rem
}
@media (max-width: 1601px) {
.hero-section .container-fluid .banner_txt_main h1 {
font-size: 8rem
}
}
@media (max-width: 1450px) {
.hero-section .container-fluid .banner_txt_main h1 {
font-size: 7.4rem
}
}
@media (max-width: 991px) {
.hero-section .container-fluid .banner_txt_main {
bottom: auto;
top: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.hero-section .container-fluid .banner_txt_main h1 {
font-size: 3.3rem
}
}
.hero-content {
padding-top: 99px
}
@media (max-width: 991px) {
.hero-content {
padding-top: 15px;
margin-bottom: 30px
}
}
.hero-content img {
max-width: 100%
}
.hero-content p {
text-transform: uppercase;
line-height: 1.2;
margin: 0
}
.hero-content .f-light {
font-family: "Avenir-Light", sans-serif;
font-size: 3rem;
letter-spacing: 12px
}
.hero-content .f-medium {
font-family: "Avenir-Medium", sans-serif;
font-size: 5rem;
letter-spacing: 20px
}
.hero-content .btn {
background: #000;
border-radius: 10px;
color: #fff;
padding-right: 68px;
padding-left: 20px;
height: 48px;
line-height: 40px;
position: relative;
margin-top: 37px;
font-size: 1.6rem
}
.hero-content .btn span {
background: #EF4637;
border-radius: 0 10px 10px 0;
position: absolute;
right: 0;
top: 0;
width: 56px;
height: 100%
}
@media (max-width: 767px) {
.hero-content .f-light {
font-size: 2.2rem;
letter-spacing: 8px
}
.hero-content .f-medium {
font-size: 3.7rem;
letter-spacing: 14px
}
}
.pearl-explore .col-md-6 {
margin-bottom: 30px
}
.design_elem_1 {
position: relative
}
@media (max-width: 1450px) {
.design_elem_1 {
margin-bottom: 15px
}
}
@media (max-width: 991px) {
.design_elem_1 {
margin-bottom: 7px
}
}
.design_elem_1 img {
width: 100%
}
.campus_section .view_container {
position: relative
}
.campus_section .view_container .icon-tabs {
border: none;
position: absolute;
bottom: 47px;
left: 43px
}
.campus_section .view_container .icon-tabs .nav-item {
margin-right: 40px
}
.campus_section .view_container .icon-tabs .nav-item .nav-link {
background: none;
border: none;
color: #fff;
padding: 0;
transition: all .3s;
font-size: 2rem;
font-family: "Avenir-Black", sans-serif;
opacity: 0.5
}
.campus_section .view_container .icon-tabs .nav-item .nav-link img {
background: #fff;
border-radius: 100%;
margin-bottom: 6px
}
@media (max-width: 991px) {
.campus_section .view_container .icon-tabs .nav-item .nav-link img {
margin-bottom: 0px
}
}
.campus_section .view_container .icon-tabs .nav-item .nav-link.active {
opacity: 1
}
@media (max-width: 991px) {
.campus_section .view_container .icon-tabs {
position: relative;
bottom: 0;
left: 0
}
.campus_section .view_container .icon-tabs .nav-item {
margin-right: 20px;
margin-bottom: 15px
}
.campus_section .view_container .icon-tabs .nav-item .nav-link {
color: #000;
font-size: 1.4rem;
font-family: "Avenir-Medium", sans-serif;
display: flex;
align-items: center
}
.campus_section .view_container .icon-tabs .nav-item .nav-link img {
max-width: 35px
}
}
.video_section .container {
padding-bottom: 30px;
background-image: url(674e0494bfd3131bc555.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 22%
}
@media (max-width: 991px) {
.video_section .container {
background-image: none
}
.video_section .container .slick-dots {
bottom: 0
}
}
.video_section .container .section-heading {
position: absolute;
left: 15px;
top: 0;
max-width: 30%
}
@media (max-width: 991px) {
.video_section .container .section-heading {
position: relative;
left: 0;
max-width: 100%
}
}
.video_section .container .section-heading p {
max-width: 100%
}
.video_section .videoSlider {
padding-top: 90px
}
@media (max-width: 1601px) {
.video_section .videoSlider {
padding-top: 70px
}
}
@media (max-width: 991px) {
.video_section .videoSlider {
padding-top: 0px
}
}
.video_section .videoSlider.slick-slider {
padding-bottom: 0
}
.video_section .videoSlider.row {
margin-left: -25px;
margin-right: -25px
}
.video_section .videoSlider.row .item {
padding-left: 25px;
padding-right: 25px
}
.video_section .videoSlider .item:first-child {
padding-top: 220px
}
@media (max-width: 1450px) {
.video_section .videoSlider .item:first-child {
padding-top: 200px
}
}
@media (max-width: 991px) {
.video_section .videoSlider .item:first-child {
padding-top: 0
}
}
.video_section .videoSlider .item:last-child {
padding-top: 210px
}
@media (max-width: 1450px) {
.video_section .videoSlider .item:last-child {
padding-top: 160px
}
}
@media (max-width: 991px) {
.video_section .videoSlider .item:last-child {
padding-top: 0
}
}
.video_section .videoSlider .video-card {
margin-bottom: 30px
}
@media (max-width: 991px) {
.video_section .videoSlider .video-card {
margin-bottom: 0
}
}
.video_section .videoSlider .video-card .vid_link {
position: relative;
display: block;
cursor: pointer
}
.video_section .videoSlider .video-card .vid_link figure img {
border-radius: 20px;
width: 100%
}
.video_section .videoSlider .video-card .vid_link figure span {
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px
}
.video_section .videoSlider .video-card .vid_link figure span img {
width: 80px
}
.video_section .videoSlider .video-card .video-card-body {
padding: 10px 0;
color: #fff
}
.video_section .videoSlider .video-card .video-card-body h3 {
font-size: 2.5rem;
font-family: "Avenir-Book", sans-serif
}
@media (max-width: 1280px) {
.video_section .videoSlider .video-card .video-card-body h3 {
font-size: 2rem
}
}
@media (max-width: 991px) {
.video_section .videoSlider .video-card .video-card-body h3 {
font-size: 1.8rem
}
}
.video_section .videoSlider .video-card .video-card-body p {
font-size: 2rem
}
@media (max-width: 1601px) {
.video_section .videoSlider .video-card .video-card-body p {
font-size: 1.4rem
}
}
.video_section .videoSlider .video-card .video-card-body .video_desc {
font-size: 2.5rem;
font-family: "Avenir-Light", sans-serif
}
.video_section .videoSlider .video-card:before,
.video_section .videoSlider .video-card:after {
display: none
}
.video_section .videoSlider .slick-prev {
transform: none
}
@media (max-width: 991px) {
.video_section .videoSlider.show_on_desktop {
display: none
}
}
@media (min-width: 991px) {
.video_section .videoSlider.show_on_mobile {
display: none
}
}
.video_section .videoSlider .slick-dots li button:before {
background: #DDDDDD;
opacity: 1
}
.video_section .videoSlider .slick-dots li.slick-active button:before {
background: #EF4637
}
.video_section.bg-white .container {
background-image: url(ba9d9920249243b52332.webp)
}
@media (max-width: 991px) {
.video_section.bg-white .container {
background-image: none
}
}
.video_section.bg-white .videoSlider .video-card .video-card-body {
color: #000
}
.hide {
display: none
}
.videoContainer {
width: 100%;
max-height: 100vh;
object-fit: cover;
z-index: -1
}
.videoContainer #homevideo {
max-height: 100vh;
width: 100%;
object-fit: cover
}
.videoContainer .imgBox {
max-height: 100vh;
width: 100%;
object-fit: cover
}
.navbar.stickyHeader {
position: fixed
}
.view_360 {
position: relative
}
.view_360 .animated_icon {
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 250px;
transform: translateX(-125px) translateY(-125px)
}
.socailMedia_section .tab-content {
padding: 0
}
@media (max-width: 991px) {
.hero-section {
position: relative;
height: calc(100vh - 130px)
}
.hero-section .container-fluid {
position: relative;
height: 100%
}
.hero-section .row {
height: 100%
}
.hero-section .row .col-lg-4 {
height: 33.33%
}
.hero-section figure {
position: relative;
margin: 0;
height: 100%
}
.hero-section figure img {
object-fit: cover;
height: 100%;
width: 100%
}
}
.hero-section-banner {
position: relative
}
.hero-section-banner .container-fluid {
margin: 0;
padding: 0
}
.hero-section-banner .row>* {
padding: 0
}
.hero-section-banner figure {
position: relative;
margin: 0
}
.hero-section-banner figure img {
width: 100%;
border-radius: 0;
height: calc(100vh - 88px)
}
@media (max-width: 991px) {
.hero-section-banner figure img {
height: calc(100vh - 128px)
}
}
.hero-section-banner figure figcaption {
font-family: "Avenir-Heavy", sans-serif;
font-size: 2.8rem;
position: absolute;
top: 40px;
left: 0;
width: 100%;
text-align: center;
color: #fff
}
@media (max-width: 1366px) {
.hero-section-banner figure figcaption {
font-size: 1.8rem;
top: 30px
}
}
@media (max-width: 991px) {
.hero-section-banner figure figcaption {
top: 13px;
text-align: right;
padding-right: 21px;
font-size: 1.4rem
}
}
.hero-section-banner .slick-list {
padding: 0 !important
}
.hero-section-banner .slick-list .slick-slide {
position: relative;
padding: 0;
display: block
}
.hero-section-banner .slick-list .slick-slide img {
width: 100%
}
.hero-section-banner.with_image_text {
overflow: hidden;
height: 89vh
}
.hero-section-banner.with_image_text .container-fluid {
height: 100%
}
.hero-section-banner.with_image_text figure img {
object-fit: cover
}
@media (max-width: 991px) {
.hero-section-banner.with_image_text figure img {
object-fit: fill
}
}
.hero-section-banner.with_image_text .banner_content {
position: absolute;
bottom: 10%;
width: 100%;
left: 0;
text-align: center;
color: #fff
}
.hero-section-banner.with_image_text .banner_content a {
color: #fff
}
@media (max-width: 991px) {
.hero-section-banner.with_image_text .banner_content {
bottom: 7%
}
}
.hero-section-banner.with_image_text .banner_content h1 {
text-transform: uppercase;
position: relative;
font-size: 5.2rem
}
@media (max-width: 991px) {
.hero-section-banner.with_image_text .banner_content h1 {
font-size: 3.2rem
}
}
.hero-section-banner.with_image_text .banner_content h2,
.hero-section-banner.with_image_text .banner_content h1.subtext {
font-size: 3.2rem;
font-family: "Avenir-Heavy", sans-serif;
line-height: 1.2;
text-transform: none
}
.hero-section-banner.with_image_text .banner_content h2 span,
.hero-section-banner.with_image_text .banner_content h1.subtext span {
display: inline-block;
font-family: "Avenir-Medium", sans-serif;
padding-right: 15px;
margin-right: 15px;
border-right: solid 3px #EF4637;
line-height: 1
}
@media (max-width: 991px) {
.hero-section-banner.with_image_text .banner_content h2 span,
.hero-section-banner.with_image_text .banner_content h1.subtext span {
padding-right: 7px;
margin-right: 7px;
border-right-width: 2px
}
}
.hero-section-banner.with_image_text .banner_content h2 span:last-child,
.hero-section-banner.with_image_text .banner_content h1.subtext span:last-child {
border: none;
padding-right: 0px;
margin-right: 0px
}
@media (max-width: 991px) {
.hero-section-banner.with_image_text .banner_content h2,
.hero-section-banner.with_image_text .banner_content h1.subtext {
font-size: 2rem
}
}
.hero-section-banner.with_image_text .slick-slider {
padding-bottom: 0
}
.hero-section-banner .slick-dots {
bottom: 5%
}
@media (max-width: 991px) {
.hero-section-banner .slick-dots {
bottom: 20px
}
}
.hero-section-banner .slick-dots li {
width: auto;
height: auto;
margin: 0
}
.hero-section-banner .slick-dots li button {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center
}
@media (max-width: 991px) {
.hero-section-banner .slick-dots li button {
width: 42px;
height: 42px
}
}
.hero-section-banner .slick-dots li button:before {
position: relative;
width: 15px;
height: 15px;
border: solid 1px #EF4637;
opacity: 1
}
.hero-section-banner .slick-dots li.slick-active button:before {
background: #fff
}
@keyframes textclip {
to {
background-position: 200% center
}
}
.hero-section-banner .slick-slider .slick-track .slick-slide {
padding: 0;
display: block
}
.video-container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
object-fit: fill
}
.video-container video {
position: absolute;
width: 100%;
height: 100%
}
@media (max-width: 767px) {
.pearl-explore .col-md-6:last-child {
margin-bottom: 0
}
}
.pearl-explore .exploreCard {
border-radius: 45px;
position: relative;
overflow: hidden
}
.pearl-explore .exploreCard .s-card-body {
padding: 23px 29px
}
.pearl-explore .exploreCard .s-card-body h3 {
font-size: 3.4rem;
font-family: "Avenir-Black", sans-serif;
margin: 0 0 16px;
position: relative;
display: inline-block
}
.pearl-explore .exploreCard .s-card-body h3:before {
content: "";
width: 74px;
height: 2px;
background-color: #fff;
position: absolute;
right: -90px;
bottom: 20px
}
.pearl-explore .exploreCard .s-card-body h3:after {
content: "";
width: 10px;
height: 10px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
right: -90px;
bottom: 16px
}
@media (max-width: 767px) {
.pearl-explore .exploreCard .s-card-body h3 {
font-size: 2.4rem
}
}
.pearl-explore .exploreCard .s-card-body p {
font-size: 1.8rem
}
@media (max-width: 767px) {
.pearl-explore .exploreCard .s-card-body p {
font-size: 1.6rem
}
}
.pearl-explore .exploreCard.card-light {
color: #000
}
.pearl-explore .exploreCard.card-dark {
color: #fff
}
@media (max-width: 767px) {
.pearl-explore .exploreCard {
margin-bottom: 30px
}
}
.pearl-explore .exploreCard figure {
text-align: center;
display: flex;
align-items: center;
justify-content: center
}
.pearl-explore .exploreCard figure img {
display: inline-block;
width: 100%
}
@media (max-width: 767px) {
.pearl-explore .exploreCard figure img {
max-width: 100%
}
}
@media (max-width: 991px) {
.pearl-explore {
order: 1
}
}
.expertChat {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 50px
}
.expertChat p {
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif;
margin: 0
}
@media (max-width: 1450px) {
.expertChat p {
font-size: 1.8rem
}
}
@media (max-width: 991px) {
.expertChat p {
font-size: 2rem;
margin-bottom: 20px
}
}
.expertChat a {
margin-left: 30px;
border: 1px solid #000000;
border-radius: 10px;
padding: 11px 20px 5px 29px;
display: inline-block
}
@media (max-width: 991px) {
.expertChat a {
padding: 7px 18px 4px 20px;
border-color: #D8D8D8;
margin-left: 0
}
.expertChat a img {
max-width: 112px
}
}
@media (max-width: 1450px) {
.expertChat img {
max-height: 27px;
width: auto
}
}
@media (max-width: 1601px) {
.expertChat {
margin-bottom: 20px
}
}
@media (max-width: 991px) {
.expertChat {
order: 2;
display: block;
text-align: center;
margin-bottom: 0
}
}
.borderLine {
border-bottom: 6px solid #000
}
.socailMedia_section .common-tabs {
display: flex;
justify-content: center
}
.nonActiveImg {
display: block
}
.activeImg {
display: none
}
.socailMedia_section .common-tabs {
border: none;
margin-bottom: 40px
}
.socailMedia_section .common-tabs .nav-item {
margin-right: 25px
}
.socailMedia_section .common-tabs .nav-item:last-child {
margin-right: 0
}
.socailMedia_section .common-tabs .nav-item .nav-link {
border: none;
color: #707070;
font-size: 2.4rem;
position: relative;
padding-bottom: 5px
}
.socailMedia_section .common-tabs .nav-item .nav-link:after {
content: "";
background: transparent;
width: 0;
height: 5px;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s
}
.socailMedia_section .common-tabs .nav-item .nav-link.active {
color: #000
}
.socailMedia_section .common-tabs .nav-item .nav-link.active .activeImg {
display: block
}
.socailMedia_section .common-tabs .nav-item .nav-link.active .nonActiveImg {
display: none
}
.socailMedia_section .common-tabs .nav-item .nav-link.active:after {
background: none;
width: 100%
}
@media (min-width: 1601px) {
.socailMedia_section .common-tabs .nav-item .nav-link img {
width: 70px;
height: 70px
}
}
.socailMedia_section .common-card.imageonly figure,
.socailMedia_section .common-card.imageonly img {
border-radius: 0px
}
.socailMedia_section hr {
height: 6px;
background: #000;
opacity: 1;
margin: 0 0 100px
}
@media (max-width: 1601px) {
.socailMedia_section hr {
margin: 0 0 50px
}
}
.view_360 img {
width: 100%;
border-radius: 30px
}
.intro_text.aboutUs {
font-size: 2.4rem
}
.mission-container .mission-section {
align-items: center
}
@media (max-width: 990px) {
.mission-container .mission-section {
align-items: flex-start
}
}
@media (max-width: 991px) {
.mission-container .mission-section .mission-image {
padding-right: 0px
}
}
.mission-container .mission-section .mission-image img {
border-radius: 45px
}
@media (max-width: 1601px) {
.mission-container .mission-section .mission-image img {
border-radius: 30px
}
}
.mission-container .mission-section .mission-details h3 {
font-size: 3.2rem;
color: #000000;
margin-bottom: 30px
}
@media (max-width: 1601px) {
.mission-container .mission-section .mission-details h3 {
font-size: 2.8rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.mission-container .mission-section .mission-details h3 {
font-size: 2.4rem
}
}
.mission-container .mission-section .mission-details p {
font-size: 1.6rem;
font-family: "Avenir-Light", sans-serif;
margin-bottom: 18px
}
.mission-container .mission-section .mission-details p:last-child {
margin: 0
}
.mission-container .mission-section .mission-details p span {
font-family: "Avenir-medium", sans-serif
}
@media (min-width: 1367px) and (max-width: 1600px) {
.mission-container .mission-section .mission-details p {
font-size: 2rem
}
}
@media (min-width: 1601px) {
.mission-container .mission-section .mission-details p {
font-size: 2.4rem;
margin-bottom: 18px
}
}
.mission-container .mission-section .mission-details p a {
font-family: "Avenir-medium", sans-serif;
color: #000;
text-decoration: underline;
font-size: 3.2rem
}
@media (max-width: 1601px) {
.mission-container .mission-section .mission-details p a {
font-size: 2.8rem
}
}
@media (max-width: 1450px) {
.mission-container .mission-section .mission-details p a {
font-size: 2.2rem
}
}
.mission-section.runway {
align-items: self-start
}
.completeNow.runwatBtn {
margin-top: 25px
}
@media (max-width: 767px) {
.completeNow.runwatBtn {
width: 100%
}
}
.banner_image_slider .item img {
width: 100%;
border-radius: 0
}
@media (max-width: 767px) {
.banner_image_slider .item img {
border-radius: 20px
}
}
.banner_image_slider .slick-next {
right: 210px;
top: 111px;
z-index: 99;
transition: none
}
.banner_image_slider .slick-next:before {
content: '';
background-image: url(af35baa7ff616f51a41c.svg);
background-repeat: no-repeat
}
.banner_image_slider .slick-next.slick-disabled {
top: 86px;
transform: rotate(180deg)
}
.banner_image_slider .slick-next.slick-disabled:before {
content: '';
background-image: url(616b50685076a1aeba55.svg);
background-repeat: no-repeat
}
.banner_image_slider .slick-prev {
right: 300px;
top: 86px;
z-index: 99;
transition: none
}
.banner_image_slider .slick-prev:after {
background-color: #000;
content: "";
width: 210px;
height: 67px;
position: absolute;
left: -107px;
top: -9px;
z-index: -1;
border-radius: 50px
}
.banner_image_slider .slick-prev:before {
content: '';
background-image: url(af35baa7ff616f51a41c.svg);
background-repeat: no-repeat
}
.banner_image_slider .slick-prev.slick-disabled {
top: 111px
}
.banner_image_slider .slick-prev.slick-disabled:before {
content: '';
background-image: url(616b50685076a1aeba55.svg);
background-repeat: no-repeat
}
.banner_image_slider .slick-prev.slick-disabled:after {
left: -26px
}
.infrastructure-section {
position: relative
}
.infrastructure-section .container-fluid {
margin: 0;
padding: 0;
max-width: 100%
}
@media (max-width: 990px) {
.infrastructure-section .container-fluid {
max-width: 720px;
margin: 0 auto
}
}
@media (max-width: 767px) {
.infrastructure-section .container-fluid {
max-width: 540px;
margin: 0 auto;
padding: 0 20px
}
}
@media (max-width: 570px) {
.infrastructure-section .container-fluid {
max-width: 100%;
margin: 0 auto
}
}
@media (min-width: 991px) {
.infrastructure-section .infraDetails {
position: absolute;
left: 0;
top: 90px;
z-index: 99;
width: 100%
}
.infrastructure-section .infraDetails h2 {
color: #fff
}
}
@media (min-width: 991px) {
.infrastructure-section .common-card {
background-color: transparent;
border-radius: 0;
padding-bottom: 0
}
.infrastructure-section .common-card .common-card-body {
padding: 23px 29px;
position: absolute;
width: 100%;
bottom: 60px;
left: 0;
background-color: none
}
.infrastructure-section .common-card .common-card-body p {
max-width: 960px
}
.infrastructure-section .common-card figure,
.infrastructure-section .common-card img {
border-radius: 0
}
.infrastructure-section .common-card:hover {
color: #fff;
box-shadow: none
}
}
@media (max-width: 990px) {
.infrastructure-section .common-card {
padding-bottom: 20px
}
.infrastructure-section .common-card .common-card-body .container {
padding: 0
}
}
@media (max-width: 991px) {
.single-slider.slick-slider {
margin-bottom: 30px
}
}
@media (max-width: 767px) {
.single-slider.slick-slider .slick-list {
padding-left: 0;
padding-right: 0
}
}
.single-slider.slick-slider .slick-list .slick-track {
width: 100% !important
}
@media (max-width: 767px) {
.single-slider.slick-slider .slick-list .slick-track {
flex-wrap: wrap
}
}
.single-slider.slick-slider .slick-list .slick-track .slick-slide img {
width: 100%
}
.single-slider.slick-slider .item {
width: 100% !important
}
.single-slider.slick-slider .item .common-card {
overflow: hidden
}
@media (max-width: 767px) {
.single-slider.slick-slider .item {
width: 100% !important;
padding: 0 !important
}
.single-slider.slick-slider .item:first-child {
margin-bottom: 30px
}
}
.single-slider.slick-slider .slick-dots {
display: none
}
@media (max-width: 767px) {
.double-slider.slick-slider .slick-list {
padding-left: 0;
padding-right: 0
}
}
@media (min-width: 767px) {
.double-slider.slick-slider .slick-list .slick-track {
width: 100% !important
}
}
@media (max-width: 991px) {
.double-slider.slick-slider .slick-list .slick-track .slick-slide {
padding: 0 15px
}
}
@media (min-width: 767px) {
.double-slider.slick-slider .item {
width: 50% !important
}
}
.application-section {
background-color: #000;
padding: 70px 0;
margin-bottom: 40px
}
@media (max-width: 767px) {
.application-section {
padding: 50px 0
}
}
.application-section .today-section {
display: flex;
justify-content: center;
color: #fff;
align-items: center
}
.application-section .today-section h2 {
font-size: 4.2rem
}
@media (max-width: 767px) {
.application-section .today-section h2 {
font-size: 2.8rem;
margin-bottom: 20px
}
}
.application-section .today-section .applyNow {
margin-left: 60px;
font-size: 1.8rem
}
@media (max-width: 767px) {
.application-section .today-section .applyNow {
margin-left: 0
}
}
@media (max-width: 767px) {
.application-section .today-section {
flex-wrap: wrap;
text-align: center
}
}
.studentallWork .common-card-body p {
margin-bottom: 0
}
@media (max-width: 767px) {
.studentallWork .common-card-body p {
font-size: 1.4rem
}
}
.studentallWork .common-card-body p span {
display: block;
font-family: 'Avenir-Heavy'
}
.studentallWork .common-card-body .textDetails {
font-size: 2.2rem
}
.studentallWork .common-card-body .smallText {
font-size: 1.8rem;
font-family: 'Avenir-Light';
margin-bottom: 10px
}
@media (max-width: 570px) {
.studentallWork .common-card-body .smallText {
font-size: 1.2rem
}
}
.counsellarModal .modal-content {
border-radius: 30px;
border: none;
text-align: center;
padding: 60px 100px
}
@media (max-width: 570px) {
.counsellarModal .modal-content {
padding: 50px 70px
}
}
.counsellarModal .modal-content .modal-header {
border: none
}
.counsellarModal .modal-content .modal-header h5 {
font-size: 3rem;
width: 100%
}
@media (max-width: 570px) {
.counsellarModal .modal-content .modal-header h5 {
font-size: 2.6rem
}
}
.counsellarModal .modal-content .modal-header .btn-close {
position: absolute;
width: 34px;
height: 34px;
right: 30px;
top: 20px;
background: none
}
.counsellarModal .modal-content .modal-header .btn-close img {
width: 100%
}
.counsellarModal .modal-content a {
font-size: 2.6rem;
font-family: "Avenir-Heavy", sans-serif;
color: #000;
text-decoration: none;
position: relative
}
.counsellarModal .modal-content a::after {
content: "";
background-color: #000;
width: 0;
position: absolute;
bottom: 0px;
left: 0;
height: 1px;
transition: all .5s
}
.counsellarModal .modal-content a:hover::after {
width: 100%
}
.apply-now-b {
display: flex;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #EF4637;
justify-content: center;
z-index: 999
}
@media (max-width: 991px) {
.apply-now-b {
bottom: 60px;
padding: 0 50px
}
}
.apply-now-b p {
color: #fff;
padding: 5px 0;
margin: 0;
font-size: 1.5rem;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 991px) {
.apply-now-b p {
font-size: 1.3rem;
text-align: center;
padding: 7px 0
}
}
.apply-now-b .close-icon {
position: absolute;
top: 50%;
left: 40px;
font-family: "Avenir-Heavy", sans-serif;
font-size: 1.6rem;
cursor: pointer;
color: #fff;
transform: translate(0%, -50%);
margin-top: 2px
}
@media (max-width: 600px) {
.apply-now-b .close-icon {
left: 20px
}
}
.banner_inner.communication .banner_text {
color: black
}
@media (max-width: 990px) {
.banner_inner.communication .banner_text {
align-items: flex-end;
padding-bottom: 25px
}
}
.banner_inner.communication .banner_text h1 {
color: #000;
line-height: 1
}
.banner_inner.communication .banner_text p {
color: #000
}
@media (max-width: 990px) {
.banner_inner.communication .banner_text p br {
display: none
}
}
.duration-section .container {
padding-bottom: 40px;
position: relative
}
.duration-section .container:after {
content: "";
position: absolute;
left: 15px;
bottom: 0;
width: calc(100% - 30px);
height: 6px;
background-color: #000
}
.duration-section .num_box {
padding-right: 50px;
margin-right: 50px;
border-right: solid 1px #000;
display: flex;
flex-direction: column;
height: 100%
}
@media (max-width: 1601px) {
.duration-section .num_box {
padding-right: 20px;
margin-right: 20px
}
}
.duration-section .num_box .num {
font-size: 3.6rem;
font-family: "Avenir-Black", sans-serif;
margin-bottom: 0px;
position: relative
}
.duration-section .num_box .num sup {
font-family: "Avenir-Light", sans-serif
}
.duration-section .num_box .desc {
font-size: 2.3rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.duration-section .num_box .desc {
font-size: 1.8rem
}
}
@media (max-width: 1366px) {
.duration-section .num_box .desc {
font-size: 1.6rem
}
}
@media (max-width: 1601px) {
.duration-section .num_box .num {
font-size: 2.6rem
}
.duration-section .num_box .desc {
font-size: 1.6rem
}
}
@media (max-width: 767px) {
.duration-section .num_box {
border-right: none;
border-bottom: solid 1px #000;
flex-direction: column;
padding: 0 0 15px;
margin: 0 0 25px;
height: auto
}
.duration-section .num_box .num {
min-width: 130px;
font-size: 2.5rem
}
.duration-section .num_box .desc {
font-size: 1.8rem;
margin-bottom: 0
}
}
.duration-section .row .col-md-3:last-child .num_box {
border: none;
margin-right: 0;
padding-right: 0
}
@media (max-width: 767px) {
.duration-section .row .col-md-3:last-child .num_box {
margin-bottom: 0;
padding-bottom: 0
}
}
.duration-section .tc {
font-family: "Avenir-Light", sans-serif;
font-size: 1.8rem;
text-align: right;
margin-top: 24px
}
.duration-section .divdider-sec {
display: flex
}
@media (max-width: 767px) {
.duration-section .divdider-sec {
flex-wrap: wrap
}
}
.duration-section .divdider-sec .col {
flex: auto;
min-width: 25%
}
@media (max-width: 767px) {
.duration-section .divdider-sec .col {
min-width: 100%
}
}
.duration-section .divdider-sec .col:last-child {
padding-right: 0;
margin-right: 0
}
.duration-section .divdider-sec .col:last-child .num_box {
border: none
}
@media (max-width: 767px) {
.duration-section .divdider-sec .col:last-child .num_box {
margin-bottom: 0;
padding-bottom: 0
}
}
.importantLinks .linksDetails ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap
}
.importantLinks .linksDetails ul li {
margin-right: 50px;
margin-bottom: 30px;
border: #BABABA solid 1px;
border-radius: 20px;
display: inline-block;
padding: 20px 80px
}
@media (max-width: 1450px) {
.importantLinks .linksDetails ul li {
margin-right: 20px;
padding: 15px 60px;
border-radius: 14px
}
}
@media (max-width: 767px) {
.importantLinks .linksDetails ul li {
padding: 15px 25px;
border-radius: 15px;
margin-bottom: 20px
}
.importantLinks .linksDetails ul li:last-child {
margin-bottom: 0
}
}
@media (max-width: 480px) {
.importantLinks .linksDetails ul li {
padding: 15px 25px;
border-radius: 15px;
width: 100%;
margin-right: 0
}
}
.importantLinks .linksDetails ul li a {
text-decoration: none;
font-size: 3.2rem;
font-family: 'Avenir-Medium';
color: #000;
display: inline-block
}
@media (max-width: 1601px) {
.importantLinks .linksDetails ul li a {
font-size: 2rem
}
}
.importantLinks .linksDetails ul li a:hover {
color: #EF4637
}
@media (max-width: 767px) {
.importantLinks .linksDetails ul li a {
font-size: 2rem;
display: block
}
}
.importantLinks .linksDetails ul li:hover {
border-color: #EF4637
}
.importantLinks .linksDetails ul li:hover .cta_with_arrow:before {
right: -10px
}
.importantLinks .linksDetails ul li:hover .cta_with_arrow:after {
right: -10px
}
.breadcrumb-section.communicationBread ul li {
color: #000 !important
}
.breadcrumb-section.communicationBread ul li a {
color: #000
}
.breadcrumb-section.communicationBread .breadcrumb-item+.breadcrumb-item::before {
color: #000 !important
}
.readmore-toggle-text {
font-size: 2rem;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1450px) {
.readmore-toggle-text {
font-size: 1.6rem
}
}
.readmore-toggle-text .toggle-text-content span {
display: none
}
.readmore-toggle-text .toggle-text-content .toggle-text-link {
color: #000;
font-family: "Avenir-Medium", sans-serif
}
.registerBtn {
text-decoration: none;
background-color: #fff;
border-radius: 5px;
padding: 7px 25px;
margin-top: 25px;
color: #000
}
.peopleDiv h4 {
font-size: 2rem;
color: #000;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1450px) {
.peopleDiv h4 {
font-size: 1.8rem
}
}
.peopleDiv ul {
list-style: none !important;
padding: 0;
margin: 0
}
.peopleDiv ul li {
display: inline-block;
list-style-type: none;
width: 70px;
padding-left: 0 !important;
margin-left: -35px
}
.peopleDiv ul li:first-child {
margin-left: 0
}
.peopleDiv ul li img {
width: 100%;
border-radius: 50%
}
.peopleDiv ul li:after {
display: none !important
}
@media (max-width: 1450px) {
.peopleDiv ul li {
width: 60px
}
}
.formContainer {
max-width: 1200px
}
@media (max-width: 1450px) {
.formContainer {
max-width: 886px
}
}
.formContainer .createBtn.proceed {
width: 250px
}
.form-bg {
background-image: url(45ede69bb15e74f8daac.webp);
background-repeat: no-repeat;
background-size: cover
}
@media (max-width: 767px) {
.form-bg {
background-image: none;
background-color: #fff
}
}
.form_rounded_box {
padding: 45px;
border-radius: 45px;
border: solid 2px #E0E0E0
}
@media (max-width: 767px) {
.form_rounded_box {
border: 1px solid #eaeaea;
border-radius: 20px
}
}
.form_rounded_box .form_wrap {
max-width: 455px;
margin: 0 auto
}
.form_rounded_box .form_wrap h1 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 4.4rem;
text-align: center;
margin: 0 0 50px
}
@media (max-width: 1450px) {
.form_rounded_box .form_wrap h1 {
font-size: 2.4rem;
margin-bottom: 30px
}
}
@media (max-width: 767px) {
.form_rounded_box .form_wrap h1 {
font-size: 2.4rem;
margin-bottom: 30px
}
}
.form_rounded_box .form_wrap h2 {
font-family: "Avenir-Light", sans-serif;
font-size: 2.8rem
}
@media (max-width: 1450px) {
.form_rounded_box .form_wrap h2 {
font-size: 1.4rem
}
}
@media (max-width: 767px) {
.form_rounded_box .form_wrap h2 {
font-size: 1.6rem;
font-family: "Avenir-Heavy", sans-serif
}
}
.form_rounded_box .form_wrap .nav-link.active h2 {
font-family: "Avenir-Heavy", sans-serif
}
.field_head {
font-family: "Avenir-Heavy", sans-serif;
font-size: 2.2rem;
color: #000;
margin-bottom: 40px
}
@media (max-width: 1450px) {
.field_head {
font-size: 1.4rem;
margin-bottom: 20px
}
}
@media (max-width: 767px) {
.field_head {
font-size: 1.4rem;
margin-bottom: 20px;
margin-top: 0px
}
}
label {
font-family: "Avenir-Light", sans-serif;
font-size: 1.8rem;
margin-bottom: 10px;
color: #000
}
@media (max-width: 1601px) {
label {
font-size: 1.6rem
}
}
@media (max-width: 1450px) {
label {
font-size: 1.2rem
}
}
@media (max-width: 767px) {
label {
font-size: 1.2rem
}
}
label.headLabel {
width: 100%;
margin-bottom: 30px
}
@media (max-width: 1450px) {
label.headLabel {
margin-bottom: 20px
}
}
@media (max-width: 767px) {
label.headLabel {
margin-bottom: 15px
}
}
.form-control {
font-size: 1.8rem;
color: #000;
border-radius: 10px;
border-color: #A8A8A8;
padding: 15px 30px
}
@media (max-width: 1450px) {
.form-control {
padding: 13px 18px;
font-size: 1.2rem
}
}
@media (max-width: 767px) {
.form-control {
padding: 10px 15px;
font-size: 1.2rem
}
}
.form-control:disabled {
background-color: #fff;
color: rgba(0, 0, 0, 0.48);
pointer-events: none
}
.form-group {
margin-bottom: 30px;
position: relative
}
@media (max-width: 1601px) {
.form-group {
margin-bottom: 25px
}
}
@media (max-width: 1450px) {
.form-group {
margin-bottom: 20px
}
}
.form-group .edit-input {
position: absolute;
right: 30px;
top: 53px;
text-decoration: underline;
cursor: pointer;
z-index: 10;
font-size: 1.6rem
}
@media (max-width: 1450px) {
.form-group .edit-input {
top: 46px;
font-size: 1.4rem
}
}
@media (max-width: 480px) {
.form-group .edit-input {
top: 41px
}
}
.verifyBTN {
border: #BCBCBC 1px solid;
border-radius: 6px;
font-size: 1.4rem;
color: #000;
font-size: 2rem;
display: inline-flex
}
.verifyBTN .lottieVerify {
width: 28px;
height: 28px;
margin-left: 15px
}
@media (max-width: 1450px) {
.verifyBTN .lottieVerify {
width: 16px;
height: 16px;
margin-left: 10px
}
}
@media (max-width: 1601px) {
.verifyBTN .lottieVerify {
padding: 13px 30px
}
}
@media (max-width: 1450px) {
.verifyBTN .lottieVerify {
padding: 7px 25px;
font-size: 1.4rem
}
}
@media (max-width: 1601px) {
.verifyBTN {
padding: 13px 30px
}
}
@media (max-width: 1450px) {
.verifyBTN {
padding: 7px 25px;
font-size: 1.4rem
}
}
@media (max-width: 767px) {
.sendOTP {
font-size: 1.2rem !important
}
}
.backlink {
font-family: "Avenir-Light", sans-serif;
font-size: 2rem;
margin-bottom: 40px
}
.backlink a {
color: #000;
text-decoration: none;
display: flex;
align-items: center
}
.backlink img {
transform: scale(0.85);
margin-right: 10px
}
.backlink {
font-size: 2.2rem;
margin-bottom: 55px
}
@media (max-width: 1450px) {
.backlink {
font-size: 1.6rem;
margin-bottom: 40px
}
.backlink img {
width: 40px;
margin-right: 10px
}
}
@media (max-width: 767px) {
.backlink {
display: none
}
}
.form-head-nav {
margin-bottom: 50px;
justify-content: space-between;
text-align: center
}
@media (max-width: 1200px) {
.form-head-nav {
flex-wrap: nowrap
}
}
.form-head-nav .nav-item {
margin: 0 0px 0 0;
min-width: 320px;
border: solid 1px #BABABA;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center
}
.form-head-nav .nav-item .nav-link {
font-size: 2.6rem;
padding: 15px 20px;
color: #000
}
@media (max-width: 1450px) {
.form-head-nav .nav-item .nav-link {
font-size: 1.4rem;
padding: 13px 20px
}
}
@media (max-width: 767px) {
.form-head-nav .nav-item .nav-link {
font-size: 1.4rem
}
}
@media (max-width: 1450px) {
.form-head-nav .nav-item {
min-width: 236px
}
}
@media (max-width: 1200px) {
.form-head-nav .nav-item {
min-width: auto
}
}
@media (max-width: 767px) {
.form-head-nav .nav-item {
min-width: auto;
margin-right: 20px
}
.form-head-nav .nav-item:last-child {
margin-right: 0
}
}
.form-head-nav .nav-item.active,
.form-head-nav .nav-item:hover {
background: #000;
color: #fff
}
.form-head-nav .nav-item.active .nav-link,
.form-head-nav .nav-item:hover .nav-link {
color: #fff
}
@media (min-width: 1601px) {
.form-head-nav {
margin-bottom: 80px
}
}
.form-head {
margin-bottom: 40px;
text-align: center
}
.form-head h1 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 4.4rem;
margin: 0 0 12px 0
}
@media (max-width: 1450px) {
.form-head h1 {
font-size: 2.4rem;
color: #000
}
}
@media (max-width: 767px) {
.form-head h1 {
font-size: 2.4rem;
color: #000
}
}
.form-head p {
font-family: "Avenir-Light", sans-serif;
font-size: 2rem
}
@media (max-width: 1450px) {
.form-head p {
font-size: 1.3rem
}
}
@media (max-width: 767px) {
.form-head p {
font-size: 1.2rem
}
}
.form_title {
margin-bottom: 25px;
display: flex;
justify-content: space-between;
position: relative
}
@media (min-width: 1601px) {
.form_title {
margin-bottom: 30px
}
}
@media (max-width: 767px) {
.form_title {
display: block;
margin-bottom: 20px
}
}
.form_title h2 {
font-family: "Avenir-Heavy", sans-serif;
font-size: 2.4rem;
position: relative;
width: 100%
}
@media (max-width: 1450px) {
.form_title h2 {
font-size: 1.6rem
}
}
@media (max-width: 767px) {
.form_title h2 {
font-size: 1.6rem
}
}
.form_title h2:before {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
content: '';
height: 10px;
width: 10px;
display: block;
position: absolute;
right: 22px;
top: 10px;
border-top: 1px solid #ADADAD;
border-right: 1px solid #ADADAD;
transform: rotate(135deg)
}
@media (max-width: 1450px) {
.form_title h2:before {
top: 2px;
right: 20px;
width: 8px;
height: 8px
}
}
@media (max-width: 767px) {
.form_title h2:before {
top: 3px;
right: 20px
}
}
.form_title h2:after {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
content: '';
height: 35px;
width: 35px;
display: block;
position: absolute;
right: 10px;
top: 0;
border-radius: 20px;
border: 1px solid #ADADAD
}
@media (max-width: 1450px) {
.form_title h2:after {
top: -5px;
width: 28px;
height: 28px
}
}
@media (max-width: 767px) {
.form_title h2:after {
width: 30px;
height: 30px;
top: -5px
}
}
@media (max-width: 1450px) {
.form_title p {
font-size: 1.2rem
}
}
@media (max-width: 767px) {
.form_title p {
font-size: 1.4rem;
margin-top: 15px
}
}
.form_rounded_box.createBox {
border-radius: 20px;
padding: 30px 100px 0px;
margin-bottom: 40px
}
.form_rounded_box.createBox h2 {
cursor: pointer;
padding-right: 30px
}
@media (max-width: 992px) {
.form_rounded_box.createBox {
padding: 30px 50px 0
}
}
.form_rounded_box.createBox .row {
margin-left: -20px;
margin-right: -20px
}
.form_rounded_box.createBox .row .lrSpace {
padding: 0 20px
}
.form_rounded_box.createBox h3 {
font-family: 'Avenir-Medium';
font-size: 2rem;
margin: 0 0px 20px
}
@media (max-width: 1450px) {
.form_rounded_box.createBox h3 {
font-size: 1.6rem
}
}
@media (max-width: 767px) {
.form_rounded_box.createBox h3 {
font-size: 1.6rem
}
}
.form_rounded_box.createBox h4 {
font-size: 2.4rem;
margin-bottom: 30px;
font-family: "Avenir-Heavy", sans-serif
}
@media (max-width: 1601px) {
.form_rounded_box.createBox h4 {
font-size: 2.2rem
}
}
@media (max-width: 1450px) {
.form_rounded_box.createBox h4 {
font-size: 2rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.form_rounded_box.createBox h4 {
font-size: 1.6rem;
margin-bottom: 20px
}
}
.form_rounded_box.createBox .scholarship p {
font-family: "Avenir-Medium", sans-serif;
margin-bottom: 5px
}
@media (max-width: 767px) {
.form_rounded_box.createBox {
padding: 25px 20px 5px
}
}
.form-check {
cursor: pointer;
padding-left: 0
}
@media (max-width: 767px) {
.form-check {
width: 100%;
margin-bottom: 20px
}
}
.createAccountBtn {
display: flex;
justify-content: center;
text-align: center
}
.createAccountBtn .createBtn {
font-size: 1.8rem;
box-shadow: none;
width: auto;
border-radius: 10px
}
.createAccountBtn .createBtn:after {
display: none
}
@media (max-width: 1601px) {
.createAccountBtn .createBtn {
font-size: 1.6rem
}
}
@media (max-width: 1450px) {
.createAccountBtn .createBtn {
font-size: 1.4rem
}
}
@media (max-width: 480px) {
.createAccountBtn .createBtn {
width: 100%;
font-size: 1.4rem
}
}
.success-details {
display: flex;
justify-content: center;
text-align: center
}
.success-details .completeNow {
font-size: 1.8rem;
box-shadow: none;
width: auto;
border-radius: 10px
}
.success-details .completeNow:after {
display: none
}
@media (max-width: 480px) {
.success-details .completeNow {
width: 100%
}
}
.form-check.radiomain {
padding-left: 0
}
.form-check.customCheck input[type=checkbox]+label {
display: block;
position: relative;
padding: 0 0 0 43px;
cursor: pointer
}
.form-check.customCheck input[type=checkbox] {
display: none
}
.form-check.customCheck input[type=checkbox]+label:before {
content: "\2714";
border: 1px solid #A8A8A8;
border-radius: 5px;
display: inline-block;
width: 26px;
height: 26px;
color: transparent;
transition: .2s;
line-height: 26px;
position: absolute;
left: 0;
text-align: center
}
@media (max-width: 480px) {
.form-check.customCheck input[type=checkbox]+label:before {
line-height: 1.7
}
}
.form-check.customCheck input[type=checkbox]+label:active:before {
transform: scale(0)
}
.form-check.customCheck input[type=checkbox]:checked+label:before {
background-color: #EF4637;
border-color: #EF4637;
color: #fff
}
.form-check.radiomain [type="radio"]:checked,
.form-check.radiomain [type="radio"]:not(:checked) {
position: absolute;
left: -9999px
}
.form-check.radiomain [type="radio"]:checked+label,
.form-check.radiomain [type="radio"]:not(:checked)+label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #000
}
.form-check.radiomain [type="radio"]:checked+label:before,
.form-check.radiomain [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff
}
.form-check.radiomain [type="radio"]:checked+label:before {
border: 1px solid #454545
}
.form-check.radiomain [type="radio"]:checked+label:after,
.form-check.radiomain [type="radio"]:not(:checked)+label:after {
content: '';
width: 12px;
height: 12px;
background: #454545;
position: absolute;
top: 3px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease
}
.form-check.radiomain [type="radio"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
.form-check.radiomain [type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.form-select {
position: relative;
background-image: none;
border: none;
padding: 0
}
.form-select:after {
position: absolute;
right: 40px;
top: 20px;
content: "";
width: 12px;
height: 12px;
border-top: 2px solid #9E9E9E;
border-right: 2px solid #9E9E9E;
transform: rotate(135deg)
}
@media (max-width: 1450px) {
.form-select:after {
top: 14px
}
}
@media (max-width: 480px) {
.form-select:after {
width: 10px;
height: 10px;
top: 12px
}
}
.innerDetails {
display: none
}
.activeBox h2:before {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
content: '';
height: 10px;
width: 10px;
display: block;
position: absolute;
right: 22px;
top: 14px;
border-top: 1px solid #ADADAD;
border-right: 1px solid #ADADAD;
transform: rotate(-45deg)
}
@media (max-width: 1450px) {
.activeBox h2:before {
top: 7px;
right: 20px;
width: 8px;
height: 8px
}
}
@media (max-width: 767px) {
.activeBox h2:before {
top: 7px;
right: 20px
}
}
.createAccoutnHead h2 {
width: auto
}
.createAccoutnHead h2:before {
display: none
}
.createAccoutnHead h2:after {
display: none
}
.form-head-nav.residential-nav {
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
flex-wrap: nowrap
}
.form-head-nav.residential-nav .nav-item {
min-width: auto
}
@media (max-width: 1450px) {
.form-head-nav.residential-nav .nav-item {
margin-right: 0px;
justify-content: space-between
}
}
@media (max-width: 1200px) {
.form-head-nav.residential-nav .nav-item {
margin-right: 15px;
justify-content: left
}
}
@media (max-width: 1450px) {
.form-head-nav.residential-nav .nav-item .nav-link {
padding: 12px 15px
}
}
@media (max-width: 1200px) {
.form-head-nav.residential-nav .nav-item .nav-link {
font-size: 2.2rem
}
}
@media (max-width: 767px) {
.form-head-nav.residential-nav .nav-item .nav-link {
font-size: 1.4rem
}
}
@media (max-width: 990px) {
.form-head-nav.residential-nav .nav-item {
white-space: nowrap
}
}
.redStar {
color: #EF4637
}
.form_rounded_box.appForm {
max-width: 700px
}
@media (max-width: 1601px) {
.form_rounded_box.appForm {
max-width: 600px;
border-radius: 35px
}
}
@media (max-width: 1450px) {
.form_rounded_box.appForm {
max-width: 400px;
border-radius: 20px
}
}
@media (max-width: 1601px) {
.form-group.btn_wrap.text-center {
margin-bottom: 0px
}
}
@media (max-width: 1450px) {
.form-group.btn_wrap.text-center {
margin-bottom: 0px
}
}
.rightImg {
width: 28px;
height: 28px;
margin-left: 15px
}
@media (max-width: 1450px) {
.rightImg {
width: 20px;
height: 20px;
margin-left: 10px
}
}
.innerDetails {
padding-bottom: 30px
}
@media (max-width: 767px) {
.innerDetails {
padding-bottom: 20px
}
}
@media (max-width: 767px) {
.form-group.form-check.form-check-inline.radioBtn2.radiomain {
margin-bottom: 5px
}
}
.datepicker {
font-size: 1.4rem
}
.datepicker td,
.datepicker th {
width: 40px;
height: 40px
}
.datepicker .next,
.datepicker .prev {
font-size: 2rem
}
.success-section {
margin: 50px 0
}
.success-section .success-details {
max-width: 800px;
margin: 0 auto;
display: flex;
min-height: 450px;
border: 2px solid #E0E0E0;
border-radius: 20px;
padding: 50px;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center
}
@media (max-width: 767px) {
.success-section .success-details {
min-height: 300px;
padding: 50px 20px
}
}
.success-section .success-details figure {
width: 120px
}
.success-section .success-details figure .rightImg {
width: 123px;
height: 123px
}
@media (max-width: 767px) {
.success-section .success-details figure .rightImg {
width: 80px;
height: 80px
}
}
.success-section .success-details figure img {
width: 100%
}
.success-section .success-details h2 {
margin-top: 10px;
font-size: 4.2rem
}
@media (max-width: 767px) {
.success-section .success-details h2 {
font-size: 2.8rem;
margin-top: 0
}
}
.success-section .success-details h3 {
margin-top: 25px;
font-size: 2.8rem;
font-family: 'Avenir-Medium';
color: #000
}
@media (max-width: 767px) {
.success-section .success-details h3 {
font-size: 2.2rem
}
}
.success-section .success-details p {
margin-top: 25px;
font-size: 2rem;
color: #000
}
.success-section .success-details p span {
font-family: 'Avenir-Medium'
}
@media (max-width: 767px) {
.success-section .success-details p {
font-size: 1.8rem
}
}
.success-section .success-details .dashboardBTN {
margin-top: 25px;
font-size: 1.8rem;
border: #DB4234 1px solid
}
.success-section .success-details .dashboardBTN:hover {
box-shadow: none;
background-color: #fff;
color: #000
}
.success-section .success-details .dashboardBTN:active {
box-shadow: none;
background-color: #fff;
color: #000
}
.success-section .success-details .dashboardBTN:focus {
box-shadow: none;
background-color: #DB4234;
color: #fff
}
.success-section .success-details .dashboardBTN:after {
display: none
}
@media (max-width: 767px) {
.success-section .success-details .dashboardBTN {
font-size: 1.6rem
}
}
.success-section .success-details .btn {
margin-top: 50px
}
.tollFreeNumber span {
font-size: 1.6rem
}
.datepicker {
font-size: 1.4rem
}
.datepicker td,
.datepicker th {
width: 40px;
height: 40px
}
.datepicker .next,
.datepicker .prev {
font-size: 2rem
}
ol>li::marker {
font-weight: bold
}
ol li {
margin-bottom: 20px
}
@media (max-width: 767px) {
.application-details-section .application-details .form_title {
display: flex
}
}
.application-details-section .application-details h2 {
font-size: 3.2rem;
border-bottom: 1px solid #707070;
padding-bottom: 10px
}
@media (max-width: 767px) {
.application-details-section .application-details h2 {
font-size: 2.4rem
}
}
.application-details-section .application-details .logoutBtn {
text-decoration: none;
font-size: 2.6rem;
color: #000
}
@media (max-width: 767px) {
.application-details-section .application-details .logoutBtn span {
display: none
}
}
.application-details-section .application-details .form-group-details {
margin-bottom: 30px
}
.application-details-section .application-details .form-group-details p {
font-size: 1.6rem;
color: #767676;
margin-bottom: 5px
}
.application-details-section .application-details .form-group-details h3 {
font-size: 2.6rem;
color: #000
}
@media (max-width: 767px) {
.application-details-section .application-details .form-group-details h3 {
font-size: 2rem
}
}
.application-details-section .application-details .processBar-section {
background-color: #000;
border-radius: 10px;
padding: 20px;
margin-right: 20px;
margin-top: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%
}
@media (max-width: 767px) {
.application-details-section .application-details .processBar-section {
margin-bottom: 30px;
margin-right: 0;
margin-top: 0
}
}
.application-details-section .application-details .processBar-section h4 {
color: #fff;
font-size: 3rem;
font-family: 'Avenir-Heavy'
}
@media (max-width: 1200px) {
.application-details-section .application-details .processBar-section h4 {
font-size: 2.5rem
}
}
.application-details-section .application-details .processBar-section .progressWrap {
margin-top: 50px;
margin-bottom: 10px
}
.application-details-section .application-details .processBar-section .progressWrap span {
color: #fff;
font-size: 1.8rem;
font-family: 'Avenir-Medium';
display: inline-block;
margin-bottom: 5px
}
@media (max-width: 1200px) {
.application-details-section .application-details .processBar-section .progressWrap span {
font-size: 1.6rem;
margin-top: 20px
}
}
@media (max-width: 767px) {
.application-details-section .application-details .processBar-section .progressWrap span {
margin-top: 0px
}
}
@media (max-width: 1200px) {
.application-details-section .application-details .processBar-section .progressWrap {
font-size: 1.6rem;
margin-top: 0px
}
}
.application-details-section .application-details .processBar-section .progressWrap .progress-bar {
background-color: #45C700
}
.poor .progress-bar {
width: 40%;
background-color: #EF4637 !important
}
.good .progress-bar {
width: 80%;
background-color: #F8A13B !important
}
.excellent .progress-bar {
width: 100%;
background-color: #45C700 !important
}
.allPesonalDetails {
margin: 0px 0 20px
}
@media (max-width: 767px) {
.allPesonalDetails {
margin-bottom: 0px
}
}
.mobileBottom {
margin-bottom: 30px
}
.completeNowBtn {
margin: 30px 0 30px;
display: flex;
justify-content: left;
text-align: left
}
.completeNowBtn .completeNow {
font-size: 1.8rem;
box-shadow: none;
border-radius: 10px;
width: 260px
}
.completeNowBtn .completeNow:after {
display: none
}
@media (max-width: 480px) {
.completeNowBtn .completeNow {
width: 100%
}
}
.form-group.checkBox-section h4 {
margin-bottom: 30px
}
.form-group.checkBox-section .form-check {
margin-bottom: 0
}
.selectGroup .form-select {
padding-right: 0;
padding-left: 0
}
.personal-title p {
font-size: 2rem;
font-family: 'Avenir-Light'
}
.personal-title p span {
font-family: 'Avenir-Medium';
display: block
}
.form-check-inline {
margin-right: 35px
}
.form-group .date {
position: relative;
cursor: pointer
}
.form-group .date .input-group-append {
position: absolute;
right: 30px;
top: 15px
}
@media (max-width: 1450px) {
.form-group .date .input-group-append {
top: 10px
}
}
@media (max-width: 767px) {
.form-group .date .input-group-append {
top: 7px
}
}
.form-group .date .form-control {
cursor: pointer
}
.details_container .profile_detail_content p {
font-size: 2.4rem;
font-family: "Avenir-Light", sans-serif;
margin-bottom: 20px
}
@media (max-width: 1601px) {
.details_container .profile_detail_content p {
font-size: 2rem
}
}
.details_container .profile_detail_content p:last-child {
margin: 0
}
@media (max-width: 767px) {
.details_container .profile_detail_content {
padding: 30px 0px 0px
}
}
.details_container .row {
margin: 0 -25px;
align-items: center
}
.details_container .row [class^="col-"] {
padding: 0 25px
}
.details_container .common-card {
padding-bottom: 10px;
height: auto
}
.details_container .social-icon {
display: inline-block;
width: 30px;
height: 30px;
background: #000;
border-radius: 5px;
fill: #fff
}
@media (min-width: 768px) {
.details_container .social-icon {
background: #fff
}
.details_container .social-icon svg path {
fill: #000
}
}
.details_container .btn_wrap {
margin-top: 30px
}
@media (max-width: 767px) {
.details_container .btn_wrap {
text-align: center
}
}
.intro_text.aboutUs {
font-size: 2.4rem
}
.mission-container .mission-section {
align-items: center
}
@media (max-width: 990px) {
.mission-container .mission-section {
align-items: flex-start
}
}
@media (max-width: 991px) {
.mission-container .mission-section .mission-image {
padding-right: 0px
}
}
.mission-container .mission-section .mission-image img {
border-radius: 45px
}
@media (max-width: 1601px) {
.mission-container .mission-section .mission-image img {
border-radius: 30px
}
}
.mission-container .mission-section .mission-details h3 {
font-size: 3.2rem;
color: #000000;
margin-bottom: 30px
}
@media (max-width: 1601px) {
.mission-container .mission-section .mission-details h3 {
font-size: 2.8rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.mission-container .mission-section .mission-details h3 {
font-size: 2.4rem
}
}
.mission-container .mission-section .mission-details p {
font-size: 1.6rem;
font-family: "Avenir-Light", sans-serif;
margin-bottom: 18px
}
.mission-container .mission-section .mission-details p:last-child {
margin: 0
}
.mission-container .mission-section .mission-details p span {
font-family: "Avenir-medium", sans-serif
}
@media (min-width: 1367px) and (max-width: 1600px) {
.mission-container .mission-section .mission-details p {
font-size: 2rem
}
}
@media (min-width: 1601px) {
.mission-container .mission-section .mission-details p {
font-size: 2.4rem;
margin-bottom: 18px
}
}
.mission-container .mission-section .mission-details p a {
font-family: "Avenir-medium", sans-serif;
color: #000;
text-decoration: underline;
font-size: 3.2rem
}
@media (max-width: 1601px) {
.mission-container .mission-section .mission-details p a {
font-size: 2.8rem
}
}
@media (max-width: 1450px) {
.mission-container .mission-section .mission-details p a {
font-size: 2.2rem
}
}
.mission-section.runway {
align-items: self-start
}
.completeNow.runwatBtn {
margin-top: 25px
}
@media (max-width: 767px) {
.completeNow.runwatBtn {
width: 100%
}
}
.advisory-head h1 {
font-size: 8rem
}
@media (max-width: 767px) {
.advisory-head h1 {
font-size: 5rem;
margin-top: 35px
}
}
.advisory-head p {
font-size: 3.2rem;
max-width: 750px
}
@media (max-width: 767px) {
.advisory-head p {
font-size: 2rem
}
}
.award-pane .col-md-6 {
margin-bottom: 40px
}
.award-pane .col-md-6 .common-card.awards-honors {
padding-bottom: 20px
}
.award-pane .col-md-6 .common-card.awards-honors:before {
display: none
}
.award-pane .col-md-6 .common-card.awards-honors:after {
display: none
}
@media (max-width: 767px) {
.award-pane .col-md-6 .common-card.awards-honors {
padding-bottom: 0px
}
}
.common-card .common-card-body.connect_container h3 {
margin-bottom: 0
}
.common-card .common-card-body.connect_container p {
margin-bottom: 10px
}
.common-card .common-card-body.connect_container .social-icon {
display: inline-block;
width: 30px;
height: 30px;
margin-bottom: 10px
}
.advisory-head.benefitAlumni p {
max-width: 940px
}
.resultNumber {
font-size: 2rem;
font-family: 'Avenir-Light';
color: #747474;
display: flex;
justify-content: flex-end
}
@media (max-width: 767px) {
.resultNumber {
display: none
}
}
.plan_text p {
font-size: 2.4rem;
margin-bottom: 30px;
font-family: "Avenir-Light", sans-serif
}
.plan_text p:last-child {
margin-bottom: 0
}
@media (max-width: 1601px) {
.plan_text p {
font-size: 2.2rem
}
}
@media (max-width: 1450px) {
.plan_text p {
font-size: 2rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.plan_text p {
font-size: 1.6rem;
margin-bottom: 20px
}
}
.location-map picture {
width: 100%
}
.location-map picture img {
width: 100%
}
@media (max-width: 767px) {
.location-map picture img {
margin-bottom: 20px
}
}
.location-map p {
font-size: 2.4rem;
margin-top: 30px;
font-family: "Avenir-Light", sans-serif
}
.location-map p a {
color: #000;
text-decoration: underline;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 1601px) {
.location-map p {
font-size: 2.2rem
}
}
@media (max-width: 1450px) {
.location-map p {
font-size: 2rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.location-map p {
font-size: 1.6rem;
margin-bottom: 20px
}
}
.location-map .addressMap {
margin-top: 25px
}
.location-map .addressMap h3 {
font-size: 3.2rem;
font-family: "Avenir-Heavy", sans-serif;
margin-bottom: 25px;
color: #000
}
@media (max-width: 1601px) {
.location-map .addressMap h3 {
font-size: 2.6rem
}
}
@media (max-width: 1450px) {
.location-map .addressMap h3 {
font-size: 2.2rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.location-map .addressMap h3 {
font-size: 2rem;
margin-bottom: 20px
}
}
@media (max-width: 767px) {
.location-map .addressMap h3 {
font-size: 1.6rem;
margin-top: 20px
}
}
.location-map .addressMap p {
font-size: 2.4rem;
margin-bottom: 30px;
margin-top: 0;
font-family: "Avenir-Light", sans-serif
}
@media (max-width: 1601px) {
.location-map .addressMap p {
font-size: 2.2rem
}
}
@media (max-width: 1450px) {
.location-map .addressMap p {
font-size: 2rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.location-map .addressMap p {
font-size: 1.6rem;
margin-bottom: 20px
}
}
.location-map .addressMap p span {
font-family: "Avenir-Heavy", sans-serif;
display: block;
margin-bottom: 5px
}
.location-map .addressMap .mapouter .gmap_canvas .gmap_iframe {
width: 100%;
height: 400px
}
@media (max-width: 1450px) {
.location-map .addressMap .mapouter .gmap_canvas .gmap_iframe {
width: 100%;
height: 350px
}
}
.plan-visit .section-heading p {
font-family: "Avenir-Medium", sans-serif;
color: #000
}
.plan-visit .form_rounded_box {
border-radius: 20px;
padding: 30px 100px 30px;
margin-bottom: 10px
}
.plan-visit .form_rounded_box h2 {
cursor: pointer
}
@media (max-width: 992px) {
.plan-visit .form_rounded_box {
padding: 30px 50px 30px
}
}
.plan-visit .form_rounded_box .row {
margin-left: -20px;
margin-right: -20px
}
.plan-visit .form_rounded_box .row .lrSpace {
padding: 0 20px
}
.plan-visit .form_rounded_box h3 {
font-family: 'Avenir-Medium';
font-size: 2rem;
margin: 0 0px 20px
}
@media (max-width: 1450px) {
.plan-visit .form_rounded_box h3 {
font-size: 1.6rem
}
}
@media (max-width: 767px) {
.plan-visit .form_rounded_box h3 {
font-size: 1.6rem
}
}
.plan-visit .form_rounded_box h4 {
font-family: 'Avenir-Light';
font-size: 1.8rem;
margin: 0 0px 15px
}
@media (max-width: 1601px) {
.plan-visit .form_rounded_box h4 {
font-size: 1.5rem
}
}
@media (max-width: 1450px) {
.plan-visit .form_rounded_box h4 {
font-size: 1.2rem
}
}
@media (max-width: 767px) {
.plan-visit .form_rounded_box h4 {
font-size: 1.4rem
}
}
@media (max-width: 767px) {
.plan-visit .form_rounded_box {
padding: 25px 20px 25px
}
}
.form-group.headOffer h4 {
margin: 45px 0 50px
}
@media (max-width: 1601px) {
.form-group.headOffer h4 {
margin: 45px 0 40px
}
}
@media (max-width: 1450px) {
.form-group.headOffer h4 {
margin: 38px 0 38px
}
}
@media (max-width: 767px) {
.form-group.headOffer h4 {
margin: 10px 0 25px
}
}
.datepicker {
font-size: 1.4rem
}
.datepicker td,
.datepicker th {
width: 40px;
height: 40px;
text-align: center
}
.datepicker .next,
.datepicker .prev {
font-size: 2rem
}
.datepicker .datepicker-switch {
background-color: #eee
}
.textRightEnd {
text-align: right;
font-size: 1.8rem
}
@media (max-width: 1601px) {
.textRightEnd {
font-size: 1.4rem
}
}
@media (max-width: 1450px) {
.textRightEnd {
font-size: 1.2rem;
text-align: right
}
}
@media (max-width: 767px) {
.textRightEnd {
text-align: center
}
}
.form_rounded_box.createBox.financePage {
padding-left: 75px;
padding-right: 75px;
margin-bottom: 30px
}
@media (max-width: 1601px) {
.form_rounded_box.createBox.financePage {
padding-left: 60px;
padding-right: 60px;
margin-bottom: 25px
}
}
@media (max-width: 1450px) {
.form_rounded_box.createBox.financePage {
padding-left: 50px;
padding-right: 50px;
margin-bottom: 20px
}
}
@media (max-width: 767px) {
.form_rounded_box.createBox.financePage {
padding-left: 20px;
padding-right: 20px
}
}
.form_deadline_box {
padding: 25px;
border-radius: 20px;
border: solid 2px #E0E0E0;
margin-bottom: 30px
}
@media (max-width: 1601px) {
.form_deadline_box {
margin-bottom: 25px
}
}
@media (max-width: 1450px) {
.form_deadline_box {
margin-bottom: 20px
}
}
@media (max-width: 767px) {
.form_deadline_box {
border: 1px solid #eaeaea;
border-radius: 20px;
margin-bottom: 20px;
margin-top: 20px
}
}
.form_deadline_box h4 {
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif;
margin-bottom: 15px
}
@media (max-width: 1450px) {
.form_deadline_box h4 {
font-size: 1.6rem
}
}
.form_deadline_box ul li {
margin-bottom: 20px;
font-size: 2rem
}
@media (max-width: 1450px) {
.form_deadline_box ul li {
font-size: 1.6rem
}
}
.form_deadline_box ul li span {
font-family: "Avenir-Medium", sans-serif
}
.certificate-div {
border: 2px solid #E0E0E0;
border-radius: 20px;
padding: 50px
}
.certificate-div ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0
}
.certificate-div ul li {
width: 50%;
font-family: "Avenir-Medium", sans-serif;
color: #000;
font-size: 2.4rem;
margin-bottom: 35px;
position: relative;
padding-left: 20px
}
.certificate-div ul li:before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #000
}
@media (max-width: 1450px) {
.certificate-div ul li:before {
top: 9px
}
}
.certificate-div ul li:nth-child(odd) {
padding-right: 20px
}
@media (max-width: 767px) {
.certificate-div ul li:nth-child(odd) {
padding-right: 0
}
}
.certificate-div ul li:last-child {
margin-bottom: 0
}
@media (max-width: 1601px) {
.certificate-div ul li {
font-size: 2.2rem
}
}
@media (max-width: 1450px) {
.certificate-div ul li {
font-size: 2rem;
margin-bottom: 25px
}
}
@media (max-width: 1366px) {
.certificate-div ul li {
font-size: 1.8rem;
margin-bottom: 20px
}
}
@media (max-width: 767px) {
.certificate-div ul li {
font-size: 1.6rem;
margin-bottom: 17px;
width: 100%
}
}
@media (max-width: 1450px) {
.certificate-div {
padding: 30px
}
}
.top-partnership .logoBox {
border: solid 1px #ccc;
padding: 10px 0px;
border-radius: 20px;
margin-bottom: 20px;
display: block
}
@media (min-width: 1601px) {
.top-partnership .logoBox {
padding: 10px 0px
}
}
@media (max-width: 991px) {
.top-partnership .logoBox {
padding: 10px 0px
}
}
.top-partnership .logoBox figure {
margin: 0;
text-align: center
}
.top-partnership .logoBox figure img {
max-height: 100px;
width: auto;
border-radius: 10px
}
@media (min-width: 1601px) {
.top-partnership .logoBox figure img {
max-height: 110px;
width: auto
}
}
.logoSlider.recoSlider a {
text-decoration: none
}
.logoSlider.recoSlider .logoBox {
border: solid 1px #ccc;
background-color: #000;
padding: 30px 30px;
border-radius: 20px;
margin-bottom: 20px;
display: block;
height: 100%
}
@media (min-width: 1601px) {
.logoSlider.recoSlider .logoBox {
padding: 20px
}
}
@media (max-width: 991px) {
.logoSlider.recoSlider .logoBox {
padding: 20px
}
}
.logoSlider.recoSlider .logoBox h2,
.logoSlider.recoSlider .logoBox h3 {
color: #fff;
font-size: 3.2rem;
font-family: "Avenir-Heavy", sans-serif;
margin: 0 0 10px
}
@media (max-width: 1601px) {
.logoSlider.recoSlider .logoBox h2,
.logoSlider.recoSlider .logoBox h3 {
font-size: 2.4rem
}
}
.logoSlider.recoSlider .logoBox p {
color: #fff;
font-size: 1.6rem;
font-family: "Avenir-Light", sans-serif
}
.logoSlider.recoSlider .logoBox p:last-child {
margin: 0
}
footer.lp-footer {
padding: 30px 0
}
footer.lp-footer .footer-bottom {
margin: 0;
padding-top: 0;
border-top: none
}
footer.lp-footer .footer-bottom ul li:before {
display: none
}
.lp-banner-section {
background-size: contain;
position: relative;
border-bottom: solid 1px #eee;
padding: 0
}
.lp-banner-section .formArea {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center
}
@media (max-width: 991px) {
.lp-banner-section .formArea {
top: auto;
bottom: 30px;
height: auto
}
}
.banner-left {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center
}
@media (max-width: 991px) {
.banner-left {
margin-bottom: 20px
}
}
.banner-left .left-banner-top {
max-width: 675px;
margin-bottom: 30px
}
.banner-left .left-banner-top figure {
width: 100%
}
.banner-left .left-banner-top figure img {
width: 100%
}
.banner-left .left-banner-bottom {
max-width: 550px
}
.banner-left .left-banner-bottom figure {
text-align: center
}
.banner-left .left-banner-bottom figure img {
width: 100%
}
@media (max-width: 768px) {
.banner-left .left-banner-bottom {
display: none
}
}
.bannerleftBox {
display: flex;
align-items: center
}
@media (max-width: 991px) {
.bannerleftBox {
margin-bottom: 20px
}
}
.bnr_form_container {
position: relative;
width: 100%
}
.bnr_form_container .banner_form {
max-width: 700px;
margin-left: auto;
padding: 40px;
border-radius: 30px;
background: #fff
}
@media (max-width: 1450px) {
.bnr_form_container .banner_form {
max-width: 500px
}
}
@media (max-width: 1366px) {
.bnr_form_container .banner_form {
max-width: 500px
}
}
@media (max-width: 768px) {
.bnr_form_container .banner_form {
padding: 20px;
margin: 0 auto;
max-width: 100%
}
}
@media (min-width: 769px) and (max-width: 1279px) {
.bnr_form_container .banner_form {
max-width: 450px;
padding: 15px 30px
}
}
.bnr_form_container .banner_form h2 {
font-size: 2.4rem;
font-family: "Avenir-Heavy", sans-serif;
margin: 0 0 20px
}
@media (max-width: 991px) {
.bnr_form_container .banner_form h2 {
margin-bottom: 10px
}
}
@media (min-width: 769px) and (max-width: 1279px) {
.bnr_form_container .banner_form h2 {
margin: 0 0 7px
}
}
.bnr_form_container .banner_form .input-group,
.bnr_form_container .banner_form .form-group {
margin-bottom: 30px
}
@media (max-width: 1450px) {
.bnr_form_container .banner_form .input-group,
.bnr_form_container .banner_form .form-group {
margin-bottom: 25px
}
}
@media (min-width: 769px) and (max-width: 1279px) {
.bnr_form_container .banner_form .input-group,
.bnr_form_container .banner_form .form-group {
margin-bottom: 22px
}
}
.bnr_form_container .banner_form .input-group .form-select select,
.bnr_form_container .banner_form .form-group .form-select select {
color: #6F6F6F;
padding-right: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.bnr_form_container .banner_form .input-group .form-select:after,
.bnr_form_container .banner_form .form-group .form-select:after {
top: 50%;
margin-top: -8px;
right: 20px;
border-color: #707070
}
.bnr_form_container .banner_form .input-group .form-control,
.bnr_form_container .banner_form .form-group .form-control {
height: 50px;
padding: 12px 20px;
font-size: 1.6rem;
line-height: 1;
font-family: "Avenir-Medium", sans-serif
}
@media (max-width: 1450px) {
.bnr_form_container .banner_form .input-group .form-control,
.bnr_form_container .banner_form .form-group .form-control {
font-size: 1.4rem
}
}
@media (min-width: 769px) and (max-width: 1279px) {
.bnr_form_container .banner_form .input-group .form-control,
.bnr_form_container .banner_form .form-group .form-control {
height: 40px;
padding: 10px 20px
}
}
.bnr_form_container .banner_form .form-check {
display: flex
}
.bnr_form_container .banner_form .form-check .form-check-input {
margin-left: 0;
margin-right: 10px
}
.bnr_form_container .banner_form .form-check label {
color: #EF4637;
font-size: 1.4rem;
margin: 0
}
.bnr_form_container .banner_form .btn {
margin-top: 0px
}
.bnr_form_container .banner_form .errorMsg {
position: absolute;
top: 100%;
left: 0;
margin-top: 2px
}
.bnr_form_container .right-banner-bottom {
max-width: 550px;
margin-top: 30px;
display: none
}
.bnr_form_container .right-banner-bottom figure {
text-align: center
}
.bnr_form_container .right-banner-bottom figure img {
width: 100%
}
@media (max-width: 768px) {
.bnr_form_container .right-banner-bottom {
display: block
}
}
.imgFormBox {
display: flex;
justify-content: center;
align-items: center;
height: 100%
}
.imgFormBox img {
border-radius: 20px;
max-width: 454px;
width: 100%
}
@media (max-width: 767px) {
.imgFormBox {
display: none
}
}
.indicates {
display: flex;
justify-content: flex-end;
font-size: 1.8rem;
font-family: "Avenir-Light", sans-serif
}
.indicates span {
color: #EF4637
}
@media (max-width: 1601px) {
.indicates {
font-size: 1.6rem
}
}
@media (max-width: 1450px) {
.indicates {
font-size: 1.2rem
}
}
.formSubmit {
font-size: 1.8rem
}
@media (max-width: 1601px) {
.formSubmit {
font-size: 1.6rem
}
}
@media (max-width: 1450px) {
.formSubmit {
font-size: 1.2rem
}
}
@media (max-width: 767px) {
.formSubmit {
width: 100%
}
}
.contact-campus p.address {
margin: 0
}
.contact-campus p.contactNum {
margin: 0
}
.contact-campus p.registrar {
margin: 0
}
.contact-campus p.helpline {
margin: 0
}
.errorMsg {
color: red;
font-size: 1.2rem;
display: none
}
textarea.form-control {
min-height: 200px
}
.contactus .callsubmit {
margin-bottom: 20px
}
@media (max-width: 991px) {
.contactus .callsubmit {
margin-bottom: 0
}
}
.contactus .form-select:after {
right: 20px
}