/** BODY FONTS **/
/** FRAMEWORKS **/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@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 {
display: flex;
flex-wrap: wrap;
margin: 0;
margin-right: -15px;
margin-left: -15px;
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
margin: 0;
}
.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%;
}
.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%;
}
@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%;
}
.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%;
}
}
@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%;
}
.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%;
}
}
@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%;
}
.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%;
}
}
@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%;
}
.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%;
}
}
@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-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%;
}
}
.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;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !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 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 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: 0.25rem !important;
}
.gap-2 {
gap: 0.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: 0.25rem !important;
}
.m-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.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-muted {
--bs-text-opacity: 1;
color: #6c757d !important;
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--bs-text-opacity: 0.25;
}
.text-opacity-50 {
--bs-text-opacity: 0.5;
}
.text-opacity-75 {
--bs-text-opacity: 0.75;
}
.text-opacity-100 {
--bs-text-opacity: 1;
}
.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: 0.25rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: 0.2rem !important;
}
.rounded-2 {
border-radius: 0.25rem !important;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.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: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.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: 0.25rem !important;
}
.m-sm-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-sm-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.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: 0.25rem !important;
}
.gap-md-2 {
gap: 0.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: 0.25rem !important;
}
.m-md-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-md-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.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: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.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: 0.25rem !important;
}
.m-lg-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-lg-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.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: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.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: 0.25rem !important;
}
.m-xl-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-xl-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.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: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.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: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
}
/** OBJECTS **/
.dnd-section .widget-type-cell {
padding: 0;
}
.dnd_area-row-1-max-width-section-centering > .row-fluid {
max-width: 1320px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.dnd_area-row-1-max-width-section-centering > .row-fluid {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (min-width: 576px) {
.dnd_area-row-1-max-width-section-centering > .row-fluid {
width: 540px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 768px) {
.dnd_area-row-1-max-width-section-centering > .row-fluid {
width: 720px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 992px) {
.dnd_area-row-1-max-width-section-centering > .row-fluid {
width: 960px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.dnd_area-module-1-vertical-alignment {
display: block !important;
}
}
@media (min-width: 1200px) {
.dnd_area-row-1-max-width-section-centering > .row-fluid {
width: 1140px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 1400px) {
.dnd_area-row-1-max-width-section-centering > .row-fluid {
width: 1320px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid.body-container {
padding-right: 0;
padding-left: 0;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
.container-fluid.no-gutters{
padding-right: 0px;
padding-left: 0px;
}
.container-slim {
padding-right: 15px;
padding-left: 15px;
margin-right: auto !important;
margin-left: auto !important;
display: block !important;
float: none !important;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 922px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 922px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
.error-page-con {
padding: 100px 0;
text-align: left;
position: relative;
}
.error-inner {
position: relative;
z-index: 2;
}
.error-page h4 {
margin-bottom: 25px;
}
.error-page_heading {
margin-bottom: 1rem;
}
.systems-page {
padding: 3rem 0px;
}
.systems-page .success {
display: inline-block;
margin: 2rem 0;
min-width: 650px;
background-color: #CDE3CC;
border: 1.5px solid #4F7D24;
border-radius: 6px;
font-size: .75rem;
color: #4F7D24;
padding: .1rem .75rem;
}
.sub-pre-header {
padding: 7rem 0 5rem;
position: relative;
}
.sub-pre-header .container {
position: relative;
z-index: 2;
}
.sub-pre-header h1,
.sub-pre-header p {
text-align: center;
}
.sub-pref-full {
padding: 1rem 0;
}
.sub-pref-full form {
max-width: 100%;
}
#hs_cos_wrapper_subscriptions_confirmation h2,
.sub-pref-full form h2 {
font-size: 18px;
}
.sub-pref-full form .checkbox-row span span {
font-weight: bold;
}
.sub-pref-full form .item-inner p {
font-size: 0.8em;
padding-left: 20px;
}
#email-prefs-form .page-header {
margin-bottom: 25px;
}
.sub-pref-full h1 {
display: none;
}
.sub-pref-full h3 {
font-size: 16px;
}
.head-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.5);
}
#hs_cos_wrapper_password_prompt_ form {
max-width: 400px;
margin: 0 auto;
text-align: center;
}
.hs-search-results {
margin-top: 2rem;
}
ul.hs-search-results__listing li {
margin-bottom: 2rem;
}
.hs-search-results__title {
font-family: Poppins;
text-decoration: none;
margin-bottom: 0.25rem;
font-size: 18px;
}
.hs-search-results__title:hover {
text-decoration: none;
}
.hs-search-results__description {
padding-top: .5rem;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__pagination a {
color: #3F31FF;
}
.results-pre-header {
padding: 150px 0 50px;
position: relative;
}
@media (max-width: 922px) {
.results-pre-header {
padding: 100px 0 50px;
}
}
@media (max-width: 575px) {
.results-pre-header {
padding: 100px 0 50px;
}
}
.results-pre-header .container {
position: relative;
z-index: 2;
}
.results-pre-header h1,
.results-pre-header h5 {
text-align: center;
}
.hs-search-results__listing li {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.hs-search__no-results {
border: 1px solid rgba(0,0,0,0.1);
padding: 200px 60px;
text-align: center;
}
.hs-search__no-results p:first-child {
font-weight: bold;
font-size: 18px;
}
.error-page-full {
background-color: #FAFAFA;
}
.error-page-full .hero-banner--error-page {
background-image: linear-gradient(to bottom, rgba(30, 30, 30, 1), rgba(52, 67, 98, 1));
background-repeat: no-repeat;
background-position: center;
background-size: auto;
margin-bottom: -10px
}
.error-page-full .body-container--error-page {
position: relative;
background-color: #FAFAFA;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.error-page-full .hhs-hero-mod {
content: '';
background-image: url(https://www.park-sieben.com/hubfs/Relaunch_2026/Background%20Images/P7-bg-square-double-white.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: auto;
display: block;
position: relative;
padding: 0;
padding-top: 160px;
padding-bottom: 100px;
z-index: 1;
margin: 0;
}
.error-page-full .hhs-hero-mod[data-error="404"]::before {
content: '404';
position: absolute;
width: auto;
left: 50%;
top: 50%;
transform: translate(-50%, 50%);
font-family: Inter, sans-serif;
font-size: 40vh;
font-weight: bold;
z-index: 0;
color: rgba(250, 250, 250, .05);
}
.error-page-full .hhs-hero-mod[data-error="500"]::before {
content: '500';
position: absolute;
width: auto;
left: 50%;
top: 50%;
transform: translate(-50%, 50%);
font-family: Inter, sans-serif;
font-size: 40vh;
font-weight: bold;
z-index: 0;
color: rgba(250, 250, 250, .05);
}
.error-page-full .hhs-hero-mod h1 {
color: #FAFAFA;
font-weight: 400;
}
.error-page-full .hhs-hero-mod h2 {
color: #FAFAFA;
font-size: 22px;
font-weight: 400;
}
.error-page-full .hhs-hero-mod .hhs-cta-wrapper {
display: flex;
flex-wrap: wrap;
padding: 0;
gap: 10px;
margin-top: 30px;
}
.error-page-full .error-page-con {
position: relative;
padding: 100px 0;
}
.error-page-full .hhs-card-outer {
background-color: #FAFAFA;
border-radius: 10px;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
border: 2px solid #B8C5FF;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
margin-bottom: 30px;
}
.error-page-full .hhs-card-outer:hover {
border: 2px solid #35FCB9;
}
.error-page-full .hhs-card-inner:before {
content: "";
position: absolute;
top: 12px;
right: 12px;
width: 16px;
height: 17px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath stroke='%231E1E1E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.75 8.425h12.761M7.15.75l7.131 7.455-7.13 7.454'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: inherit;
display: inline-block;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.error-page-full .hhs-card-inner {
position: relative;
min-height: 150px;
padding: 30px 20px;
}
.error-page-full .hhs-card-inner p {
margin-bottom: 0;
}
/** GENERIC **/
*, *:before, *:after {
box-sizing: border-box;
}
/* normalize */
*,
::after,
::before {
box-sizing: border-box;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
body {
margin: 0;
}
main {
display: block;
margin-top: 0;
}
hr {
margin: 1rem 0;
color: inherit;
background-color: #ccc;
border: 0;
opacity: 0.25;
overflow: visible;
}
hr:not([size]) {
height: 1px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
.small,
small {
font-size: 0.875em;
}
.mark,
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
p {
font-size: 1rem;
margin: 0 0 1.4rem;
}
a {
color: #0d6efd;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0a58ca;
text-decoration: underline;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
img {
border-radius: 10px;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
label {
display: inline-block;
}
/* Button */
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
button,
.button {
cursor: pointer;
display: inline-block;
font-size: 0.92rem;
text-align: center;
transition: all 0.15s linear;
white-space: normal;
}
button:disabled,
.button:disabled {
background-color: #D0D0D0;
border-color: #D0D0D0;
color: #E6E6E6;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
text-decoration: none;
}
button:active,
.button:active {
text-decoration: none;
}
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;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
textarea {
resize: vertical;
overflow: auto;
}
fieldset {
min-width: 0;
margin: 0;
border: 0;
padding: 0.35em 0.75em 0.625em;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-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;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: #6c757d;
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.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 0.6s ease;
}
.progress-bar-striped {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.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;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/** ELEMENTS **/
/***
* HubSpot Cookie Settings Button
***/
button#hs-hud-cookie-settings {
position: fixed !important;
bottom: 10px;
left: 10px;
color: white;
background-color: #F9F9F9;
padding: 22px;
border-radius: 50%;
border-width: 0;
appearance: none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px, rgba(0, 0, 0, 0.2) 0px 2px 12px;
z-index: 999;
display: none;
}
@media (max-width: 767px) {
button#hs-hud-cookie-settings {
display: none !important;
}
}
button#hs-hud-cookie-settings img {
position: absolute;
transition: opacity 0.3s ease;
left: 50%;
bottom: 50%;
transform: translate(-50%, 50%);
}
button#hs-hud-cookie-settings .cookie-icon-default {
opacity: 1;
}
button#hs-hud-cookie-settings .cookie-icon-hover {
opacity: 0;
}
button#hs-hud-cookie-settings:hover {
background-color: #EA7A7B;
}
button#hs-hud-cookie-settings:hover .cookie-icon-default {
opacity: 0;
}
button#hs-hud-cookie-settings:hover .cookie-icon-hover {
opacity: 1;
}
/***
* HubSpot Cookie Banner
***/
button#hs-modal-content #hs-modal-accept-all,
button#hs-modal-content #hs-modal-save-settings {
min-width: 12em;
}
button#hs-eu-cookie-confirmation #hs-eu-cookie-settings-button {
font-weight: 400;
}
/* *** CTA style declarations here *** */
.cta-primary,
.cta-secondary,
.cta-tertiary,
.cta-four,
.cta-five,
.hs-button,
.button--primary {
display: inline-flex !important;
align-items: center;
border: none;
line-height: 1.15em;
}
.cta-primary.small,
.cta-secondary.small,
.cta-tertiary.small,
.cta-four.small,
.cta-five.small {
font-size: 14px;
padding: 16px 24px;
}
.cta-primary.mail:after,
.cta-secondary.mail:after,
.cta-tertiary.mail:after,
.cta-four.mail:after,
.cta-five.mail:after,
.cta-primary.arrow-right:after,
.cta-secondary.arrow-right:after,
.cta-tertiary.arrow-right:after,
.cta-four.arrow-right:after,
.cta-five.arrow-right:after,
.hs-button:after,
.button--primary:after {
content: '';
width: 16px;
height: 17px;
display: inline-block;
position: relative;
margin-left: 8px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.cta-primary.arrow-right:after,
.hs-button:after,
.button--primary:after {
background-image: url('data:image/svg+xml,');
}
.cta-primary.arrow-right:hover:after,
.hs-button:hover:after,
.button--primary:hover:after {
background-image: url('data:image/svg+xml,');
}
.cta-secondary.arrow-right:after {
background-image: url('data:image/svg+xml,');
}
.cta-secondary.arrow-right:hover:after {
background-image: url('data:image/svg+xml,');
}
.cta-tertiary.arrow-right:after {
background-image: url('data:image/svg+xml,');
}
.cta-tertiary.arrow-right:hover:after {
background-image: url('data:image/svg+xml,');
}
.cta-four.arrow-right:after {
background-image: url('data:image/svg+xml,');
}
.cta-four.arrow-right:hover:after {
background-image: url('data:image/svg+xml,');
}
.cta-five.arrow-right:after {
background-image: url('data:image/svg+xml,');
}
.cta-five.arrow-right:hover:after {
background-image: url('data:image/svg+xml,');
}
/* INTERACTIVE */
.cta-primary.mail:after,
.hhs-interactive-cta.cta-primary.mail:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-primary.mail:hover:after,
.hhs-interactive-cta.cta-primary.mail:hover:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-secondary.mail:after,
.hhs-interactive-cta.cta-secondary.mail:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-secondary.mail:hover:after,
.hhs-interactive-cta.cta-secondary.mail:hover:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-tertiary.mail:after,
.hhs-interactive-cta.cta-tertiary.mail:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-tertiary.mail:hover:after,
.hhs-interactive-cta.cta-tertiary.mail:hover:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-four.mail:after,
.hhs-interactive-cta.cta-four.mail:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-four.mail:hover:after,
.hhs-interactive-cta.cta-four.mail:hover:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-five.mail:after,
.hhs-interactive-cta.cta-five.mail:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
.cta-five.mail:hover:after,
.hhs-interactive-cta.cta-five.mail:hover:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 20px;
height: 16px;
}
input[type="submit"] {
line-height: 1.15em !important;
}
.call-to-action a,
.call-to-action a.cta-inner-cnt {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
display: inline-block;
font-weight: normal;
text-align: center;
text-decoration: none;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
background: #4AD49C;
border-radius: 6px;
border-width: 2px;
border-style: solid;
border-color: #062C5A;
color: #062C5A;
font-family: inherit;
height: auto;
transition: all .4s ease;
padding: 20px 40px;
text-shadow: none;
width: auto;
min-width: 150px;
font-size: 14px;
line-height: 1.15em;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-webkit-font-smoothing: antialiased;
box-sizing: content-box;
vertical-align: middle;
}
.call-to-action a.cta-inner-cnt.small {
padding: 15px 20px;
}
.call-to-action a:hover,
.call-to-action a:focus,
.call-to-action a.cta-inner-cnt:hover,
.call-to-action a.cta-inner-cnt:focus{
background-color: #8CF0C2;
color: #062C5A;
}
.call-to-action svg,
.link-wrap svg {
margin: 10px;
width: 15px;
fill: #062C5A;
}
/***
* Scroll to Top
***/
.progress-wrap {
position: fixed;
right: 20px;
bottom: 50px;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
border-radius: 50%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 200ms linear;
background: rgba(30, 30, 30, 0.3);
backdrop-filter: blur(10px);
/*box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.5);*/
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 30px;
width: 30px;
cursor: pointer;
display: block;
z-index: 1;
opacity: 0.8;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 1;
}
.progress-circle circle.progress {
fill: none;
stroke: #35FCB9;
stroke-width: 4;
box-sizing: border-box;
transition: stroke-dashoffset 10ms linear;
}
table {
border: 1px solid;
margin-bottom: 1.4rem;
overflow-wrap: break-word;
caption-side: bottom;
border-collapse: collapse;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0;
}
th,
td {
border: 1px solid;
padding: 0.75rem;
vertical-align: top;
}
thead th,
thead td {
border-bottom: 2px solid;
vertical-align: bottom;
}
body {
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
a {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1.5rem;
}
strong {
font-weight: bold;
}
code {
vertical-align: bottom;
}
ul,
ol {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-inline-start: 20px;
}
ul li::marker {
color: #3F31FF;
font-size: 18px;
}
ul[class^="list-"] {
list-style: none;
}
ul[class^="list-"] li {
position: relative;
}
ul[class^="list-"] li:before {
content: '';
height: 10px;
width: 10px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
display: block;
border: none;
box-shadow: none;
position: absolute;
box-sizing: border-box;
top: 6px;
left: -20px;
}
ul.list-black li:before {
background-image: url('data:image/svg+xml,');
}
ul.list-white li:before {
background-image: url('data:image/svg+xml,');
}
ul.list-blue li:before {
background-image: url('data:image/svg+xml,');
}
ul.list-green li:before {
background-image: url('data:image/svg+xml,');
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-top: 0;
margin-bottom: 0;
}
blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-left: 15px;
}
hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}
small {
}
mark {
}
sup,
sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
:focus {
outline: none;
}
.user-is-tabbing :focus {
-webkit-box-shadow: 0 0 3px 3px rgba(2,114,252,0.7);
box-shadow: 0 0 3px 3px rgba(2,114,252,0.7);
outline: none;
}
.disable-focus-styles :focus {
outline: none;
}
html {
font-size: 18px;
}
body {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: 0px;
line-height: 1.4em;
}
p {
color: #1e1e1e;
font-family: 'Inter', sans-serif;
font-style: normal;
text-decoration: none;
font-weight: normal;
font-size: 18px;
text-transform: none;
letter-spacing: 0px;
line-height: 1.4em;
}
@media(max-width: 992px) {
body, p {
font-size: 16px;
}
}
li {
color: #1e1e1e;
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 16px;
font-weight: 400;
text-transform: none;
letter-spacing: 0px;
line-height: 1.3em;
margin-bottom: 15px;
}
@media(max-width: 992px) {
li {
font-size: 16px;
}
}
blockquote,
blockquote p {
color: #1e1e1e;
font-family: 'Inter', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
line-height: 1.3em;
border-left: 4px solid rgba(250, 250, 250, 100);
padding-left: 25px;
}
@media(max-width: 992px) {
blockquote,
blockquote p {
font-size: 18px;
}
}
a {
color: #3F31FF;
}
a:hover,
a:focus {
color: #1E1E1E;
}
a:active {
color: #3F31FF;
}
h1 {
color: #1e1e1e;
font-family: 'Poppins', sans-serif;
font-size: 64px;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
line-height: 1.1em;
}
@media(max-width: 992px) {
h1 {
font-size: 36px;
}
}
h2 {
color: #1e1e1e;
font-family: 'Poppins', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
line-height: 1.3em;
}
@media(max-width: 992px) {
h2 {
font-size: 24px;
}
}
h3 {
color: #222222;
font-family: 'Poppins', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
line-height: 1.3em;
}
@media(max-width: 992px) {
h3 {
font-size: 20px;
}
}
h4 {
color: #1e1e1e;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
line-height: 1.4em;
}
@media(max-width: 992px) {
h4 {
font-size: 18px;
}
}
h5 {
color: #1e1e1e;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0px;
line-height: 1.3em;
}
h6 {
color: #1e1e1e;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0px;
line-height: 1.1em;
}
.hhs-lang-switch .lang_list_class li a,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
}
.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
}
.hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
font-size: 16px !important;
}
.hs-form label {
display: block;
float: none;
width: auto;
text-align: left;
padding-top: 0;
margin-bottom: 4px;
}
.hs-input {
display: inline-block;
width: 100%;
font-weight: normal;
line-height: 22px;
box-sizing: border-box;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
cursor: pointer;
width: auto;
height: auto;
padding: 0;
margin: 3px 5px 3px 0px;
line-height: normal;
border: none;
}
.hs-input[type=file] {
background-color: #fff;
padding: initial;
border: initial;
line-height: initial;
box-shadow: none;
}
.hs-input input,
.hs-input textarea {
transition: border 0.2s linear;
}
.hs-form .mdl-switch.is-checked .mdl-switch__thumb,
.hs-form .mdl-switch.is-checked .mdl-switch__track,
.hs-form .mdl-checkbox__ripple-container .mdl-ripple {
background: #FAFAFA;
}
.hs-form .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border-color: #FAFAFA;
}
.hs-form .mdl-radio__inner-circle,
.hs-form.mdl-radio__ripple-container .mdl-ripple,
.hs-form .mdl-radio__ripple-container .mdl-ripple {
background: #FAFAFA;
}
.hs-form .mdl-radio.is-checked .mdl-radio__outer-circle {
border-color: #FAFAFA;
}
.hs_radio_buttons .inputs-list label > span {
vertical-align: text-top !important;
}
.inputs-list label>input, .inputs-list label>span {
line-height: 23px;
}
.legal-consent-container .mdl-checkbox {
height: auto !important;
}
textarea.hs-input {
height: auto;
}
select,
select.hs-input {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand,
select.hs-input::-ms-expand {
display: none;
}
select[multiple],
select[multiple].hs-input {
height: inherit;
}
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
width: 100% !important;
}
fieldset {
max-width: 100% !important;
}
body form.hs-form fieldset > div,
body form.hs-form .hs-form-field{
margin-bottom: 10px !important;
}
.actions {
padding: 0;
}
.inputs-list {
margin: 0 0 5px;
width: 100%;
padding-left: 0;
}
.inputs-list > li {
display: block;
padding: 0;
width: 100%;
padding-top: 0;
}
.inputs-list label {
display: block;
float: none;
width: auto;
padding: 0;
line-height: 18px;
text-align: left;
white-space: normal;
font-weight: normal;
}
.inputs-list:first-child {
padding-top: 6px;
}
.inputs-list > li + li {
padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
vertical-align: middle;
}
ul.no-list {
list-style: none;
}
.field {
margin-bottom: 18px;
}
.hs-field-desc {
margin: 0px 0px 6px;
font-size: 14px;
}
.hs-form-required {
color: red;
}
.hs-error-msgs {
border: 1px solid;
width: auto;
padding: 0 5px;
margin-right: 8px;
}
.hs-error-msgs label {
display: block;
margin-bottom: 0;
margin-top: 0;
}
.hs-error-msgs li {
color: #da0101 !important;
margin-bottom: 0px;
}
.hs-richtext {
margin-bottom: 3px;
line-height: 1.2;
}
.hs-richtext hr {
text-align: left;
margin-left: 0;
width: 91%;
}
.grecaptcha-badge {
margin: 0 auto;
}
.email-correction, .email-validation {
padding-top: 3px;
font-size: 12px;
}
.email-correction a,
.email-validation a {
cursor: pointer;
}
@media (max-width: 400px),
(min-device-width: 320px) and (max-device-width: 480px) {
.email-correction form .form-columns-2 .hs-form-field,
.email-correction form .form-columns-3 .hs-form-field,
.email-validation form .form-columns-2 .hs-form-field,
.email-validation form .form-columns-3 .hs-form-field {
float: none;
width: 100%;
}
.email-correction form .form-columns-2 .hs-form-field .hs-input,
.email-correction form .form-columns-3 .hs-form-field .hs-input,
.email-validation form .form-columns-2 .hs-form-field .hs-input,
.email-validation form .form-columns-3 .hs-form-field .hs-input {
width: 90%;
}
.email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
.email-correction form .form-columns-2 .hs-form-field input[type=radio],
.email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
.email-correction form .form-columns-3 .hs-form-field input[type=radio],
.email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
.email-validation form .form-columns-2 .hs-form-field input[type=radio],
.email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
.email-validation form .form-columns-3 .hs-form-field input[type=radio] {
width: 24px;
}
}
.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
-webkit-appearance: none;
-moz-appearance: none;
}
.hs-default-font-element,
.hs-main-font-element {
font-family: Inter;
}
.hs-bg-light form {
padding: 30px;
background-color: rgba(255, 255, 255, 1);
border: 2px solid rgba(247, 251, 255, 1.0);
border: none;
border-radius: 10px;
-webkit-box-shadow: 0 5px 12px 8px rgb(0 0 0 / 10%);
-moz-box-shadow: 0 5px 12px 8px rgba(0,0,0,0.1);
-o-box-shadow: 0 5px 12px 8px rgba(0,0,0,0.1);
-ms-box-shadow: 0 5px 12px 8px rgba(0,0,0,0.1);
box-shadow: 0 5px 12px 8px rgb(0 0 0 / 10%);
}
.hs-bg-light form .legal-consent-container,
.hs-bg-light form .legal-consent-container p {
color: #1E1E1E;
font-size: 14px;
}
.hs-bg-light form fieldset label {
display: none;
color: #1E1E1E;
font-size: 12px;
text-transform: normal;
font-weight: 600;
padding-left: 0px;
}
.hs-bg-light form fieldset label.hs-error-msg {
display: block;
}
.hs-bg-light form fieldset li.hs-form-booleancheckbox label,
.hs-bg-light form fieldset .hs-fieldtype-checkbox label {
display: block;
color: #1E1E1E;
font-size: 14px;
text-transform: initial;
padding-left: 0px;
}
.hs-bg-light .hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-bg-light .hs-form label.hs-form-radio-display span,
.hs-bg-light .hs-form-booleancheckbox label,
.hs-bg-light .hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label {
color: #1E1E1E;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
margin: 0 !important;
}
/** COMPONENTS **/
.row-fluid [class*="span"] {
min-height: 10px;
}
/* =========================================
Menu Header HAT START
========================================= */
.hhs-header-hat {
position: relative;
z-index: 100;
}
.hhs-header-hat .row .col-12 {
display: flex;
justify-content: center;
padding-left: 0px;
padding-right: 0px;
}
.menu-container-lg {
top: 40px;
position: fixed;
z-index: 999;
transition: top 0.5s ease;
}
.menu-container-lg.sticky {
top: 25px;
}
/* =========================================
Menu Header Relaunch START
========================================= */
/* Default Logo Image */
.main-menu-wrapper .widget-type-logo.logo-default,
.main-menu-wrapper .widget-type-logo.logo-secondary,
.main-menu-wrapper .widget-type-logo.logo-static {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
margin: 0;
width: auto;
z-index: 0;
}
.main-menu-wrapper .widget-type-logo.logo-secondary {
visibility: hidden;
}
.main-menu-wrapper.scrolling .widget-type-logo.logo-secondary {
visibility: visible;
}
.main-menu-wrapper.scrolling .widget-type-logo.logo-default {
visibility: hidden;
}
/* ==========================================================================
Mobile Menu
========================================================================== */
@media (max-width: 991px){
.main-menu-wrapper .widget-type-logo.logo-static,
.main-menu-wrapper .widget-type-logo.logo-default,
.main-menu-wrapper .widget-type-logo.logo-secondary {
top: 0;
left: 0;
padding: 11px 0;
transform: translateY(0);
margin: 0;
width: auto;
z-index: 9;
}
.main-menu-wrapper.mobile-open .widget-type-logo.logo-static,
.main-menu-wrapper.mobile-open .widget-type-logo.logo-default,
.main-menu-wrapper.mobile-open .widget-type-logo.logo-secondary {
width: 100%;
height: 70px;
background-color: #1E1E1E;
border-top-right-radius: 22px;
border-top-left-radius: 22px;
border-bottom: 1px solid #313643;
}
}
/* =========================================
Main Menu Custom Responsive Styling START
========================================= */
#mainMenuWrapper {
display: inline-grid;
position: fixed;
left: 50%;
transform: translateX(-50%);
z-index: 999;
width: 100%;
color: #1E1E1E;
font-size: 14px;
font-family: Poppins, sans-serif;
text-transform: initial;
min-height: 70px;
padding: 0;
border-radius: 22px;
background-color: rgba(52,67,98, 0.5);
-webkit-transition: background-color 350ms ease,color 350ms ease;
transition: background-color 350ms ease,color 350ms ease;
-webkit-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
}
#mainMenuWrapper li > a {
font-family: Poppins, sans-serif;
}
#mainMenuWrapper .main-menu-row {
display: flex;
justify-content: end;
}
#mainMenuWrapper .widget-type-logo img.hs-image-widget {
height: auto;
width: 100%;
max-width: 200px;
padding: 5px 10px;
background-color: transparent;
}
@media (max-width: 575px) {
#mainMenuWrapper {
width: calc(100% - 20px);
}
#mainMenuWrapper .widget-type-logo img.hs-image-widget {
max-width: 150px;
}
}
.hs-menu-wrapper ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.hs-menu-item a {
display: block;
padding: 5px 0;
color: rgba(0, 0, 0, 0.5);
text-decoration: none;
}
.hs-menu-item:hover a,
.hs-menu-item:focus a {
text-decoration: none;
color: rgba(0, 0, 0, 0.7);
}
.hs-menu-item.active a {
color: rgba(0, 0, 0, 0.9);
}
/*
.hs-menu-wrapper > ul li a {
white-space: normal !important;
}
*/
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper ul {
padding: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper ul {
list-style: none;
margin: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul {
display: block;
margin-bottom: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item {
margin: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul:before {
content: " ";
display: table;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul:after {
content: " ";
display: table;
clear: both;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 {
float: left;
padding: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li a {
display: inline-block;
font-family: inherit;
color: #FAFAFA;
font-weight: 400;
padding: 10px 5px 10px 0;
/*width: 140px;*/
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
text-align: center;
position: relative;
vertical-align: top;
transition: all 0.3s ease 0s;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children {
position: relative;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
display: block;
white-space: nowrap;
/*width: 140px;*/
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.main-menu-wrapper .row-fluid-wrapper:last-child .hs-menu-wrapper > ul {
margin-bottom: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical {
width: 100%;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical ul {
list-style: none;
margin: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul {
margin-bottom: 20px;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
width: auto;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
padding: 10px 20px;
text-decoration: none;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
position: relative;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
top: 0;
left: 180px;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
.main-menu-wrapper .custom-menu-primary {
display: flex;
justify-content: end;
align-items: center;
margin-right: 5px;
-webkit-transition: opacity 150ms ease-in;
transition: opacity 150ms ease-in;
transition-delay: 50ms;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.active > a,
.main-menu-wrapper.scrolling .custom-menu-primary .hs-menu-wrapper > ul > li.active > a,
.main-menu-wrapper.invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li.active > a{
color: #FAFAFA;
font-weight: 300;
}
.main-menu-wrapper .hs-menu-children-wrapper {
box-shadow: 6px 6px 29px 0 rgba(0, 0, 0, 0.3);
}
/****************
* Hover underline effect *
* *****************/
/*
@media (min-width: 992px) {
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a:after,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li a:after{
background: #35FCB9 none repeat scroll 0 0;
bottom: 0;
color: rgba(0, 0, 0, 0);
content: ".";
height: 1px;
left: 0;
position: absolute;
width: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a:after,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li a:after {
transition: all 0.5s ease 0s;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover:after,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover:after{
width: 100%;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul ul li a:before {
content: '';
background-image: url(https://www.park-sieben.com/hubfs/relaunch_2020/icons/arrow-right.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 10px;
height: 10px;
}
} */
/* Scrolling transition */
/* Child List */
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul ul {
background-color: #FAFAFA;
}
/* Override max width on menu links */
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 a,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 ul li a {
overflow: visible;
max-width: none;
width: auto;
white-space: nowrap;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 ul li a {
font-weight: 400;
display: block;
transition: all 0.3s ease 0s;
padding: 10px 5px 10px 0;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
}
.main-menu-wrapper.scrolling {
-webkit-transition: background-color 350ms ease, color 350ms ease;
transition: background-color 350ms ease, color 350ms ease;
border-bottom:transparent;
-webkit-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
-moz-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.main-menu-wrapper.scrolling .custom-menu-primary .hs-menu-wrapper > ul > li > a,
.main-menu-wrapper.invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li > a {
color: #FAFAFA;
background-color: transparent;
-webkit-font-smoothing: auto;
}
/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 992px) {
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper {
display: block !important;
}
}
/* ==========================================
Header Menu Relaunch - Desktop Only
========================================== */
@media (min-width: 991px) {
#ctaHeader {
margin-right: 10px;
}
/* Hide button on Desktop */
.main-menu-wrapper .mobile-trigger,
.main-menu-wrapper .child-trigger{
display: none;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children:after {
display: none;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 > ul.hs-menu-children-wrapper {
left: 20px;
background-image: linear-gradient(175deg, rgba(52, 67, 97, 1), rgba(30, 30, 30, 1));
border-top: 0px !important;
border-radius: 22px;
}
.main-menu-wrapper.scrolling .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
border-top: 0px !important;
border-top-color: rgba(255, 255, 255, 0);
}
.main-menu-wrapper .nav-wrapper {
display: flex;
justify-content: center;
width: stretch;
}
.main-menu-wrapper .hs-menu-children-wrapper {
border-top: 0px !important;
box-shadow: 0px 20px 10px 0 rgba(0, 0, 0, 0.3) !important;
}
/* Level 1 and Higher Menu List Styles for Desktop View */
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1.hs-item-has-children:focus-within > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
transform: translateY(25px);
pointer-events: auto;
transition-delay: 0s;
/* position: absolute;
top: 100%; */
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children:hover:before,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children:focus-within:before {
content: "";
position: absolute;
left: 20px;
right: 0;
top: 100%;
height: 25px;
background: transparent;
pointer-events: auto;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 {
background-color: transparent;
transition: all 200ms 0s;
margin: 0 5px;
border: 0;
border-radius: 50px;
box-shadow: none;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
padding: 10px 15px;
margin: 0;
background-color: transparent;
transition: all 200ms 0s;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:hover,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul.active-branch > li.active-branch {
background-color: rgba(53, 252, 185, 0.1);
backdrop-filter: blur(2px);
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:hover > a,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul.active-branch > li.active-branch > a {
color: #35FCB9;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1 > ul > li.hs-menu-item.hs-menu-depth-2 > a {
transition: all 300ms 0s;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1 > ul > li.hs-menu-item.hs-menu-depth-2:hover > a {
color: #35FCB9;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
position: absolute;
left: 0;
padding: 20px;
/*width: 260px;*/
width: auto;
opacity: 0;
visibility: hidden;
z-index: 10;
pointer-events: auto;
transform: translateY(0);
transition-delay: 0s;
/*-webkit-transition: opacity 0.4s;
transition: opacity .3s ease; */
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1.hs-item-has-children > a:after {
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
position: relative;
width: 10px;
height: 6px;
top: 50%;
right: 0;
margin-left: 8px;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2 {
width: 100%;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 > ul li.hs-menu-depth-2 > a:after,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 > ul li.hs-menu-depth-2 > ul li.hs-menu-depth-3 a:after {
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
position: relative;
width: 10px;
height: 10px;
top: 50%;
right: 0;
margin-left: 8px;
transform: translateX(-2px);
transition: transform .3s ease;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 > ul li.hs-menu-depth-2 > a:hover:after,
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 > ul li.hs-menu-depth-2 > ul li.hs-menu-depth-3 a:hover:after {
transform: translateX(2px);
}
/* .main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 > ul li.hs-menu-depth-2.hs-item-has-children > ul {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 260px;
width: 260px;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 > ul li.hs-menu-depth-2.hs-item-has-children:hover > ul{
display: block;
opacity: 1;
visibility: visible;
pointer-events: auto;
} */
/* .main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1 > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-2 > ul.hs-menu-children-wrapper > li.hs-menu-depth-3:hover {
background-color: #FAFAFA;
transition: all 300ms 0s;
} */
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1 > ul > li.hs-menu-item.hs-menu-depth-2 > ul.hs-menu-children-wrapper > li.hs-menu-depth-3 > a {
transition: all 300ms 0s;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1 > ul > li.hs-menu-item.hs-menu-depth-2 > ul.hs-menu-children-wrapper > li.hs-menu-depth-3:hover > a {
color: #35FCB9;
}
/* menu dept-2 icons - mit media above 991px */
/* ######################################
* MENU-DEPTH-2 CHILDREM ITEMS - CHILD-2
####################################### */
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2 > a {
color: #35FCB9;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2 > a:after {
display: none;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper {
width: 800px;
padding: 20px;
gap: 20px;
left: 0;
display: grid;
grid-template-rows: repeat(3, auto);
grid-auto-flow: column;
align-items: stretch;
min-height: unset;
transform: translateX(0);
border-radius: 22px;
background-image: linear-gradient(175deg, rgba(52, 67, 97, 1), rgba(30, 30, 30, 1));
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul.hs-menu-children-wrapper {
border: 0;
box-shadow: none !important;
background-color: transparent;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper > li.hs-menu-depth-2 {
background: radial-gradient(120% 140% at 0% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 55%), rgba(18, 20, 24, .75);
border: none;
border-radius: 14px;
padding: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > a {
color: #35FCB9;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
padding: 0 !important;
margin: 0 !important;
cursor: default;
background: transparent;
display: flex;
align-items: center;
gap: 10px;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > a[href='javascript:;']:after {
transform: none;
transition: none;
height: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper {
position: static;
opacity: 1;
visibility: visible;
transform: none;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
background: transparent;
border: 0;
box-shadow: none !important;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul.hs-menu-children-wrapper > li > a {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 12px;
color: #FAFAFA;
font-size: 14px;
line-height: 1.3;
text-decoration: none;
padding: 6px 5px 6px 0 !important;
margin: 0 !important;
min-width: 0;
transition: transform .3s ease;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul.hs-menu-children-wrapper > li:hover > a {
color: #35FCB9;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul.hs-menu-children-wrapper > li > a:after {
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
position: relative;
width: 10px;
height: 10px;
top: 50%;
right: 0;
margin-left: 8px;
transform: translateX(-2px);
transition: transform .3s ease;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul.hs-menu-children-wrapper > li > a:hover:after {
transform: translateX(2px);
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2 > a:before {
content: '';
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
position: relative;
width: 21px;
height: 21px;
top: 0;
left: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2:nth-child(1) > a:before {
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2:nth-child(2) > a:before {
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2:nth-child(3) > a:before {
background-image: url('data:image/svg+xml,');
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2:nth-child(4) > a:before {
background-image: url('data:image/svg+xml,');
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul li.hs-menu-depth-2:nth-child(5) > a:before {
background-image: url('data:image/svg+xml,');
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper {
transform-origin: top center;
scale: 0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:nth-child(2):hover > ul.hs-menu-children-wrapper {
scale: 1;
}
.hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a {
padding: 10px 20px !important;
margin: 0px !important;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a {
padding: 5px 20px !important;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 > a[href='javascript:;'] {
padding: 10px 0 !important;
}
/* END Child Elemnt 6 - Wissensttanfer */
}
/* ===========================================
Header Menu - Mobile Only
=========================================== */
@media (max-width: 991px){
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper,
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper * {
box-sizing: border-box;
}
.main-menu-wrapper.scrolling .custom-menu-primary .hs-menu-wrapper > ul > li > a,
.main-menu-wrapper.invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li > a{
color: #FAFAFA;
}
#mainMenuWrapper.mobile-open .custom-menu-primary,
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul,
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li,
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li a {
display: block;
float: none;
position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0;
margin: 0;
background-image: none;
background-color: transparent;
border: 0px;
border-radius: 0px;
box-shadow: none;
width: 100%;
height: auto;
max-height: 100%;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
}
.main-menu-wrapper .custom-menu-primary .layout-widget-wrapper {
padding-top: 70px;
margin-left: 15px;
margin-right: 15px;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 {
float: none;
padding: 0 10px;
}
/* Level 1 and Higher Menu List Styles for Mobile View */
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
color: #35FCB9;
text-align: left;
background-color: #1E1E1E;
padding: 15px 45px 15px 10px;
margin: 0;
white-space: initial;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li {
border-top: 1px solid #313643;
background-color: rgba(250, 250, 250, 0);
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:last-child {
border-bottom: 1px solid #313643;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item ul.hs-menu-children-wrapper {
/* width: calc(100% + 20px); */
width: 100%;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul.hs-menu-children-wrapper {
position: relative;
box-sizing: border-box;
width: calc(100% - 20px);
margin-left: 10px;
margin-right: 10px;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item ul.hs-menu-children-wrapper li.hs-menu-depth-2 ul.hs-menu-children-wrapper li a {
padding-left: 32px;
font-weight: 500;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
background-color: rgba(250, 250, 250, 1);
padding: 0;
margin-left: 0;
left: 0;
border-top: none;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-item ul.hs-menu-children-wrapper li a {
padding: 15px 55px 15px 15px;
background-color: #FAFAFA;
font-size: 14px;
text-align: left;
line-height: 1.4;
overflow: visible;
white-space: initial;
width: 100%;
text-indent: 0;
transition: all 350ms ease-in 0s;
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2 {
border-top: 1px solid #e9e9e9;
}
/* Toggle Button
========================================================================== */
#mainMenuWrapper .mobile-trigger {
cursor: pointer;
display: block;
font-size: 0;
width: 45px;
height: 45px;
line-height: inherit;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
top: 9px;
right: 5px;
z-index: 9;
transition: visibility 0s linear 0s, opacity 400ms ease, transform 400ms ease;
}
#mainMenuWrapper.mobile-open .mobile-trigger {
/* background-color: #35FCB9;*/
background-color: transparent;
transition: all 0.2s ease;
margin-right: 5px;
}
#mainMenuWrapper .mobile-trigger i {
background-color: #35FCB9;
border-radius: 0;
display: block;
height: 2px;
left: 12px;
position: absolute;
right: 12px;
top: 25px;
-ms-transform-origin: center center 0;
-webkit-transform-origin: center center 0;
transform-origin: center center 0;
-ms-transition: all 400ms ease;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
#mainMenuWrapper .mobile-trigger i:after,
#mainMenuWrapper .mobile-trigger i:before {
background-color: #35FCB9;
border-radius: 6px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
-ms-transition: all 400ms ease;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
width: 100%;
}
#mainMenuWrapper .mobile-trigger i:before {
-ms-transform: translateY(-6px);
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
#mainMenuWrapper .mobile-trigger i:after {
bottom: 0;
-ms-transform: translateY(6px);
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
#mainMenuWrapper.mobile-open.scrolling .mobile-trigger i,
#mainMenuWrapper.mobile-open.scrolling .mobile-trigger i:before,
#mainMenuWrapper.mobile-open.scrolling .mobile-trigger i:after,
#mainMenuWrapper.mobile-open .mobile-trigger i,
#mainMenuWrapper.mobile-open .mobile-trigger i:before,
#mainMenuWrapper.mobile-open .mobile-trigger i:after,
#mainMenuWrapper.mobile-open.invert-nav .mobile-trigger i,
#mainMenuWrapper.mobile-open.invert-nav .mobile-trigger i:before,
#mainMenuWrapper.mobile-open.invert-nav .mobile-trigger i:after{
/* background-color: rgba(250,250,250,0.7); */
background-color: #35FCB9;
}
.main-menu-wrapper.scrolling .mobile-trigger i,
.main-menu-wrapper.scrolling .mobile-trigger i:before,
.main-menu-wrapper.scrolling .mobile-trigger i:after,
.main-menu-wrapper.invert-nav .mobile-trigger i,
.main-menu-wrapper.invert-nav .mobile-trigger i:before,
.main-menu-wrapper.invert-nav .mobile-trigger i:after{
/* background-color: #FAFAFA; */
background-color: #35FCB9;
}
#mainMenuWrapper.mobile-open .mobile-trigger i:before {
transform: translate(-500%) rotate(-135deg);
}
#mainMenuWrapper.mobile-open .mobile-trigger i {
transform: translateX(500%);
}
#mainMenuWrapper.mobile-open .mobile-trigger i:after {
transform: translate(-500%) rotate(135deg);
}
/* Child Toggle Button
========================================================================== */
#mainMenuWrapper .child-trigger{
display: block !important;
cursor: pointer;
position: absolute;
top: 0px;
right: 0;
width: 55px !important;
min-width: 55px !important;
height: 45px !important;
padding: 0 !important;
border-left: 1px solid #474747;
z-index: 1;
}
#mainMenuWrapper .child-trigger:hover{
text-decoration: none;
}
#mainMenuWrapper .child-trigger i{
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 auto !important;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
#mainMenuWrapper .child-trigger i,
#mainMenuWrapper .child-trigger i:after{
width: 10px;
height: 1px;
background-color: #35FCB9;
display: block;
}
#mainMenuWrapper .child-trigger i:after{
content: '';
position: absolute;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#mainMenuWrapper .child-trigger.child-open i:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#mainMenuWrapper .hs-menu-depth-2 .child-trigger i:after,
#mainMenuWrapper .hs-menu-depth-2 .child-trigger i {
background-color: #1E1E1E;
}
/* Hide menu on mobile */
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper {
position: relative;
display: none;
width: 100%;
top: 0;
left: 0;
padding: 0;
}
/* Level 1 Menu List Styles */
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper > ul > li {
position: relative;
}
/* Level 2 and Higher Menu List Styles */
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper > ul ul li {
background-color: rgba(250, 250, 250, 0.7);
}
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper > ul ul li a {
text-indent: 10px;
font-size: 16px;
color: #1E1E1E;
}
/* Level 3 and Higher Menu List Styles */
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper > ul ul ul li a {
text-indent: 30px;
}
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a {
text-indent: 50px;
}
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper.active-branch.hs-menu-flow-horizontal {
background-color: rgba(30,30,30, 0.5);
height: 100%;
max-height: calc(100% - 50px);
overflow-y: auto;
border-bottom: transparent;
-webkit-box-shadow: 0px 2px 8px -2px rgb(255 255 255 / 0.38);
box-shadow: 0px 2px 8px -2px rgb(255 255 255 / 0.38);
}
#mainMenuWrapper.scrolling .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
border-top: none;
}
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2.hs-item-has-children div.child-trigger {
border-left: 1px solid #d0d0d0;
}
.main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-3 {
border-top: 1px solid #d0d0d0 !important;
}
.main-menu-wrapper ul.hs-menu-children-wrapper > li.hs-menu-depth-3 > a {
background-color: #E1E3E7 !important;
opacity: inherit;
text-transform: initial;
}
/* ===========================
CTA HEADER
============================= */
#ctaHeader {
display: none;
}
#mainMenuWrapper.mobile-open #ctaHeader {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
}
/* ==========================================================
PARK 7 Mobile menu behavior (matches new jQuery)
========================================================== */
#mainMenuWrapper.mobile-open .custom-menu-primary {
height: auto;
overflow: scroll;
max-height: 550px;
}
/* A) Whole mobile menu show/hide */
#mainMenuWrapper .custom-menu-primary .hs-menu-wrapper {
display: none; /* closed */
}
#mainMenuWrapper.mobile-open .custom-menu-primary .hs-menu-wrapper {
display: block; /* open */
}
/* B) Submenus: animated open/close (CSS-only) */
.main-menu-wrapper .custom-menu-primary .hs-menu-children-wrapper {
/* override earlier display:none rules in your file */
display: block;
/* closed state */
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-2px);
transition:
max-height 280ms ease,
opacity 180ms ease,
transform 180ms ease,
visibility 0s linear 280ms;
}
/* Open state when parent LI is open */
.main-menu-wrapper .custom-menu-primary .hs-menu-item.is-open > .hs-menu-children-wrapper {
/* max-height must be large enough to fit content */
max-height: 1200px;
opacity: 1;
visibility: visible;
overflow: visible;
transform: translateY(0);
transition:
max-height 320ms ease,
opacity 180ms ease,
transform 180ms ease,
visibility 0s linear 0s;
}
/* Optional: make the trigger icon animation feel responsive */
.main-menu-wrapper .custom-menu-primary .child-trigger i,
.main-menu-wrapper .custom-menu-primary .child-trigger i:after {
transition: transform 200ms ease, background-color 200ms ease;
}
/* Page Content Scroll lock when mobile menu open */
body.mobile-menu-open {
overflow: hidden;
}
body.mobile-menu-open .mobile-menu-overlay {
pointer-events: auto;
}
/* Overlay hidden by default */
.mobile-menu-overlay {
position: fixed;
inset: 0;
opacity: 0;
background: rgba(30, 30, 30, 0.55);
visibility: hidden;
pointer-events: none;
transition: opacity 200ms ease, visibility 0s linear 200ms;
z-index: 990;
}
/* Show overlay when menu is open */
body.mobile-menu-open .mobile-menu-overlay {
opacity: 1;
visibility: visible;
transition: opacity 200ms ease, visibility 0s linear 0s;
}
}
/*** LANGUGAE SWITCHER +++*/
#lang_switcher {
margin: 10px;
}
#lang_switcher .globe_class {
background-image: url('data:image/svg+xml,');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
width: 22px;
height: 22px;
cursor: pointer;
content:'';
}
#lang_switcher .lang_switcher_class {
display: flex;
justify-content: center;
align-items: center;
}
#lang_switcher ul.lang_list_class:after {
border-bottom-color: #444;
display: none;
}
#lang_switcher ul.lang_list_class li {
text-align: left;
border: 0;
padding: 0;
margin: 0;
background-color: transparent;
}
#lang_switcher ul.lang_list_class li a {
font-size: 16px;
color: #FAFAFA;
padding: 10px 5px 10px 0;
}
#lang_switcher ul.lang_list_class li:hover a {
color: #35FCB9;
}
#lang_switcher ul.lang_list_class li:first-child {
padding-top: 0;
border-top: 0;
}
#lang_switcher ul.lang_list_class li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
#lang_switcher ul.lang_list_class li a:after {
content: '';
background-image: background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
position: relative;
width: 10px;
height: 10px;
top: 50%;
right: 0;
margin-left: 8px;
transform: translateX(-2px);
transition: transform .3s ease;
}
#lang_switcher ul.lang_list_class li:hover a:after {
transform: translateX(2px);
}
/******* Desktop View ****** */
@media (min-width: 991px) {
#lang_switcher ul.lang_list_class {
min-width: 130px;
margin-top: 40px;
padding: 20px;
border-radius: 22px;
background-image: linear-gradient(175deg, rgba(52, 67, 97, 1), rgba(30, 30, 30, 1));
}
#lang_switcher .globe_class:after {
content: '';
position: absolute;
left: -15px;
top: 100%;
height: 35px;
background: transparent;
pointer-events: auto;
width: 50px;
}
#lang_switcher ul.lang_list_class:before {
content: '';
position: absolute;
left: 30px;
right: 0;
top: 0;
height: 40px;
background: transparent;
pointer-events: auto;
width: 0;
display: none;
}
#lang_switcher ul.lang_list_class li {
background-color: transparent;
}
}
/******* Mobile View ****** */
@media (max-width: 991px) {
#lang_switcher {
margin-right: 70px;
}
#mainMenuWrapper.mobile-open #lang_switcher {
display: none;
}
}
/* MAIN FOOTER GLOBAL */
.main-footer {
position: relative;
font-size: 16px;
color: #FAFAFA;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-top: -10px;
background-color: #2E2E2E;
background-image: linear-gradient(to bottom, rgba(46, 46, 46, 1), rgba(30, 30, 30, 1));
background-position: left top;
background-size: auto;
background-repeat: no-repeat;
}
.main-footer .footer-nav {
padding: 80px 15px 60px 15px;
}
.main-footer .footer-nav .hhs-cta-wrapper {
display: flex;
justify-content: end;
}
@media (min-width: 992px) {
.main-footer .footer-group {
padding-bottom: 40px;
}
}
@media (max-width: 991px) {
.main-footer .footer-nav .pre-footer-wrapper {
padding-bottom: 40px;
}
.main-footer .footer-nav .hhs-cta-wrapper {
display: none;
}
}
.main-footer .footer-nav .footer-title,
.main-footer .footer-nav .footer-title-social {
color: #35FCB9;
font-size: 18px;
font-weight: 500;
border: none;
padding: 10px 0;
margin-bottom: 10px;
}
.main-footer .footer-nav p,
.main-footer .footer-nav .address a {
color: #FAFAFA;
font-weight: 300;
margin-bottom: 0;
padding: 8px 0;
}
.main-footer .footer-nav .address a:hover {
color: #35FCB9;
text-decoration: none;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.main-footer .footer-nav .menu ul {
list-style: none;
padding-left: 0;
margin-top: 0;
}
.main-footer .footer-nav .address p,
.main-footer .footer-nav .address p span,
.main-footer .footer-nav .menu ul li.hs-menu-item {
color: #FAFAFA;
font-size: 16px;
font-weight: 300;
width: 100%;
margin-bottom: 0;
padding: 6px 0;
}
.main-footer .footer-nav .sociallinks {
display: flex;
flex-direction: row;
justify-content: start;
padding: 10px 0;
}
.main-footer .clr-green {
color: #35FCB9 !important;
}
.main-footer .sociallinks {
display: flex;
flex-direction: row;
justify-content: start;
padding: 10px 0
}
.main-footer .sociallinks > * {
margin-left: 0;
margin-right: 10px;
padding: 0;
width: auto
}
.main-footer img {
border-radius: 10px;
}
.main-footer .reviews {
display: flex;
gap: 15px;
}
.main-footer .reviews .kununu-badge,
.main-footer .reviews .google-badge {
width: 124px;
}
.main-footer .reviews .kununu-badge > a {
display: block;
}
.main-footer .reviews .google-badge > a {
background-color: #f8f8f8;
border-radius: 10px;
display: block;
margin: 0;
text-align: center;
}
.main-footer .footer-nav .menu ul li.hs-menu-item a {
color: #FAFAFA;
font-weight: 300;
padding-left: 0;
text-decoration: none;
transition: padding-left .2s ease-out !important;
}
.main-footer .footer-nav .menu ul li.hs-menu-item a:focus,
.main-footer .footer-nav .menu ul li.hs-menu-item a:hover {
color: #FAFAFA;
padding-left: 8px;
text-decoration: none;
transition: padding-left .2s ease-out !important;
}
/*
.main-footer .footer-bottom {
background-color: #1E1E1E;
color: #FAFAFA;
}
*/
.main-footer .footer-bottom .row {
border-top: 2px solid rgba(250, 250, 250, 0.5);
}
.main-footer .footer-bottom .legal-links ul {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: start;
margin-top: 0;
margin-bottom: 0;
}
.main-footer .footer-bottom .legal-links ul li {
margin-bottom: 0;
}
@media (min-width: 992px) {
.main-footer .footer-bottom .legal-links ul li.hs-menu-item:first-child {
padding-left: 0;
}
}
@media (max-width: 991px) {
.main-footer .footer-nav .footer-title {
position: relative;
cursor: pointer;
}
.main-footer .footer-nav .footer-title:after {
background-image: url('data:image/svg+xml,');
position: absolute;
right: 0;
content: '';
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
opacity: 1;
outline: none;
display: inline-block;
width: 18px;
height: 18px;
rotate: 90deg;
transition: all 0.3s;
}
.main-footer .footer-nav .active .footer-title:after {
rotate: 270deg;
}
.main-footer .footer-nav .menu ul li.hs-menu-item a {
padding-left: 0 !important;
}
.main-footer .footer-bottom .copyright {
text-align: center;
}
.main-footer .footer-bottom .legal-links ul {
justify-content: center;
margin-bottom: 15px;
}
.main-footer .footer-nav .two-col ul {
margin-bottom: 0;
}
}
.main-footer .footer-bottom .legal-links ul li.hs-menu-item {
padding: 0 10px;
position: relative;
width: auto;
white-space: nowrap;
}
.main-footer .footer-bottom .legal-links ul li.hs-menu-item:not(:last-child):after {
content: '';
display: block;
position: absolute;
background: #35FCB9;
width: 1px;
height: 15px;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.main-footer .footer-bottom .copyright,
.main-footer .footer-bottom .copyright p,
.main-footer .footer-bottom .legal-links a {
font-size: 15px;
color: #c3c3c3;
line-height: 24px;
text-decoration: none;
transition: all .15s linear;
margin-bottom: 0;
}
/** OVERRIDE **/
.dnd-section {
padding-bottom: 0;
padding-top: 0;
}
.body-container .dnd-section {
margin-bottom: -10px;
}
.body-container .dnd-section:nth-of-type(n+3) {
position: relative;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
overflow: hidden;
z-index: 1;
}
.body-container__homepage .dnd-section:nth-child(odd) {
background-color: #FAFAFA;
}
@media (min-width: 1200px) {
.container {
max-width: 1320px;
}
}
.container-slim {
max-width: 880px !important;
}
.hhs-divider {
border-bottom: 2px solid #1E1E1E;
width: 50px;
margin: 0 0 50px 0;
}
.hhs-icon-con svg {
fill: #35FCB9;
width: 42px;
height: 42px;
color: #35FCB9;
}
.c-icon-con svg {
fill: #35FCB9;
}
body i {
color: #35FCB9;
}
.submit-alt .hs-button,
.hs-button, .button--primary,
.cta-primary, .cta-secondary, .cta-tertiary, .cta-four, .cta-five {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
display: inline-block;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
will-change: transform;
}
.hs-button:hover, .button--primary:hover,
.hs-button:active, .button--primary:active,
.hs-button:focus, .button--primary:focus,
.cta-primary:hover, .cta-secondary:hover, .cta-tertiary:hover, .cta-four:hover, .cta-five:hover,
.cta-primary:active, .cta-secondary:active, .cta-tertiary:active, .cta-four:active, .cta-five:active,
.cta-primary:focus, .cta-secondary:focus, .cta-tertiary:focus, .cta-four:focus, .cta-five:focus {
text-decoration: none;
}
button {
font-family: 'Poppins',sans-serif;
}
.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary{
color: #1E1E1E;
font-family: 'Poppins',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: none;
padding: 20px 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: rgba(53, 252, 185, 1.0);
}
.cta-primary:hover,
.cta-primary:focus,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus{
color: #1E1E1E !important;
background-color: rgba(125, 255, 211, 1.0) !important;
}
.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary {
color: #35FCB9 !important;
font-family: 'Poppins',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: none;
padding: 20px 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: rgba(30, 30, 30, 1.0);
}
.cta-secondary:hover,
.cta-secondary:focus,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:hover,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:focus,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:hover,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:focus,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:hover,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary:focus {
color: #FAFAFA !important;
background-color: rgba(30, 30, 30, 1.0) !important;
}
.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary {
color: #1E1E1E !important;
font-family: 'Poppins',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: none;
padding: 20px 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: rgba(250, 250, 250, 1.0);
}
.cta-tertiary:hover,
.cta-tertiary:focus,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:hover,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:focus,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:hover,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:focus,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:hover,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary:focus{
color: #FAFAFA !important;
background-color: rgba(30, 30, 30, 1.0) !important;
}
.cta-four,
.cta-four:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four {
color: #FAFAFA !important;
font-family: 'Poppins',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: none;
padding: 20px 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: rgba(63, 49, 255, 1.0);
}
.cta-four:hover,
.cta-four:focus,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:hover,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:focus,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:hover,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:focus,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:hover,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four:focus{
color: #1E1E1E !important;
background-color: rgba(184, 197, 255, 1.0) !important;
}
.cta-five,
.cta-five:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five {
color: #ffffff !important;
font-family: 'Poppins',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: none;
padding: 20px 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: rgba(30, 30, 30, 1.0);
}
.cta-five:hover,
.cta-five:focus,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:hover,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:focus,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:hover,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:focus,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:hover,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five:focus{
color: #1E1E1E !important;
background-color: rgba(250, 250, 250, 1.0) !important;
}
.hs-button,
.button--primary {
color: #1E1E1E !important;
font-family: 'Poppins',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: none;
padding: 20px 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-color: #1E1E1E;
border-width: 0;
border-style: solid;
cursor: pointer;
margin-top: 20px;
background-color: rgba(53, 252, 185, 1.0);
}
.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
color: #1E1E1E !important;
background-color: rgba(125, 255, 211, 1.0);
}
.submit-alt .hs-button,
.submit-alt .button--primary {
color: #FAFAFA !important;
font-family: 'Poppins',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: none;
padding: 20px 40px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-color: #FAFAFA;
border-width: 2px;
border-style: solid;
cursor: pointer;
background-color: transparent;
border: 1px solid rgba(53, 252, 185, 1.0);
-webkit-box-shadow: 0 10px 20px 0 rgba(30, 30, 30, 0.1);
box-shadow: 0 10px 20px 0 rgba(30, 30, 30, 0.1);
}
.submit-alt .hs-button:hover,
.submit-alt .hs-button:focus,
.submit-alt .button--primary:hover,
.submit-alt .button--primary:focus {
color: #FAFAFA !important;
background-color: rgba(30, 30, 30, 0.0);
border: 1px solid rgba(53, 252, 185, 1.0);
}
select,
.hs-input {
background-color: rgba(250, 250, 250, 1.0);
border: 1px solid rgba(204, 204, 204, 1.0);
-webkit-border-radius: 4px;
border-radius: 4px;
color: #1E1E1E;
font-family: 'Inter',sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
padding: 10px 8px;
}
::-webkit-input-placeholder { /* Chrome */
color: #cccccc;
transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
color: #cccccc;
transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
color: #cccccc;
opacity: 1;
transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
opacity: 0.5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color: #cccccc;
opacity: 1;
transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
opacity: 0.5;
}
.hs-input:focus {
outline: none;
border-color: rgba(53, 252, 185, 1.0);
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
padding: 10px 8px !important;
}
select.post__category-selector {
background-color: rgba(0,0,0,0.3);
border-color: rgba(255,255,255,0.3);
color: #ccc;
}
.hs-fieldtype-checkbox > label,
.hs-form label {
color: #FAFAFA;
font-family: 'Inter',sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
text-transform: none;
}
.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label {
color: #FAFAFA;
font-family: 'Inter',sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
text-transform: none;
line-height: 1.2em;
}
.hs-form legend {
color: #999999;
font-family: 'Inter',sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.legal-consent-container,
.legal-consent-container p{
color: #FAFAFA;
font-family: 'Inter',sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
border-color: #da0101;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom: 0;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
border-color: #da0101;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom: 0;
}
.hs-error-msgs {
border-color: #da0101;
background-color: rgba(218, 1, 1, 0.2 );
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-size: 1px;
}
.hs-error-msgs label {
color: #da0101;
font-family: 'Inter',sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: 0px;
padding: 10px;
}
form,
.submitted-message {
font-family: 'Inter',sans-serif;
}
form input,
form select,
select,
form textarea {
border-color: rgba(204, 204, 204, 1.0);
color: #35FCB9;
}
form input:focus,
form select:focus,
select:focus,
form textarea:focus {
border-color: rgba(53, 252, 185, 1.0);
}
.fn-date-picker .pika-table thead th {
color: rgba(30, 30, 30, 0.0);
}
.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
color: #35FCB9;
}
.hs-default-font-element,
.hs-main-font-element {
font-family: 'Inter',sans-serif;
}
.fn-date-picker td.is-today .pika-button {
color: #35FCB9;
}
.fn-date-picker td.is-selected .pika-button {
background: #35FCB9;
}
.fn-date-picker td .pika-button:hover {
background-color: #FAFAFA !important;
}
.hhs-pop.hhs-modal {
background-color: rgba(249, 249, 249, 1.0);
max-width: 800px;
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 25px 0 25px;
}
.blocker {
background-color: rgba(30, 30, 30, 0.8);
}
.error-page-full {
background-color: rgba(255, 255, 255, 1.0);
}
.error-page h1,
.error-page h4,
.error-page p {
color: rgba(30, 30, 30, 1.0);
}
.error-page:before {
color: rgba(30, 30, 30, 0.05);
}
.sub-pre-header{
background: transparent url("https://www.park-sieben.com/hubfs/Relaunch_2026/Placeholder%20Images/placeholder-sub-prefs-bg.jpg") no-repeat center center;
background-size: cover;
}
.sub-pre-header h1, .sub-pre-header p {
color: rgba(255, 255, 255, 1.0);
}
.sub-pref-full {
background-color: rgba(255, 255, 255, 1.0);
}
.sub-pref-full #email-prefs-form h2,
.sub-pref-full #email-prefs-form h3,
.sub-pref-full #email-prefs-form .page-header,
.sub-pref-full #email-prefs-form p,
.sub-pref-full #email-prefs-form span {
color: rgba(30, 30, 30, 1.0);
}
.results-pre-header {
background-color: rgba(242, 245, 248, 1.0);
}
.results-pre-header h1, .results-pre-header h4 {
color: rgba(30, 30, 30, 1.0);
}
.results-full {
background-color: rgba(255, 255, 255, 1.0);
}
.results-full .hs-search-results__title,
.results-full .hs-search-results__description {
color: rgba(30, 30, 30, 1.0);
}
.results-full .hs-search-results__title:hover {
color: #1E1E1E;
}
body .icon svg {
fill: #35FCB9;
}
body .tns-nav button.tns-nav-active {
background-color: #35FCB9;
}
body .tns-nav button:hover,
body .tns-nav button:focus {
background-color: #35FCB9;
}
body .team-member__description {
background-color: #FAFAFA;
}
/*****************************************/
/***** Park7 Allbound benefits ******/
/*****************************************/
ul.allbound-benefits {
padding-left: 0;
list-style: none;
}
ul.allbound-benefits li.btn-usp-tab {
display: inline-flex;
margin-bottom: 15px;
margin-right: 10px;
align-items: center;
}
ul.allbound-benefits li.btn-usp-tab img {
padding-right: 8px;
border-radius: 0;
}
button.btn-usp-tab,
.btn-usp-tab {
background-color: #35FCB9;
-webkit-border-radius: 10px;
border-radius: 50px;
color: #1e1e1e !important;
font-family: Poppins, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
padding: 10px 20px;
text-transform: none;
border: none;
cursor: inherit;
}
.blog-content-body {
background-color: rgba(242, 245, 248, 1.0);
}
.blog-header-standard {
background-color: rgba(30, 30, 30, 1.0);
}
.blog-header-overlay {background-color: rgba(30, 30, 30, 0.5);}
.blog-header__title {
font-size: 64px;
color: rgba(250, 250, 250, 1.0);
}
p.blog-header__subtitle,
h4.blog-header__subtitle {
color: rgba(250, 250, 250, 1.0);
}
.blog-header__form {
display: none;
}
@media (max-width: 575px) {
.blog-header__title {
font-size: 36px;
text-align: center;
}
}
.blog-header-standard .hs-form label {
color: rgba(250, 250, 250, 1.0);
}
.blog-header-standard .blog-header__form h1,
.blog-header-standard .blog-header__form h2,
.blog-header-standard .blog-header__form h3,
.blog-header-standard .blog-header__form h4,
.blog-header-standard .blog-header__form h5,
.blog-header-standard .blog-header__form h6,
.blog-header-standard .blog-header__form p,
.blog-header-standard .blog-header__form li,
.blog-header-standard .blog-header__form span {
color: rgba(250, 250, 250, 1.0);
}
/*** SET POST GRID CARD STYLE ***/
.blog-recent-posts__post,
.hhs-blog-card-inner {
background-color: rgba(255, 255, 255, 1.0);
-webkit-box-shadow: 0 0 12px 1px rgba(30, 30, 30, 0.1);
box-shadow: 0 0 12px 1px rgba(30, 30, 30, 0.1);
}
.legacy-blog-listing .blog-index__post--large {
margin-top: -130px;
position: relative;
z-index: 2;
}
.blog-index__post--large h2,
.blog-index__post--large h2 a,
.blog-index__post--small h2,
.blog-index__post--small h2 a,
.blog-recent-posts__title,
.blog-index__tag-heading {
color: rgba(30, 30, 30, 1.0);
}
.blog-index__post--large h2 a:hover,
.blog-index__post--small h2 a:hover {
color: rgba(250, 250, 250, 1.0);
}
.blog-recent-posts__post p,
.blog-index__post--large p,
.blog-index__post--small p,
.blog-index__tag-subtitle {
color: rgba(30, 30, 30, 1.0);
}
.blog-post__date {
/* SET BORDER COLOR */
}
.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
/* SET COLOR */
}
.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
/* SET COLOR */
}
.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
color: #464646;
}
.blog-tag-filter__menu-link--active-item:after {
background-color: #35FCB9;
}
.blog-pagination__link {
color: #1E1E1E;
}
.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
background-color: #35FCB9;
}
/*** POST PAGE STYLE ***/
.post-page-full {
background-color: rgba(250, 250, 250, 1.0);
}
.container-slim.content-area-width {
max-width: 1320px !important;
}
/*** POST TYPOGRAPHY ****/
h1.blog-post__title {
font-family: 'Poppins',sans-serif;
color: #1E1E1E;
font-size: 60px;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: none;
}
.blog-post h2 {
font-family: 'Poppins',sans-serif;
color: #1E1E1E;
font-size: 32px;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: none;
margin-top: 1.75rem;
margin-bottom: 1rem;
}
.blog-post h3 {
font-family: 'Poppins',sans-serif;
color: #1E1E1E;
font-size: 24px;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: none;
margin-bottom: 0.5rem;
margin-top: 1.5rem;
}
.blog-post h4,
#comments-listing .comment-from h4 {
font-family: 'Poppins',sans-serif;
color: #1E1E1E;
font-size: 20px;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: none;
margin-bottom: 0.5rem;
margin-top: 1.5rem;
}
.blog-post h5 {
font-family: 'Poppins',sans-serif;
color: #1E1E1E;
font-size: 18px;
font-style: normal;
font-weight: 600;
text-decoration: ;
text-transform: none;
}
.blog-post h6 {
font-family: 'Poppins',sans-serif;
color: #1E1E1E;
font-size: 16px;
font-style: normal;
font-weight: ;
text-decoration: none;
text-transform: none;
}
#comments-listing .comment-body p,
.blog-post p {
font-family: 'Inter',sans-serif;
color: #1E1E1E;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-decoration: none;
line-height: 1.5em;
}
.blog-post li {
font-family: 'Inter',sans-serif;
color: #1E1E1E;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
@media (max-width: 575px) {
h1.blog-post__title {
font-size: 36px;
}
.blog-post h2 {
font-size: 24px;
}
.blog-post h3 {
font-size: 20px;
}
.blog-post h4 {
font-size: 18px;
}
.blog-post h5 {
font-size: 18px;
}
.blog-post h6 {
font-size: 16px;
}
.blog-post p {
font-size: 18px;
}
.blog-post li {
font-size: 18px;
}
}
.blog-post__author {
background-color: #FAFAFA;
}
.meta-author,
.meta-author a {
color: rgba(30, 30, 30, 1.0);
font-weight: 600;
}
.reading-minutes {
color: rgba(30, 30, 30, 1.0);
text-transform: initial;
font-size: 16px !important;
}
.blog-post__tag-link {
color: rgba(118, 123, 134, 1.0);
background-color: rgba(250, 250, 250, 1.0);
}
.blog-post__tag-link:hover {
color: rgba(30, 30, 30, 1.0);
background-color: rgba(53, 252, 185, 1.0);
}
#comments-listing .comment-date {
color: rgba(30, 30, 30, 0.6) !important;
}
.blog-comments .hs-form .hs-field-desc,
.blog-comments .hs-form .legal-consent-container p {
color: #1E1E1E;
}
#comments-listing .comment-reply-to {
color: rgba(63, 49, 255, 1.0) !important;
}
.blog-post__timestamp {
color: rgba(30, 30, 30, 1.0);
font-size: 16px;
}
#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color: rgba(30, 30, 30, 1.0);
}
#comments-listing .comment-reply-to:active {
color: rgba(63, 49, 255, 1.0);
}
.blog-header-standard .blog-header__inner {
margin: 0 auto;
padding-top: 100px;
padding-bottom: 150px;
}
@media screen and (max-width: 922px) {
.blog-header-standard .blog-header__inner {
margin: 0 auto;
padding-top: 100px;
padding-bottom: 150px;
}
}
@media screen and (max-width: 575px) {
.blog-header-standard .blog-header__inner {
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
}
}
.post-page-full .blog-header-full {
background-color: rgba(184, 197, 255, 1.0);
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 25px;
}
@media screen and (max-width: 922px) {
.post-page-full .blog-header-full {
padding-top: 100px;
padding-bottom: 25px;
}
}
@media screen and (max-width: 575px) {
.post-page-full .blog-header-full {
padding-top: 100px;
padding-bottom: 25px;
}
}
.post-header .blog-header__inner {
margin: 0 auto;
padding-top: 100px;
padding-bottom: 25px;
align-items: center;
}
@media screen and (max-width: 922px) {
.post-header .blog-header__inner {
margin: 0 auto;
padding-top: 100px;
padding-bottom: 25px;
}
}
@media screen and (max-width: 575px) {
.post-header .blog-header__inner {
margin: 0 auto;
padding-top: 100px;
padding-bottom: 25px;
}
}
.blog-header__title {
text-align: left;
margin-top: 1.1rem !important;
}
.blog-header__subtitle {
margin: 1rem 0 2rem;
}
.blog-header__form {
margin: 0 1rem;
}
.blog-header-standard {
position: relative;
}
.blog-header-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.blog-header-standard .container,
.blog-header-standard .container-slim {
z-index: 2;
position: relative;
}
@media screen and (min-width: 922px) {
.blog-header__form {
margin: 0 auto;
}
}
.blog-index {
display: contents;
flex-wrap: wrap;
padding: 3.3rem 0;
}
.blog-index:after {
content: "";
flex: auto;
}
.blog-index__tag-header {
flex: 1 0 100%;
padding: 1rem;
}
.blog-index__tag-subtitle {
font-size: 1.16rem;
line-height: 1.1;
}
.blog-index__tag-heading {
padding-bottom: 1rem;
border-bottom: 1px solid rgba(0,0,0, 0.2);
}
.blog-index__post {
flex: 0 0 100%;
padding: 1rem;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.blog-index__post.blog-index__post--large .hhs-blog-card-inner {
display: flex;
}
.blog-index__post.blog-index__post--large .hhs-blog-card-inner:hover {
transform: scale(1.02);
-webkit-box-shadow: 0 0 20px 1px rgba(30, 30, 30, 0.1);
box-shadow: 0 0 20px 1px rgba(30, 30, 30, 0.1);
}
.blog-index__post.blog-index__post--small:hover {
transform: scale(1.02);
}
.blog-index__post--large {
margin-bottom: 2rem;
padding: 0px;
position: relative;
}
.blog-index__post--large .blog-index__post-content {
padding: 2rem 1rem 2.5rem 1rem;
}
.blog-index__post--large .blog-index__post-content p.pub-date,
.blog-index__post--small .blog-index__post-content p.pub-date {
font-size: 16px;
}
.hhs-blog-card-inner {
padding: 0px;
height: 100%;
position: relative;
border-radius: 10px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.hhs-blog-card-inner .blog-index__post-content {
padding: 15px;
}
.blog-index__post--large h4 a:hover,
.blog-index__post--small h4 a:hover {
text-decoration: none;
}
.blog-index__post-content--small {
min-height: 210px;
}
.blog-recent-posts__list p a.blog-recent-posts__post {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
flex: none !important;
}
@media screen and (min-width: 1000px) {
.blog-index__post {
flex: 0 0 calc(100%/3);
}
}
@media screen and (min-width: 922px) {
.blog-index__post {
flex: 0 0 calc(100%/2);
}
}
@media screen and (min-width: 922px) {
.blog-index__post--large {
flex: 1 0 100%;
display: flex;
justify-content: space-between;
}
}
@media (max-width: 575px) {
.blog-header__title,
.blog-header__subtitle {
text-align: center;
}
/*.blog-index__post {
padding: 1rem 0;
}*/
.blog-index__post--large.blog-index__post {
padding: 1rem;
}
}
.blog-index__post-image {
display: block;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (min-width: 922px) {
.blog-index__post-image--large {
flex: 1 1 100%;
padding-bottom: 0;
}
.blog-index__post-content--large {
flex: 1 1 100%;
padding-left: 2rem;
}
.blog-index__post-image--large {
flex: 1 1 29%;
}
.blog-index__post-content--large {
flex: 1 1 69%;
padding-left: 2rem;
}
}
@media screen and (max-width: 991px) {
.blog-index__post-image--large {
width: 100%;
height: 300px;
}
}
@media screen and (max-width: 767px) {
.blog-index__post-image--large {
width: 100%;
height: 250px;
}
}
.blog-index__post-content h2 {
margin: .5rem 0;
}
.blog-index__post-content--small h2 {
font-size: 18px;
}
.blog-index__post-content p {
font-family: 'Inter',sans-serif;
}
.blog-index__post-content a {
color: #3F31FF;
}
.blog-index__post-image--large {
position: relative;
display: block;
border-radius: 6px;
}
.blog-index__post-image--large img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.blog-index__post img {
max-width: 100%;
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 250px;
/* -webkit-box-shadow: 0 0 7px 1px rgba(140, 240, 194, 1.0);
box-shadow: 0 0 7px 1px rgba(140, 240, 194, 1.0);*/
}
@media screen and (min-width: 922px) {
.blog-index__post-image--large img {
position: static;
}
}
.blog-index__post--large .blog-index__post-author {
display: flex;
position: absolute;
right: 5px;
bottom: 5px;
gap: 8px;
}
.blog-index__post--large a.blog-index__post-author-name,
.blog-index__post--small a.blog-index__post-author-name {
line-height: 20px;
}
.blog-index__post--large .blog-index__post-author-image,
.blog-index__post--small .blog-index__post-author-image {
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
width: 30px;
height: 30px;
}
.blog-index__post--small .blog-index__post-author {
position: absolute;
right: 0;
bottom: 0;
padding: 5px 20px 15px 0;
display: flex;
align-items: center;
gap: 8px;
}
.blog-pagination {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: 'Inter',sans-serif;
margin: 3rem auto;
width: 100%;
clear: both;
}
.blog-pagination__link {
display: inline-flex;
padding: .25rem .4rem;
margin: 0 .1rem;
text-decoration: none;
border: 2px solid transparent;
line-height: 1;
border-radius: 7px;
}
.blog-pagination__link--active {
border: 2px solid #FAFAFA;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
display: inline-flex;
align-items: center;
}
.blog-pagination__prev-link {
text-align: right;
margin-right: .25rem;
}
.blog-pagination__next-link {
text-align: left;
margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
color: #B0C1D4;
pointer-events: none;
cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
fill: #1E1E1E;
margin: 0 4px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
fill: rgba(30, 30, 30, 0.5);
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
border: 2px solid #FAFAFA;
background-color: #FAFAFA;
color: #ffffff;
}
.blog-header__author-avatar {
height: 120px;
width: 120px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
display: inline-block;
position: relative;
background-color: #000;
border-radius: 50%;
width: 40px;
height: 40px;
margin: 0 5px;
}
.blog-header__author-social-links a:hover {
background-color: #FAFAFA;
}
.blog-header__author-social-links svg {
fill: #FAFAFA;
height: 15px;
width: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog-post--body-full {
background-color: #FAFAFA;
margin-top: -10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.blog-post {
margin: 0 15px;
padding-top: 80px;
padding-bottom: 80px;
margin-bottom: 80px;
}
.blog-post__meta{
margin: 2rem 0;
}
.blog-post__meta p {
font-size: 0.9em;
line-height: 24px;
}
.blog-post__meta a {
text-decoration: none;
}
.blog-post__meta a img {
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
}
.hhs-tag-list ul {
padding-left: 0px;
display: table;
}
.hhs-tag-list li {
list-style-type: none;
display: block;
float: left;
}
.blog-index__post-tag,
.hhs-tag-list li a,
.hhs-tag-list li a:hover {
color: rgba(118, 123, 134, 1.0);
background-color: rgba(250, 250, 250, 1.0);
}
.blog-index__post-tag,
.hhs-tag-list li a,
.blog-post__tag-link {
font-size: .8rem;
padding: 5px 10px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
margin: 0 5px 8px 0;
display: inline-block;
line-height: normal;
}
.hhs-tag-list li a span {
color: rgba(118, 123, 134, 1.0);
font-size: .6rem;
text-transform: uppercase;
font-weight: bold;
}
.blog-post__tag-link:hover,
.hhs-tag-list li a:hover {
text-decoration: none;
transform: scale(1);
}
.hhs-tag-list .filter-expand-link {
clear: both;
display: block;
margin-top: 15px;
}
a.blog-index__post-button {
font-size: 16px;
font-weight: 600;
position: absolute;
bottom: 20px;
left: 15px;
}
.blog-recent-posts {
margin-top: 3rem;
padding: 2rem 0;
}
.blog-recent-posts h4 {
text-align: center;
width: 100%;
margin-bottom: 25px;
}
.blog-recent-posts__list {
display: flex;
}
.blog-recent-posts__post {
display: block;
flex: 0 0 100%;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.blog-recent-posts__post:hover {
transform: scale(1.02);
}
.blog-recent-posts__post h3 {
padding: 1rem 1rem 0.5rem;
}
.blog-recent-posts__post p {
padding: 0 1rem 1rem 1rem;
}
@media (max-width: 922px) {
.blog-post__tags {
margin-bottom: 25px;
}
}
@media screen and (min-width: 922px) {
.blog-recent-posts__post {
flex: 0 0 calc(100%/2);
}
}
@media screen and (max-width: 922px) {
.blog-recent-posts__list {
display: block;
}
}
@media screen and (min-width: 1000px) {
.blog-recent-posts__post {
flex: 0 0 calc(100%/3.2);
margin: 10px;
}
}
.blog-recent-posts__post:hover {
text-decoration: none;
}
.blog-recent-posts__image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-bottom: 63%;
}
.blog-recent-posts__title {
margin: 1rem 0 .5rem;
font-size: 1.25rem;
}
.blog-comments {
margin: 0 auto;
padding-bottom: 50px;
}
.blog-comments form {
max-width: 100%;
}
.blog-comments .hs-submit {
text-align: center;
}
.comment.depth-0 {
border-top: 0px !important;
}
.blog-comments .hs-form-booleancheckbox label {
line-height: 1.6em !important;
}
.blog-comments .comment-reply-to {
border: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
}
.blog-comments .comment-reply-to:hover {
transform: scale(1);
}
.blog-comments .replying-to {
margin-bottom: 25px;
display: block;
}
.hs-blog-social-share {
padding: 10px 0 0 0;
/* border-top: 1px solid rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(0,0,0,0.2); */
height: auto;
width: 100%;
height: auto !important;
}
.blog-post--bg-gray {
background-color: #E1E3E7;
padding-top: 80px;
padding-bottom: 80px;
margin-top: -10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
/* Table of Content */
.blog_post__toc-wrapper,
#hs_cos_wrapper_table_of_contents,
.hs_cos_wrapper_table_of_contents {
overflow: visible !important;
}
/* --- Sticky TOC container --- */
#hs_cos_wrapper_table_of_contents {
position: sticky;
top: 110px;
align-self: flex-start;
height: fit-content;
max-height: calc(100vh - 140px);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.blog_post__toc-wrapper {
position: relative;
align-self: flex-start;
}
.table-of-contents {
border: 2px solid #E1E3E7;
border-radius: 10px;
padding: 20px 15px;
margin-bottom: 30px;
}
.table-of-contents-header > p {
font-size: 22px !important;
font-weight: 600 !important;
letter-spacing: 2%;
text-transform: initial;
margin: 0;
}
.table-of-contents-list hr {
height: 2px;
margin: 10px 0 15px 0;
}
ul.table-of-contents-list {
list-style: none;
padding-left: 0;
margin: 0;
}
ul.table-of-contents-list li {
margin: 0;
}
ul.table-of-contents-list li a {
display: block;
color: #1E1E1E;
font-size: 18px;
text-decoration: none;
background-color: transparent;
border-radius: 10px;
padding: 10px 10px;
margin: 0 0 5px 0;
transition: all 160ms ease;
}
ul.table-of-contents-sub-hlist {
list-style: none;
margin: 0;
}
@media (max-width: 991px) {
#hs_cos_wrapper_table_of_contents {
position: relative;
top: 0;
height: fit-content;
max-height: 100%;
}
.table-of-contents-header {
cursor: pointer;
user-select: none;
}
.table-of-contents-list {
display: none;
}
ul.table-of-contents-list a.is-active {
background: transparent;
color: #1E1E1E;
transform: translateY(0);
}
.table-of-contents .table-of-contents-header:after {
content: '';
height: 12px;
position: absolute;
right: 20px;
top: 30px;
transform: rotate(-45deg);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 12px;
border-right: 2px solid rgba(30, 30, 30, 0.5);
border-bottom: 2px solid rgba(30, 30, 30, 0.5);
}
.table-of-contents.toc-open .table-of-contents-header:after {
transform: rotate(45deg);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
}
/* --- Active state styling --- */
ul.table-of-contents-list li a:hover,
ul.table-of-contents-list li a:focus {
color: #3F31FF;
background-color: rgba(184, 197, 255, 0.3);
}
ul.table-of-contents-list a.is-active {
color: #3F31FF;
background-color: rgba(184, 197, 255, 0.3);
transform: translateX(2px);
}
/* Newsletter Subs Module */
.blog-post--nl-subs-form form .hs-email label {
display: none;
}
.blog-post--nl-subs-form form .form-title {
display: none;
}
.blog-post--nl-subs-form form form label[Placeholder] {
display: none;
}
.blog-post--nl-subs-form form a:hover {
color: #3F31FF;
}
.blog-post--nl-subs-form form .legal-consent-container ul {
margin-bottom: 0;
}
.blog-post--nl-subs-form form .legal-consent-container .hs-richtext p {
font-size: 0.8rem;
color: #1E1E1E;
margin-bottom: 1rem !important;
}
.blog-post--nl-subs-form form .inputs-list label p {
color: #1E1E1E;
}
.blog-post--nl-subs-form form .hs-form-booleancheckbox label p {
font-size: 14px;
}
.blog-post--nl-subs-form form input[type="submit"] {
letter-spacing: 1px;
opacity: 1;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.blog-post--nl-subs-form form input[type="submit"]:hover {
box-shadow: none;
background-color: #7dffd3;
}
@media (max-width: 991px) {
.blog-post--nl-subs {
padding-top: 50px;
}
}
.sidebar-con {
margin-bottom: 50px;
}
.body-container.dnd-blog-listing .dnd-section:nth-of-type(n+3) {
overflow: visible !important;
}
.filter__header {
margin-bottom: 15px;
margin-top: 25px;
}
select.post__category-selector {
height: auto !important;
padding-right: 25px !important;
border-radius: 8px;
min-width: 250px;
}
select.post__category-selector option {
color: #1E1E1E;
background-color: #FAFAFA;
}
@media screen and (min-width: 922px) {
.filter__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filter__header .column--8 {
-webkit-box-flex: 2;
-ms-flex: 2 300px;
flex: 2 300px;
}
}
@media screen and (max-width: 922px) {
}
@media screen and (max-width: 575px) {
.blog-header__author-social-links {
text-align: center;
}
}
.blog-reg svg {
max-width: 250px
}
.blog-reg svg .slop {
animation: blink 2s linear infinite
}
@keyframes blink {
0% {
opacity: .3
}
50% {
opacity: 1
}
to {
opacity: .3
}
}
.modal-box {
background-color: rgba(0,0,0,.3);
bottom: 0;
height: 100vh;
justify-content: center;
left: 0;
max-width: 100vw;
opacity: 0;
overflow: auto;
padding-top: 100px;
position: fixed;
right: 0;
top: 0;
transition: all .3s ease;
visibility: hidden;
width: 100%;
z-index: 9
}
.modal-box.active {
opacity: 1;
visibility: visible
}
.modal-content {
background: linear-gradient(105deg,#1E1E1E, #344362);
border: 1px solid #FAFAFA;
border-radius: 10px;
box-shadow: 0 0 5px 2px hsla(0,0%,100%,.5);
left: 50%;
position: relative;
top: 50%;
transform: translate(-50%,-50%);
width: 45%
}
@media screen and (max-width: 1300px) {
.modal-content {
width:60%
}
}
@media screen and (max-width: 991px) {
.modal-content {
width:70%
}
}
@media screen and (max-width: 768px) and (min-width:675px) {
.modal-content {
top:60%
}
}
@media screen and (max-width: 674px) and (min-width:548px) {
.modal-content {
top:70%
}
}
@media screen and (max-width: 547px) {
.modal-content {
top:80%;
width: 85%
}
}
@media screen and (max-width: 420px) {
.blog-overview-height {
height:440px!important
}
}
.modal-content img.p7-logo {
max-width: 300px
}
.modal-content .close {
cursor: pointer;
position: absolute;
right: 0;
top: 0
}
.modal-content .close svg {
fill: #ccc;
height: 20px;
margin: 10px;
transition: all .4s ease;
width: 20px
}
.modal-content .close:hover svg {
fill: #FAFAFA
}
.modal-content hr.separator {
border-color: #FAFAFA;
margin-left: 0;
width: 100%
}
.modal-content .modal-heading,.modal-content .modal-text {
color: #FAFAFA
}
.modal-content .form {
background-color: #FAFAFA;
border-radius: 8px;
margin: auto;
padding: 30px;
width: 100%
}
.modal-content .hbspt-form form .legal-consent-container .hs-richtext p {
color: #1E1E1E;
font-size: 14px;
margin-bottom: 15px;
}
.modal-box .hbspt-form form input.hs-input[type=checkbox] {
visibility: hidden
}
.modal-box.active .hbspt-form form input.hs-input[type=checkbox]:before {
background-color: #FAFAFA;
border: 1px solid #ccc;
border-radius: 4px;
content: "";
cursor: pointer;
display: inline-block;
height: 18px;
margin: 0x 10px 0 0;
visibility: visible;
width: 18px
}
.modal-box .hbspt-form form label {
color: #1e1e1e;
display: flex;
align-items: start;
gap: 8px;
}
.modal-box.active .hbspt-form form input.hs-input[type=checkbox]:checked:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23ff8687' stroke='%2335FCB9' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: initial;
border: 1px solid #35FCB9;
}
.modal-content .hbspt-form form .legal-consent-container [class*=LEGAL_CONSENT] {
margin-bottom: .75rem
}
.modal-content .hbspt-form form .legal-consent-container ul.inputs-list {
margin-bottom: 0
}
.modal-content .hbspt-form form .legal-consent-container ul li.hs-form-booleancheckbox {
margin: 0
}
.modal-content .hbspt-form form .legal-consent-container label span p {
margin-bottom: 0;
padding: 0;
font-size: 14px;
color: #1E1E1E;
}
.modal-content .hbspt-form form label[Placeholder] {
display: none
}