:root
{
    --container-gutter: 16px;
    --section-padding-top: 32px;
    --section-padding-bottom: 40px;
}

@media (min-width: 768px)
{
    :root
    {
        --container-gutter: 20px;
    }
}

@media (min-width: 992px)
{
    :root
    {
        --container-gutter: 40px;
    }
}

@media (min-width: 1280px)
{
    :root
    {
        --container-gutter: 80px;
    }
}

@media (min-width: 768px)
{
    :root
    {
        --section-padding-top: 40px;
    }
}

@media (min-width: 992px)
{
    :root
    {
        --section-padding-top: 60px;
    }
}

@media (min-width: 1280px)
{
    :root
    {
        --section-padding-top: 80px;
    }
}

@media (min-width: 992px)
{
    :root
    {
        --section-padding-bottom: 60px;
    }
    .overlay-header .container,
    .overlay-header .container-sm,
    .overlay-header .container-md,
    .overlay-header .container-lg,
    .overlay-header .container-xl,
    .without-overlay-header .container,
    .without-overlay-header .container-sm,
    .without-overlay-header .container-md,
    .without-overlay-header .container-lg,
    .without-overlay-header .container-xl
    {
        max-width: 100%;
    }
}

@media (min-width: 1280px)
{
    :root
    {
        --section-padding-bottom: 80px;
    }
    .overlay-header .container,
    .overlay-header .container-sm,
    .overlay-header .container-md,
    .overlay-header .container-lg,
    .overlay-header .container-xl,
    .without-overlay-header .container,
    .without-overlay-header .container-sm,
    .without-overlay-header .container-md,
    .without-overlay-header .container-lg,
    .without-overlay-header .container-xl
    {
        max-width: 100%;
    }
}

.overlay-header .container,
.without-overlay-header .container
{
    padding-right: var(--container-gutter);
    padding-left: var(--container-gutter);
}

.overlay-header .container .container,
.without-overlay-header .container .container
{
    padding-right: 0;
    padding-left: 0;
}

.overlay-header .container .container .row,
.without-overlay-header .container .container .row
{
    margin-right: 0;
    margin-left: 0;
}

.overlay-header .bold-text,
.overlay-header .strong,
.without-overlay-header .bold-text,
.without-overlay-header .strong
{
    font-weight: bold;
}

.overlay-header .small-text,
.overlay-header .small-font,
.without-overlay-header .small-text,
.without-overlay-header .small-font
{
    font-size: 14px;
}

.overlay-header .bp-padding-top-default,
.without-overlay-header .bp-padding-top-default
{
    padding-top: 0;
}

@media (max-width: 991.98px)
{
    .overlay-header .bp-margin-top-xlg,
    .without-overlay-header .bp-margin-top-xlg
    {
        margin-top: 40px !important;
    }
    .overlay-header .bp-margin-bottom-xlg,
    .without-overlay-header .bp-margin-bottom-xlg
    {
        margin-bottom: 40px !important;
    }
    .overlay-header .p-0,
    .without-overlay-header .p-0
    {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

@media (max-width: 1199.98px)
{
    .overlay-header body .sliding-popup-bottom #popup-text,
    .without-overlay-header body .sliding-popup-bottom #popup-text
    {
        max-width: 100% !important;
    }
    .overlay-header .bg-edge2edge .paragraph--type--bp-view,
    .without-overlay-header .bg-edge2edge .paragraph--type--bp-view
    {
        padding-right: var(--container-gutter);
        padding-left: var(--container-gutter);
    }
    .overlay-header .paragraph--type--bp-scrolling-bg,
    .without-overlay-header .paragraph--type--bp-scrolling-bg
    {
        padding-right: var(--container-gutter) !important;
        padding-left: var(--container-gutter) !important;
    }
    .overlay-header .paragraph--type--bp-video video[poster],
    .without-overlay-header .paragraph--type--bp-video video[poster]
    {
        height: auto !important;
        max-height: 641px;
    }
}

.overlay-header .ajax-progress,
.without-overlay-header .ajax-progress
{
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;
    visibility: visible;

    width: 100%;
    width: 70px;
    height: 100%;
    height: 70px;
    margin: auto;

    -webkit-animation: born_loader_spin 1s linear infinite;
            animation: born_loader_spin 1s linear infinite;

    opacity: 1;
    border-radius: 50%;
    background: transparent;
    background-image: none;
    background-size: 151px;
}

.overlay-header .ajax-progress .throbber,
.without-overlay-header .ajax-progress .throbber
{
    display: none;
}

@-webkit-keyframes born_loader_spin
{
    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes born_loader_spin
{
    100%
    {
        transform: rotate(360deg);
    }
}

.overlay-header .alert,
.without-overlay-header .alert
{
    margin-top: 20px;
}

.overlay-header body.btn-sm .btn,
.overlay-header .btn.btn-sm,
.without-overlay-header body.btn-sm .btn,
.without-overlay-header .btn.btn-sm
{
    font-weight: normal;

    letter-spacing: .01em;
    text-transform: none;
}

.overlay-header .modal-title,
.without-overlay-header .modal-title
{
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.75;

    letter-spacing: -1px;
}

.overlay-header .modal-sub-title,
.without-overlay-header .modal-sub-title
{
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.875rem;
}

.overlay-header .ckeditor-readmore,
.without-overlay-header .ckeditor-readmore
{
    font-size: 1.125rem;

    margin-bottom: 1rem;
}

.overlay-header .image-banner-modal .modal-header,
.without-overlay-header .image-banner-modal .modal-header
{
    padding-top: 40px;
}

.overlay-header .image-banner-modal .close,
.without-overlay-header .image-banner-modal .close
{
    position: relative;
    bottom: 30px;
    left: 20px;
}

.overlay-header .webform-confirmation-modal .ui-dialog-titlebar,
.without-overlay-header .webform-confirmation-modal .ui-dialog-titlebar
{
    border: none;
    background: none;
}

.overlay-header .webform-confirmation-modal .ui-dialog-titlebar-close,
.without-overlay-header .webform-confirmation-modal .ui-dialog-titlebar-close
{
    width: 22px;
    height: 22px;
    margin-right: 10px;

    border: none;
    outline: none;
    background-color: transparent;
}

.overlay-header .webform-confirmation-modal .webform-confirmation-modal--content,
.without-overlay-header .webform-confirmation-modal .webform-confirmation-modal--content
{
    min-height: auto !important;
    max-height: inherit !important;
    padding-top: 0;
    padding-bottom: 35px;
}

@media (max-width: 991.98px)
{
    .overlay-header .webform-confirmation-modal,
    .without-overlay-header .webform-confirmation-modal
    {
        width: 90% !important;
        margin-left: 5%;
    }
}

.sticky-element
{
    position: -webkit-sticky !important;
    position:         sticky !important;
    z-index: 99999 !important;
    right: 0 !important;
    left: 0 !important;
}

.sticky-element.sticky-btm
{
    top: auto !important;
    bottom: 0 !important;
}
