@import url(https://use.typekit.net/pab8nav.css);
.height-160 {
    height: 160px !important;
}
.height-150 {
    height: 150px !important;
}
.height-140 {
    height: 140px !important;
}
.height-130 {
    height: 130px !important;
}
.height-120 {
    height: 120px !important;
}
.height-110 {
    height: 110px !important;
}
.height-100 {
    height: 100px !important;
}
.height-90 {
    height: 90px !important;
}
.height-80 {
    height: 80px !important;
}
.height-70 {
    height: 70px !important;
}
.height-60 {
    height: 60px !important;
}
.height-50 {
    height: 50px !important;
}
.height-40 {
    height: 40px !important;
}
.height-30 {
    height: 30px !important;
}
.height-20 {
    height: 20px !important;
}
.height-10 {
    height: 10px !important;
}
.mt-n1 {
    margin-top: 0.25rem;
}
.mt-n2 {
    margin-top: -0.5rem;
}
.mt-n3 {
    margin-top: -1rem;
}
.mt-n4 {
    margin-top: -1.5rem;
}
.mt-n5 {
    margin-top: -3rem;
}
.mt-n6 {
    margin-top: -3.5rem;
}
.mt-n7 {
    margin-top: -4rem;
}
.mt-n8 {
    margin-top: -4.5rem;
}
.mt-n9 {
    margin-top: -5rem;
}
.mt-n10 {
    margin-top: -6rem;
}
.mb-n1 {
    margin-bottom: -0.25rem !important;
}
.mb-n2 {
    margin-bottom: -0.5rem !important;
}
.mb-n3 {
    margin-bottom: -1rem !important;
}
.mb-n4 {
    margin-bottom: -1.5rem !important;
}
.mb-n5 {
    margin-bottom: -3rem !important;
}
.mb-n6 {
    margin-bottom: -3.5rem !important;
}
.mb-n7 {
    margin-bottom: -4rem !important;
}
.mb-n8 {
    margin-bottom: -4.5rem !important;
}
.mb-n9 {
    margin-bottom: -5rem !important;
}
.mb-n10 {
    margin-bottom: -6rem !important;
}
.mb-negative-home {
    margin-bottom: -48%;
}
.py-6,
.pt-6 {
    padding-top: 4.5rem !important;
}
.py-6,
.pb-6 {
    padding-bottom: 4.5rem !important;
}
.py-7,
.pt-7 {
    padding-top: 6rem !important;
}
.py-7,
.pb-7 {
    padding-bottom: 6rem !important;
}
.py-8,
.pt-8 {
    padding-top: 7.5rem !important;
}
.py-8,
.pb-8 {
    padding-bottom: 7.5rem !important;
}
.py-9,
.pt-9 {
    padding-top: 9rem !important;
}
.py-9,
.pb-9 {
    padding-bottom: 9rem !important;
}
.py-10,
.pt-10 {
    padding-top: 10.5rem !important;
}
.py-10,
.pb-10 {
    padding-bottom: 10.5rem !important;
}
.pr-6,
.px-6 {
    padding-right: 4.5rem !important;
}
.pr-7,
.px-7 {
    padding-right: 6rem !important;
}
.pr-8,
.px-8 {
    padding-right: 7.5rem !important;
}
.pr-9,
.px-9 {
    padding-right: 9rem !important;
}
.pr-10,
.px-10 {
    padding-right: 10.5rem !important;
}
.pl-6,
.px-6 {
    padding-left: 4.5rem !important;
}
.pl-7,
.px-7 {
    padding-left: 6rem !important;
}
.pl-8,
.px-8 {
    padding-left: 7.5rem !important;
}
.pl-9,
.px-9 {
    padding-left: 9rem !important;
}
.pl-10,
.px-10 {
    padding-left: 10.5rem !important;
}
@media (min-width: 768px) {
    .w-md-50 {
        width: 50% !important;
    }
}
@media (min-width: 992px) {
    .w-lg-initial {
        width: initial !important;
    }
}
.b-rel .b-abs.bookmark {
    left: 0;
    top: 0;
    z-index: 2;
    width: 15%;
    overflow: hidden;
}
@media (min-width: 768px) {
    .b-rel .b-abs.bookmark {
        width: 10%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs.bookmark {
        width: 5%;
    }
}
.btn.multiline {
    line-height: 1.5;
    white-space: normal;
    padding: 21px 15px;
}
@media (min-width: 768px) {
    .btn.multiline {
        line-height: initial;
    }
}
ul.checkmark {
    margin: 0;
    padding: 0;
}
ul.checkmark li {
    margin: 0;
    padding: 0 0 24px 32px;
    list-style: none;
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 22px;
    background-image: url(../images/icon-box-w-red-check.svg);
}
ul.checkmark.large-text {
    font-size: 20px;
    font-weight: 300;
}
ul.checkmark.small li {
    background-size: 15px;
    padding: 0 0 20px 23px;
    background-position: 0 8px;
}
.fit-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
iframe.responsive-video-embed {
    aspect-ratio: 1.77777778;
    width: 100%;
}
ul.columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
ul.columns-2.mobile-column-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
@media (min-width: 992px) {
    ul.columns-2.mobile-column-1 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
ul.columns-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
ul.columns-3.mobile-column-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
@media (min-width: 992px) {
    ul.columns-3.mobile-column-1 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media (min-width: 992px) {
    .negative-margin-contact {
        margin-top: -22% !important;
    }
}
@media (min-width: 1200px) {
    .negative-margin-contact {
        margin-top: -20% !important;
    }
}
@media (min-width: 1440px) {
    .negative-margin-contact {
        margin-top: -16% !important;
    }
}
@media (min-width: 1920px) {
    .negative-margin-contact {
        margin-top: -13% !important;
    }
}
.negative-margin {
    margin-top: -150px;
    margin-bottom: 5%;
    position: relative;
    z-index: 2;
}
.accordion .card {
    border: none;
}
.accordion .card-header {
    cursor: pointer;
}
.accordion .card-header a:hover h5 {
    color: #242424;
}
.accordion .toggle-icon {
    width: 40px;
}
@media (min-width: 768px) {
    .accordion .toggle-icon {
        width: 35px;
    }
}
@media (min-width: 992px) {
    .accordion .toggle-icon {
        width: 40px;
    }
}
.hero__secondary-col img {
    left: 35%;
    width: 30%;
    position: absolute;
}
@media (min-width: 992px) {
    .hero__secondary-col img {
        position: unset;
        width: auto;
        max-height: 240px;
    }
}
@media only screen and (max-width: 767px) {
    .hero__secondary-col img {
        min-width: 270px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
.icon-cards_link:hover,
.icon-cards_link .container:hover,
.icon-cards_link:hover h5,
.icon-cards_link:hover h4,
.icon-cards_link:hover p {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    text-decoration: none;
    color: #fff;
    fill: #fff;
}
.icon-cards_image svg:hover,
.icon-cards_image svg path:hover {
    fill: #fff;
}
.icon-cards_card {
    border-radius: 2%;
    background: #fff;
}
.icon-cards_image {
    width: 40%;
}
.icon-cards_image img,
.icon-cards_image svg {
    height: 115px;
    max-width: 130px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.icon-cards_image.icon-cards_image--large img,
.icon-cards_image.icon-cards_image--large svg {
    height: 140px !important;
    max-width: 140px !important;
}
.icon-cards_card.overlay-drk {
    background-color: #242424;
}
.icon-cards_card.overlay-drk .icon-cards_image svg {
    fill: #fff;
}
.icon-cards_card.overlay-drk h4,
.icon-cards_card.overlay-drk p {
    color: #fff;
}
.bg-beans_img {
    z-index: -1;
    width: 100%;
}
@media (max-width: 991.98px) {
    .bg-beans_img {
        display: none;
    }
}
@media (min-width: 2000px) {
    .bg-beans_img {
        width: 85%;
    }
}
@media (min-width: 2500px) {
    .bg-beans_img {
        width: 75%;
    }
}
@media (min-width: 3000px) {
    .bg-beans_img {
        width: 65%;
    }
}
@media (min-width: 3500px) {
    .bg-beans_img {
        width: 70%;
    }
}
.bg-beans_img.zi0 {
    z-index: 0;
}
.bg-beans_img.w-10 {
    width: 10%;
}
.bg-beans_img.w-15 {
    width: 15%;
}
.bg-beans_img.w-20 {
    width: 20%;
}
.bg-beans_img.w-25 {
    width: 25%;
}
.bg-beans_img.w-30 {
    width: 30%;
}
.bg-beans_img.w-35 {
    width: 35%;
}
.bg-beans_img.w-40 {
    width: 40%;
}
.bg-beans_img.w-45 {
    width: 45%;
}
.bg-beans_img.w-50 {
    width: 50%;
}
.bg-beans_img.w-55 {
    width: 55%;
}
.bg-beans_img.w-60 {
    width: 60%;
}
.bg-beans_img.w-65 {
    width: 65%;
}
.bg-beans_img.w-70 {
    width: 70%;
}
.bg-beans_img.w-75 {
    width: 75%;
}
.bg-beans_img.w-80 {
    width: 80%;
}
.bg-beans_img.w-85 {
    width: 85%;
}
.bg-beans_img.w-90 {
    width: 90%;
}
.bg-beans_img.w-95 {
    width: 95%;
}
.shadow-box__image img {
    width: auto;
    position: unset;
    max-height: 240px;
    max-width: 300px;
    min-width: 200px;
    margin: 0 auto;
}
.template-listing-nav.nav-pills .nav-link {
    background-color: #242424;
    color: #fff;
    outline: 0;
    opacity: 0.5;
    margin-bottom: 15px;
    border: 0;
    text-align: left;
}
.template-listing-nav.nav-pills .nav-link:hover {
    opacity: 1;
}
.template-listing-nav.nav-pills .nav-link.active,
.template-listing-nav.nav-pills .show > .nav-link {
    background-color: #de1c28;
    opacity: 1;
}
.revstack_img-left .bg-img {
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    .revstack_img-left .bg-img {
        background-position: left top;
        margin-left: -15vw;
        min-height: 850px;
    }
}
.revstack_img-right .bg-img {
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    .revstack_img-right .bg-img {
        background-position: right top;
        padding-left: 44vw;
        min-height: 850px;
    }
}
.revstack_img-right .bg-img,
.revstack_img-left .bg-img {
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    .revstack_img-right .bg-img.top-center,
    .revstack_img-left .bg-img.top-center {
        background-position: top center;
    }
    .revstack_img-right .bg-img.top-left,
    .revstack_img-left .bg-img.top-left {
        background-position: top left;
    }
    .revstack_img-right .bg-img.top-right,
    .revstack_img-left .bg-img.top-right {
        background-position: top right;
    }
    .revstack_img-right .bg-img.center-center,
    .revstack_img-left .bg-img.center-center {
        background-position: center center;
    }
    .revstack_img-right .bg-img.xs,
    .revstack_img-left .bg-img.xs {
        min-height: 250px;
    }
    .revstack_img-right .bg-img.sm,
    .revstack_img-left .bg-img.sm {
        min-height: 350px;
    }
    .revstack_img-right .bg-img.md,
    .revstack_img-left .bg-img.md {
        min-height: 550px;
    }
    .revstack_img-right .bg-img.lg,
    .revstack_img-left .bg-img.lg {
        min-height: 750px;
    }
    .revstack_img-right .bg-img.xl,
    .revstack_img-left .bg-img.xl {
        min-height: 850px;
    }
}
.revstack .minH {
    min-height: 220px;
}
@media (min-width: 992px) {
    .revstack .minH {
        min-height: 465px;
    }
}
.revstack.partners p {
    font-size: 21px;
    font-size: 1.3rem;
}
.revstack.partners .bg-img-04 {
    min-height: 410px;
}
@media (min-width: 992px) {
    .revstack.partners .bg-img-04 {
        min-height: 730px;
        padding-left: 20vw;
        margin-left: -20vw;
    }
}
.revstack.partners .bg-img-05 {
    min-height: 330px;
}
@media (min-width: 992px) {
    .revstack.partners .bg-img-05 {
        min-height: 670px;
    }
}
.revstack.partners .bg-img-0 {
    min-height: 410px;
}
@media (min-width: 992px) {
    .revstack.partners .bg-img-0 {
        min-height: 670px;
    }
}
.icon-title-blocks_icon {
    width: 30%;
    min-height: 94px;
}
@media (min-width: 768px) {
    .icon-title-blocks_icon {
        width: 22%;
        min-height: 64px;
    }
}
@media (min-width: 992px) {
    .icon-title-blocks_icon {
        width: 25%;
        min-height: 125px;
    }
}
.icon-title-blocks_img {
    max-height: 94px;
    min-height: 94px;
}
.slider-a {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 50px;
}
@media (min-width: 992px) {
    .slider-a {
        margin-top: 100px;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.slider-a .slick-prev,
.slider-a .slick-next {
    top: -30px;
}
@media (min-width: 992px) {
    .slider-a .slick-prev,
    .slider-a .slick-next {
        top: 50%;
    }
}
.slider-a.slider-a1 {
    margin-top: 50px;
}
.slider-a.slider-a1 .slick-dots {
    bottom: -10px;
}
@media (min-width: 992px) {
    .slider-a.slider-a1 .slick-dots {
        top: -70px;
    }
}
.slider-a .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
}
@media (min-width: 992px) {
    .slider-a .slick-dots {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        top: -110px;
    }
}
.slider-a .slick-dots li {
    font-size: 26px;
    font-size: 1.625rem;
    width: auto;
    text-align: left;
    margin: 0 10px;
}
@media (min-width: 992px) {
    .slider-a .slick-dots li {
        margin: 0 25px;
    }
}
.slider-a .slick-dots li a:hover,
.slider-a .slick-dots li a:focus,
.slider-a .slick-dots li.slick-active a {
    text-decoration: none;
    border-bottom: 3px solid #de1c28;
}
.slider-a .slick-dots li button {
    width: 26px;
    height: 26px;
}
@media (min-width: 992px) {
    .slider-a .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}
.slider-a .slick-dots li button:before {
    font-size: 26px;
    font-size: 1.625rem;
}
@media (min-width: 992px) {
    .slider-a .slick-dots li button:before {
        font-size: 16px;
        font-size: 1rem;
    }
}
.slider-a .slick-dots li.slick-active button:before {
    color: #de1c28;
}
.bg-gradient-circle.b-rel .gradient-circle {
    left: 12px;
    top: -35px;
    z-index: 0;
    width: 320px;
}
.bg-gradient-circle.b-rel .gradient-circle img {
    width: 100%;
}
@media (min-width: 768px) {
    .bg-gradient-circle.b-rel .gradient-circle {
        left: 60px;
        top: -50px;
        width: 630px;
        -webkit-animation: slideRight-tablet1 2s ease;
        animation: slideRight-tablet1 2s ease;
    }
}
@media (min-width: 992px) {
    .bg-gradient-circle.b-rel .gradient-circle {
        left: 70px;
        top: 50px;
        width: 390px;
        -webkit-animation: slideRight-desktop1 2s ease;
        animation: slideRight-desktop1 2s ease;
    }
}
@media (min-width: 1200px) {
    .bg-gradient-circle.b-rel .gradient-circle {
        left: 85px;
        width: 475px;
        -webkit-animation: slideRight-desktop-xlg1 2s ease;
        animation: slideRight-desktop-xlg1 2s ease;
    }
}
@media (min-width: 1440px) {
    .bg-gradient-circle.b-rel .gradient-circle {
        left: 80px;
        top: 60px;
        width: 460px;
        -webkit-animation: slideRight-wide1 2s ease;
        animation: slideRight-wide1 2s ease;
    }
}
.bg-gradient-circle.b-rel .signature-squigle {
    left: -40px;
    top: 160px;
    z-index: 0;
    width: 100%;
    max-width: 100%;
}
.bg-gradient-circle.b-rel .signature-squigle img {
    width: 100%;
}
@media (min-width: 768px) {
    .bg-gradient-circle.b-rel .signature-squigle {
        left: -75px;
        top: 238px;
        max-width: 640px;
        -webkit-animation: slideRight-tablet2 2.5s ease;
        animation: slideRight-tablet2 2.5s ease;
    }
}
@media (min-width: 992px) {
    .bg-gradient-circle.b-rel .signature-squigle {
        left: 35px;
        top: 230px;
        max-width: 420px;
        -webkit-animation: slideRight-desktop2 2.5s ease;
        animation: slideRight-desktop2 2.5s ease;
    }
}
@media (min-width: 1200px) {
    .bg-gradient-circle.b-rel .signature-squigle {
        left: 60px;
        top: 266px;
        max-width: 440px;
        -webkit-animation: slideRight-desktop-xlg2 2.5s ease;
        animation: slideRight-desktop-xlg2 2.5s ease;
    }
}
@media (min-width: 1440px) {
    .bg-gradient-circle.b-rel .signature-squigle {
        left: 60px;
        top: 275px;
        max-width: 440px;
        -webkit-animation: slideRight-wide2 2.5s ease;
        animation: slideRight-wide2 2.5s ease;
    }
}
@media (min-width: 992px) {
    .slider-b.rev .slick-prev,
    .slider-b .slick-prev {
        left: -50px;
    }
}
@media (min-width: 1200px) {
    .slider-b.rev .slick-prev,
    .slider-b .slick-prev {
        left: -80px;
    }
}
@media (min-width: 1440px) {
    .slider-b.rev .slick-prev,
    .slider-b .slick-prev {
        left: -100px;
    }
}
.slider-b.rev .slick-prev:before {
    content: url(../images/icon-circle-chevron-left-rev.png);
}
.slider-b--light .slick-prev:before,
.slider-b--light .slick-next:before {
    -webkit-filter: brightness(0.3) !important;
    filter: brightness(0.3) !important;
}
@media (min-width: 992px) {
    .slider-b.rev .slick-next,
    .slider-b .slick-next {
        right: -50px;
    }
}
@media (min-width: 1200px) {
    .slider-b.rev .slick-next,
    .slider-b .slick-next {
        right: -80px;
    }
}
@media (min-width: 1440px) {
    .slider-b.rev .slick-next,
    .slider-b .slick-next {
        right: -100px;
    }
}
.slider-b.rev .slick-next:before {
    content: url(../images/icon-circle-chevron-right-rev.png);
}
.slider-b .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -50px;
}
@media (min-width: 992px) {
    .slider-b .slick-dots {
        bottom: -70px;
    }
}
.slider-b .slick-dots li {
    font-size: 26px;
    font-size: 1.625rem;
    width: auto;
    margin: 0 5px;
}
@media (min-width: 992px) {
    .slider-b .slick-dots li {
        margin: 0 10px;
    }
}
.slider-b .slick-dots li a:hover,
.slider-b .slick-dots li a:focus,
.slider-b .slick-dots li.slick-active a {
    text-decoration: none;
    border-bottom: 3px solid #de1c28;
}
.slider-b .slick-dots li button {
    width: 20px;
    height: 20px;
}
@media (min-width: 992px) {
    .slider-b .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}
.slider-b .slick-dots li button:before {
    font-size: 20px;
    font-size: 1.25rem;
    color: #de1c28;
    opacity: 0.65;
}
@media (min-width: 992px) {
    .slider-b .slick-dots li button:before {
        font-size: 16px;
        font-size: 1rem;
    }
}
.slider-b .slick-dots li.slick-active button:before {
    color: #de1c28;
    opacity: 1;
}
@media (min-width: 992px) {
    .slider-b1.rev .slick-prev,
    .slider-b1 .slick-prev {
        left: -50px;
    }
}
@media (min-width: 1200px) {
    .slider-b1.rev .slick-prev,
    .slider-b1 .slick-prev {
        left: -80px;
    }
}
@media (min-width: 1440px) {
    .slider-b1.rev .slick-prev,
    .slider-b1 .slick-prev {
        left: -100px;
    }
}
.slider-b1.rev .slick-prev:before {
    content: url(../images/icon-circle-chevron-left-rev.png);
}
@media (min-width: 992px) {
    .slider-b1.rev .slick-next,
    .slider-b1 .slick-next {
        right: -50px;
    }
}
@media (min-width: 1200px) {
    .slider-b1.rev .slick-next,
    .slider-b1 .slick-next {
        right: -80px;
    }
}
@media (min-width: 1440px) {
    .slider-b1.rev .slick-next,
    .slider-b1 .slick-next {
        right: -100px;
    }
}
.slider-b1.rev .slick-next:before {
    content: url(../images/icon-circle-chevron-right-rev.png);
}
.slider-b1 .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -50px;
}
@media (min-width: 992px) {
    .slider-b1 .slick-dots {
        bottom: -70px;
    }
}
.slider-b1 .slick-dots li {
    font-size: 26px;
    font-size: 1.625rem;
    width: auto;
    margin: 0 5px;
}
@media (min-width: 992px) {
    .slider-b1 .slick-dots li {
        margin: 0 10px;
    }
}
.slider-b1 .slick-dots li a:hover,
.slider-b1 .slick-dots li a:focus,
#mySliderB .slick-dots li.slick-active a {
    text-decoration: none;
    border-bottom: 3px solid #de1c28;
}
.slider-b1 .slick-dots li button {
    width: 20px;
    height: 20px;
}
@media (min-width: 992px) {
    .slider-b1 .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}
.slider-b1 .slick-dots li button:before {
    font-size: 20px;
    font-size: 1.25rem;
    color: #de1c28;
    opacity: 0.65;
}
@media (min-width: 992px) {
    .slider-b1 .slick-dots li button:before {
        font-size: 16px;
        font-size: 1rem;
    }
}
.slider-b1 .slick-dots li.slick-active button:before {
    color: #de1c28;
    opacity: 1;
}
.nav-tabs {
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    padding: 2px;
}
@media (min-width: 768px) {
    .nav-tabs {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
.nav-tabs .nav-item {
    margin-bottom: 0;
    width: 50%;
}
@media (min-width: 768px) {
    .nav-tabs .nav-item {
        width: auto;
    }
}
.nav-tabs a.nav-link {
    border: none;
    border-radius: 4px;
    color: #242424;
    font-size: 21px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    padding-right: 0 !important;
    cursor: pointer;
}
@media (min-width: 768px) {
    .nav-tabs a.nav-link {
        width: 165px;
    }
}
.nav-tabs a.nav-link:hover {
    color: #242424 !important;
    background-color: #f1f1f1;
}
.nav-tabs .nav-item.show a.nav-link,
.nav-tabs a.nav-link.active {
    background-color: #252525;
    color: #fff;
}
.nav-tabs .nav-item.show a.nav-link:hover,
.nav-tabs a.nav-link.active:hover {
    color: #ffffff !important;
}
.red-banner {
    position: relative;
    z-index: 200;
    background: linear-gradient(55deg, #c2121d 50%, #de1c28 50%);
}
@media (min-width: 768px) {
    .red-banner {
        background: linear-gradient(30deg, #c2121d 50%, #de1c28 50%);
    }
}
@media (min-width: 992px) {
    .red-banner {
        background: linear-gradient(15deg, #c2121d 50%, #de1c28 50%);
    }
}
.red-banner_pen-mh {
    min-height: 165px;
}
@media (min-width: 485px) {
    .red-banner_pen-mh {
        min-height: 225px;
    }
}
@media (min-width: 768px) {
    .red-banner_pen-mh {
        min-height: 85px;
    }
}
.red-banner_pen {
    right: 0;
    top: -60px;
    width: 60%;
}
@media (min-width: 485px) {
    .red-banner_pen {
        top: -80px;
    }
}
@media (min-width: 768px) {
    .red-banner_pen {
        right: -55px;
        top: -70px;
        width: 25%;
    }
}
@media (min-width: 992px) {
    .red-banner_pen {
        right: 0;
        top: 0;
        width: 25%;
    }
}
.txt-col,
.img-col {
    width: 100%;
}
@media (min-width: 992px) {
    .txt-col,
    .img-col {
        width: 48.99%;
    }
}
.enterprise-bg .icon {
    width: 5%;
}
@media (min-width: 992px) {
    .enterprise-bg .icon {
        width: 3%;
    }
}
.enterprise-bg .text {
    width: 95%;
}
@media (min-width: 992px) {
    .enterprise-bg .text {
        width: 97%;
    }
}
.enterprise-bg p {
    line-height: 1.65;
}
.enterprise-bg .img-col {
    margin-bottom: -48%;
    z-index: 1;
    overflow: hidden;
}
.b-abs.enterprise01 {
    left: -19%;
    bottom: -60em;
    width: 100%;
    z-index: -2;
    overflow: hidden;
}
@media (min-width: 768px) {
    .b-abs.enterprise01 {
        left: -5%;
        bottom: -70em;
    }
}
@media (min-width: 992px) {
    .b-abs.enterprise01 {
        left: -19%;
        top: 11em;
        width: 85%;
    }
}
.europa {
    font-family: europa, Arial, sans-serif;
}
.opensans {
    font-family: open-sans, Arial, sans-serif;
}
* {
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
}
:root {
    font-size: 16px;
    font-family: europa, sans-serif;
}
html,
body {
    font-family: europa, sans-serif;
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background: #fff;
    line-height: 1.75em;
    color: #090e18;
    min-width: 320px;
}
@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}
.col-xxl-* {
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1440px) {
    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.666667%;
    }
}
picture.img-fluid img {
    max-width: 100%;
    height: auto;
}
picture {
    display: inline;
}
picture.mr-auto,
picture.mx-auto {
    margin-right: initial !important;
}
picture.ml-auto,
picture.mx-auto {
    margin-left: initial !important;
}
picture.mr-auto img,
picture.mx-auto img {
    margin-right: auto !important;
}
picture.ml-auto img,
picture.mx-auto img {
    margin-left: auto !important;
}
@media (min-width: 992px) {
    picture#spdfIcon img {
        width: auto;
        position: unset;
        max-height: 200px;
    }
}
picture#spdfIcon img {
    width: 60%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h7 {
    font-family: europa, sans-serif;
    color: #242424;
    letter-spacing: normal;
    margin: 0;
}
h1,
.h1 {
    font-size: 2.5rem;
    letter-spacing: -0.0196em;
    font-weight: 300;
}
@media (min-width: 768px) {
    h1,
    .h1 {
        font-size: 48px;
        font-size: 3rem;
    }
}
h2,
.h2 {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 300;
}
@media (min-width: 768px) {
    h2,
    .h2 {
        font-size: 51px;
        font-size: 3.1875rem;
    }
}
h2.sub-head,
.h2.sub-head {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 300;
}
@media (min-width: 768px) {
    h2.sub-head,
    .h2.sub-head {
        font-size: 34px;
        font-size: 2.125rem;
    }
}
h3,
.h3 {
    font-size: 31px;
    font-size: 1.9375rem;
    letter-spacing: 0.00025em;
    font-weight: 400;
}
@media (min-width: 768px) {
    h3,
    .h3 {
        font-size: 36px;
        font-size: 2.25rem;
    }
}
h4,
.h4 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 400;
}
h5,
.h5 {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 400;
}
h6,
.h6 {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: calc(5 / 1000);
    font-weight: 300;
}
.h7 {
    font-size: 15px;
    font-size: 0.9375rem;
    letter-spacing: 0.0001em;
    font-weight: 400;
}
p {
    font-family: open-sans, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 31px;
    line-height: 1.9375rem;
}
a {
    color: #2ab6eb;
}
a :hover {
    color: #198db9;
}
a#accessModal {
    cursor: pointer;
}
hr {
    border: 1px solid #e1e1e1;
}
.text-cta a {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: 0.01em;
    line-height: 27px;
    line-height: 1.6875rem;
    color: #2ab6eb;
    font-weight: 400;
    text-transform: uppercase;
}
.text-cta a:hover {
    color: #198db9;
    text-decoration: none;
}
#bizsizeFormFrame {
    width: 100%;
    min-width: 100%;
    min-height: 1070px;
}
@media (min-width: 992px) {
    #bizsizeFormFrame {
        min-height: 1080px;
    }
}
@media (min-width: 1440px) {
    #bizsizeFormFrame {
        min-height: 1060px;
    }
}
@media (min-width: 1600px) {
    #bizsizeFormFrame {
        min-height: 1020px;
    }
}
.slick-prev {
    width: 44px;
    left: 25%;
    top: -75px;
    z-index: 1;
}
@media (min-width: 992px) {
    .slick-prev {
        top: 50%;
        left: 5px;
    }
}
.slick-next {
    width: 44px;
    top: -75px;
    right: 25%;
    z-index: 1;
}
@media (min-width: 992px) {
    .slick-next {
        top: 50%;
        right: 5px;
    }
}
.slick-prev:before,
.slick-next:before {
    color: #242424;
}
.slick-prev:before {
    content: url(../images/icon-circle-chevron-left.png);
}
.slick-next:before {
    content: url(../images/icon-circle-chevron-right.png);
}
.container.testimonials-container {
    margin-top: 215%;
}
@media (min-width: 768px) {
    .container.testimonials-container {
        margin-top: 105%;
    }
}
@media (min-width: 992px) {
    .container.testimonials-container {
        margin-top: 65%;
    }
}
@media (min-width: 1200px) {
    .container.testimonials-container {
        margin-top: 60%;
    }
}
@media (min-width: 1440px) {
    .container.testimonials-container {
        margin-top: 35%;
    }
}
@media (min-width: 1920px) {
    .container.testimonials-container {
        margin-top: 30%;
    }
}
.content-testimonials {
    margin-bottom: 80px;
}
.content-testimonials h2 {
    margin-bottom: 26px;
}
.content-testimonials .slick-next {
    top: 28%;
    right: -25px;
}
.content-testimonials .slick-next:before {
    content: url(../images/icon-chevron-right-blue.png);
}
.content-testimonials .slick-prev {
    top: 28%;
    left: -25px;
}
.content-testimonials .slick-prev:before {
    content: url(../images/icon-chevron-left-blue.png);
}
.content-testimonials .slick-prev:hover:before {
    content: url(../images/icon-chevron-left-dkblue.png);
}
.content-testimonials .slick-next:hover:before {
    content: url(../images/icon-chevron-right-dkblue.png);
}
.content-testimonials .slick-prev.slick-disabled:before,
.content-testimonials .slick-next.slick-disabled:before {
    display: none;
}
.content-testimonials #carousel-testimonials .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.content-testimonials #carousel-testimonials .slick-slide {
    height: inherit !important;
}
.content-testimonials #carousel-testimonials .slick-dots {
    bottom: -25px;
}
@media (min-width: 768px) {
    .content-testimonials #carousel-testimonials .slick-dots {
        display: none;
    }
}
@media (min-width: 992px) {
    .content-testimonials #carousel-testimonials .slick-dots {
        bottom: 0;
    }
}
.content-testimonials #carousel-testimonials .slick-dots li button:before {
    font-size: 18px;
}
.content-testimonials #carousel-testimonials .slick-dots li.slick-active button:before {
    color: #2ab6eb;
    opacity: 1;
}
.content-testimonials #carousel-testimonials .box-item {
    padding-top: 18px;
    padding-bottom: 35px;
    margin-left: 25px;
    margin-right: 25px;
}
.content-testimonials #carousel-testimonials .box-item .item {
    position: relative;
}
.content-testimonials #carousel-testimonials .box-item .item .message {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 15px rgb(9 14 24 / 0.1);
    box-shadow: 10px 10px 15px rgb(9 14 24 / 0.1);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 65px;
    margin-bottom: 68px;
}
.content-testimonials #carousel-testimonials .box-item .item .message::after {
    content: "";
    position: absolute;
    right: 70px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid #fff0;
    border-right: 10px solid #fff0;
    border-top: 17px solid #fff;
    clear: both;
}
.content-testimonials #carousel-testimonials .box-item .item .message p {
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    color: #242424;
}
@media (min-width: 768px) {
    .content-testimonials #carousel-testimonials .box-item .item .message p {
        font-size: 24px;
    }
}
.content-testimonials #carousel-testimonials .box-item .item .message svg {
    position: absolute;
    top: -18px;
    right: 15px;
}
.content-testimonials #carousel-testimonials .box-item .item .message2 {
    background-color: #7b2b65;
    -webkit-box-shadow: 10px 10px 6px rgb(9 14 24 / 0.1);
    box-shadow: 10px 10px 6px rgb(9 14 24 / 0.1);
    position: relative;
    min-height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    margin-bottom: 28px;
}
.content-testimonials #carousel-testimonials .box-item .item .message2::after {
    content: "";
    position: absolute;
    right: 70px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid #fff0;
    border-right: 10px solid #fff0;
    border-top: 17px solid #7b2b65;
    clear: both;
}
.content-testimonials #carousel-testimonials .box-item .item .message2 p {
    font-family: europa, sans-serif;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}
.content-testimonials #carousel-testimonials .box-item .item .message2 svg {
    position: absolute;
    top: -18px;
    right: 15px;
}
.content-testimonials #carousel-testimonials .box-item .item .name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #242424;
    position: absolute;
    top: calc(100% + 30px);
    right: 10px;
}
.content-testimonials #carousel-testimonials .box-item .item .name .company {
    color: #2ab6eb;
    margin-right: 5px;
    font-size: 21px;
}
@media (min-width: 992px) {
    #mySliderB.rev .slick-prev,
    #mySliderB .slick-prev {
        left: -50px;
    }
}
@media (min-width: 1200px) {
    #mySliderB.rev .slick-prev,
    #mySliderB .slick-prev {
        left: -80px;
    }
}
@media (min-width: 1440px) {
    #mySliderB.rev .slick-prev,
    #mySliderB .slick-prev {
        left: -100px;
    }
}
#mySliderB.rev .slick-prev:before {
    content: url(../images/icon-circle-chevron-left-rev.png);
}
@media (min-width: 992px) {
    #mySliderB.rev .slick-next,
    #mySliderB .slick-next {
        right: -50px;
    }
}
@media (min-width: 1200px) {
    #mySliderB.rev .slick-next,
    #mySliderB .slick-next {
        right: -80px;
    }
}
@media (min-width: 1440px) {
    #mySliderB.rev .slick-next,
    #mySliderB .slick-next {
        right: -100px;
    }
}
#mySliderB.rev .slick-next:before {
    content: url(../images/icon-circle-chevron-right-rev.png);
}
#mySliderB .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -50px;
}
@media (min-width: 992px) {
    #mySliderB .slick-dots {
        bottom: -70px;
    }
}
#mySliderB .slick-dots li {
    font-size: 26px;
    font-size: 1.625rem;
    width: auto;
    margin: 0 5px;
}
@media (min-width: 992px) {
    #mySliderB .slick-dots li {
        margin: 0 10px;
    }
}
#mySliderB .slick-dots li a:hover,
#mySliderB .slick-dots li a:focus,
#mySliderB .slick-dots li.slick-active a {
    text-decoration: none;
    border-bottom: 3px solid #de1c28;
}
#mySliderB .slick-dots li button {
    width: 20px;
    height: 20px;
}
@media (min-width: 992px) {
    #mySliderB .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}
#mySliderB .slick-dots li button:before {
    font-size: 20px;
    font-size: 1.25rem;
    color: #de1c28;
    opacity: 0.65;
}
@media (min-width: 992px) {
    #mySliderB .slick-dots li button:before {
        font-size: 16px;
        font-size: 1rem;
    }
}
#mySliderB .slick-dots li.slick-active button:before {
    color: #de1c28;
    opacity: 1;
}
@media (min-width: 992px) {
    #mySliderB1.rev .slick-prev,
    #mySliderB1 .slick-prev {
        left: 0;
    }
}
#mySliderB1.rev .slick-prev:before {
    content: url(../images/icon-circle-chevron-left-rev.png);
}
@media (min-width: 992px) {
    #mySliderB1.rev .slick-next,
    #mySliderB1 .slick-next {
        right: 0;
    }
}
#mySliderB1.rev .slick-next:before {
    content: url(../images/icon-circle-chevron-right-rev.png);
}
#mySliderB1 .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -50px;
}
@media (min-width: 992px) {
    #mySliderB1 .slick-dots {
        bottom: -70px;
    }
}
#mySliderB1 .slick-dots li {
    font-size: 26px;
    font-size: 1.625rem;
    width: auto;
    margin: 0 5px;
}
@media (min-width: 992px) {
    #mySliderB1 .slick-dots li {
        margin: 0 10px;
    }
}
#mySliderB1 .slick-dots li a:hover,
#mySliderB1 .slick-dots li a:focus,
#mySliderB .slick-dots li.slick-active a {
    text-decoration: none;
    border-bottom: 3px solid #de1c28;
}
#mySliderB1 .slick-dots li button {
    width: 20px;
    height: 20px;
}
@media (min-width: 992px) {
    #mySliderB1 .slick-dots li button {
        width: 16px;
        height: 16px;
    }
}
#mySliderB1 .slick-dots li button:before {
    font-size: 20px;
    font-size: 1.25rem;
    color: #de1c28;
    opacity: 0.65;
}
@media (min-width: 992px) {
    #mySliderB1 .slick-dots li button:before {
        font-size: 16px;
        font-size: 1rem;
    }
}
#mySliderB1 .slick-dots li.slick-active button:before {
    color: #de1c28;
    opacity: 1;
}
.fadeIn {
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
}
@-webkit-keyframes fadeIn {
    0% {
        -webkit-opacity: 0;
    }
    100% {
        -webkit-opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn2 {
    -webkit-animation: fadeIn 3s ease;
    animation: fadeIn 3s ease;
}
.fadeOut {
    -webkit-animation: fadeOut 2s ease;
    animation: fadeOut 2s ease;
}
@-webkit-keyframes fadeOut {
    0% {
        -webkit-opacity: 1;
    }
    100% {
        -webkit-opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeInOut {
    -webkit-animation: fadeInOut 2s ease;
    animation: fadeInOut 2s ease;
}
@-webkit-keyframes fadeInOut {
    0% {
        -webkit-opacity: 0;
    }
    50% {
        -webkit-opacity: 1;
    }
    100% {
        -webkit-opacity: 0;
    }
}
@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.spin {
    -webkit-animation: spin 1.75s ease-in-out;
    animation: spin 1.75s ease-in-out;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }
    89% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    89% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.header-sticky-banner {
    background-color: #fff;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    min-height: 5rem;
    top: 0;
    z-index: 2;
    border: solid 2px #333;
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .header-sticky-banner {
        display: inline-block;
    }
}
@media screen and (max-width: 1024px) {
    .header-sticky-banner {
        display: inline-block;
    }
}
.main-header-spacer {
    padding-top: 120px;
}
.bounce {
    -webkit-animation: bounce 1.75s ease-in-out;
    animation: bounce 1.75s ease-in-out;
}
@-webkit-keyframes bounce {
    0%,
    25%,
    50%,
    75%,
    100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-12px);
    }
}
@keyframes bounce {
    0%,
    25%,
    50%,
    75%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
}
.ring {
    -webkit-animation: ring 1.75s 0.7s ease-in-out;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 1.75s 0.7s ease-in-out;
    -moz-transform-origin: 50% 4px;
    animation: ring 1.75s 0.7s ease-in-out;
    transform-origin: 50% 4px;
}
@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }
    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}
@keyframes ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    1% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    3% {
        -webkit-transform: rotate(-28deg);
        transform: rotate(-28deg);
    }
    5% {
        -webkit-transform: rotate(34deg);
        transform: rotate(34deg);
    }
    7% {
        -webkit-transform: rotate(-32deg);
        transform: rotate(-32deg);
    }
    9% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    11% {
        -webkit-transform: rotate(-28deg);
        transform: rotate(-28deg);
    }
    13% {
        -webkit-transform: rotate(26deg);
        transform: rotate(26deg);
    }
    15% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    17% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }
    19% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    21% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }
    23% {
        -webkit-transform: rotate(-16deg);
        transform: rotate(-16deg);
    }
    25% {
        -webkit-transform: rotate(14deg);
        transform: rotate(14deg);
    }
    27% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    29% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    31% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }
    33% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    35% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    37% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    39% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
    41% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
    }
    43% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
.gradient-circle {
    top: 0px !important;
}
@media (min-width: 992px) {
    .gradient-circle {
        top: -50px !important;
    }
}
.signature-squiggle {
    left: 60px;
    top: 165px;
    width: 440px;
}
.gradient-circle {
    left: 12px;
    top: -35px;
    z-index: 0;
    width: 320px;
}
.gradient-circle img {
    width: 100%;
}
@media (min-width: 768px) {
    .gradient-circle {
        left: 60px;
        top: -50px;
        width: 630px;
        -webkit-animation: slideRight-tablet1 2s ease;
        animation: slideRight-tablet1 2s ease;
    }
}
@media (min-width: 992px) {
    .gradient-circle {
        left: 70px;
        top: 50px;
        width: 390px;
        -webkit-animation: slideRight-desktop1 2s ease;
        animation: slideRight-desktop1 2s ease;
    }
}
@media (min-width: 1200px) {
    .gradient-circle {
        left: 85px;
        width: 475px;
        -webkit-animation: slideRight-desktop-xlg1 2s ease;
        animation: slideRight-desktop-xlg1 2s ease;
    }
}
@media (min-width: 1440px) {
    .gradient-circle {
        left: 80px;
        top: 60px;
        width: 460px;
        -webkit-animation: slideRight-wide1 2s ease;
        animation: slideRight-wide1 2s ease;
    }
}
@-webkit-keyframes slideRight-tablet1 {
    0% {
        -webkit-left: -150px;
        opacity: 0;
    }
    100% {
        -webkit-left: 60px;
        opacity: 1;
    }
}
@keyframes slideRight-tablet1 {
    0% {
        left: -150px;
        opacity: 0;
    }
    100% {
        left: 60px;
        opacity: 1;
    }
}
@-webkit-keyframes slideRight-desktop1 {
    0% {
        -webkit-left: -136px;
        opacity: 0;
    }
    100% {
        -webkit-left: 70px;
        opacity: 1;
    }
}
@keyframes slideRight-desktop1 {
    0% {
        left: -136px;
        opacity: 0;
    }
    100% {
        left: 70px;
        opacity: 1;
    }
}
@-webkit-keyframes slideRight-desktop-xlg1 {
    0% {
        -webkit-left: -136px;
        opacity: 0;
    }
    100% {
        -webkit-left: 85px;
        opacity: 1;
    }
}
@keyframes slideRight-desktop-xlg1 {
    0% {
        left: -136px;
        opacity: 0;
    }
    100% {
        left: 85px;
        opacity: 1;
    }
}
@-webkit-keyframes slideRight-wide1 {
    0% {
        -webkit-left: -136px;
        opacity: 0;
    }
    100% {
        -webkit-left: 80px;
        opacity: 1;
    }
}
@keyframes slideRight-wide1 {
    0% {
        left: -136px;
        opacity: 0;
    }
    100% {
        left: 80px;
        opacity: 1;
    }
}
@-webkit-keyframes slideRight-tablet2 {
    0% {
        -webkit-left: -350px;
        opacity: 0;
    }
    100% {
        -webkit-left: -75px;
        opacity: 1;
    }
}
@keyframes slideRight-tablet2 {
    0% {
        left: -350px;
        opacity: 0;
    }
    100% {
        left: -75px;
        opacity: 1;
    }
}
@-webkit-keyframes slideRight-desktop2 {
    0% {
        -webkit-left: -136px;
        opacity: 0;
    }
    100% {
        -webkit-left: 35px;
        opacity: 1;
    }
}
@keyframes slideRight-desktop2 {
    0% {
        left: -136px;
        opacity: 0;
    }
    100% {
        left: 35px;
        opacity: 1;
    }
}
@-webkit-keyframes slideRight-desktop-xlg2 {
    0% {
        -webkit-left: -136px;
        opacity: 0;
    }
    100% {
        -webkit-left: 60px;
        opacity: 1;
    }
}
@keyframes slideRight-desktop-xlg2 {
    0% {
        left: -136px;
        opacity: 0;
    }
    100% {
        left: 60px;
        opacity: 1;
    }
}
@-webkit-keyframes slideRight-wide2 {
    0% {
        -webkit-left: -250px;
        opacity: 0;
    }
    100% {
        -webkit-left: 60px;
        opacity: 1;
    }
}
@keyframes slideRight-wide2 {
    0% {
        left: -250px;
        opacity: 0;
    }
    100% {
        left: 60px;
        opacity: 1;
    }
}
@media only screen and (max-width: 767px) {
    .text-nowrap {
        white-space: initial !important;
    }
}
.highlight-black:before,
.highlight-black:after {
    content: "\0000a0";
}
a.lite-text {
    color: #fff;
    text-decoration: none;
}
a.lite-text:hover {
    color: #fff;
    text-decoration: underline;
}
#word-break {
    word-break: break-word;
}
@media (min-width: 1440px) {
    .d-wide-block {
        display: block !important;
    }
}
@media (min-width: 1920px) {
    .d-ultrawide-block {
        display: block !important;
    }
}
.b-rel {
    position: relative;
}
.b-abs {
    position: absolute;
}
.of-hide {
    overflow: hidden;
}
@media (min-width: 992px) {
    .of-lg-hide {
        overflow: hidden;
    }
}
@media only screen and (max-width: 767px) {
    .of-mbl-hide {
        overflow: hidden;
    }
}
.noBodyScroll {
    overflow: hidden;
    height: 100%;
}
.of-y-hide {
    overflow-y: hidden;
}
.of-x-hide {
    overflow-x: hidden;
}
.of-y-scroll {
    overflow-y: auto;
}
.vh100 {
    height: 568px;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.light {
    font-weight: 300;
}
.normal {
    font-weight: 400;
}
.bold {
    font-weight: 700;
}
.round-corners {
    border-radius: 50%;
}
.white {
    color: #fff;
}
.offwhite {
    color: #ebebeb;
}
.grey {
    color: #e1e1e1;
}
.lt-grey {
    color: #f8f8f8;
}
.dk-grey {
    color: #b4b4b4;
}
.black {
    color: #242424;
}
.lt-black {
    color: #474545;
}
.dk-black {
    color: #090e18;
}
.red {
    color: #de1c28;
}
.lt-red {
    color: #eb2a31;
}
.dk-red {
    color: #c2121d;
}
.blue {
    color: #198db9;
}
.lt-blue {
    color: #2ab6eb;
}
.dk-blue {
    color: #1b4478;
}
.disclaimer {
    font-size: 12px;
    font-size: 0.75rem;
}
.font-light {
    font-weight: 300;
}
.font-normal {
    font-weight: 400;
}
.font-bold {
    font-weight: 700;
}
.font-underline {
    text-decoration: underline;
}
.font-uppercase {
    text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
    .font-center-mobile {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .font-center-tablet {
        text-align: center;
    }
}
.text-underline {
    text-decoration: underline;
}
.text-shadow {
    text-shadow: 1px 1px 1px #111;
}
.box-shadow-inset {
    -webkit-box-shadow:
        inset 0 5px 15px #ddd,
        inset 0 -5px 15px #ddd;
    box-shadow:
        inset 0 5px 15px #ddd,
        inset 0 -5px 15px #ddd;
}
.box-shadow {
    box-shadow: 0 0 30px rgb(9 14 24 / 0.2);
    -moz-box-shadow: 0 30px rgb(9 14 24 / 0.2);
    -webkit-box-shadow: 0 0 30px rgb(9 14 24 / 0.2);
    -o-box-shadow: 0 0 30px rgb(9 14 24 / 0.2);
}
.box-shadow-02 {
    box-shadow: 0 0 15px rgb(9 14 24 / 0.1);
    -moz-box-shadow: 0 15px rgb(9 14 24 / 0.1);
    -webkit-box-shadow: 0 0 15px rgb(9 14 24 / 0.1);
    -o-box-shadow: 0 0 15px rgb(9 14 24 / 0.1);
}
.box-shadow-rnd {
    box-shadow: 0 20px 60px rgb(9 14 24 / 0.1);
    -moz-box-shadow: 0 20px 60px rgb(9 14 24 / 0.1);
    -webkit-box-shadow: 0 20px 60px rgb(9 14 24 / 0.1);
    -o-box-shadow: 0 20px 60px rgb(9 14 24 / 0.1);
    border-radius: 8px;
    overflow: visible;
}
.impact {
    font-weight: 700;
    text-transform: uppercase;
}
.text-transparent {
    color: #fff0;
}
.border-transparent {
    border-color: #fff0;
}
.border-white {
    border-color: #fff;
}
.border-grey {
    border-color: #e1e1e1;
}
.border-red {
    border-color: #de1c28;
}
.border-blue {
    border-color: #198db9;
}
.brdrGrey {
    border: 2px solid #e1e1e1;
}
.bordered {
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}
.border-top {
    border-top: 1px solid #f8f8f8;
}
.border-right {
    border-right: 1px solid #f8f8f8;
}
.border-right.white-border {
    border-right: 1px solid #fff;
}
.border-bottom {
    border-bottom: 1px solid #f8f8f8;
}
.border-left {
    border-left: 1px solid #f8f8f8;
}
.border-left.white-border {
    border-left: 1px solid #fff;
}
.border-right-hide-mobile {
    border-right: 2px solid #e1e1e1;
}
@media only screen and (max-width: 767px) {
    .border-right-hide-mobile {
        border-right: 0;
    }
}
.zi1 {
    z-index: 10;
}
.zi2 {
    z-index: 20;
}
.zi3 {
    z-index: 30;
}
.zi4 {
    z-index: 40;
}
.bg-overlay-black {
    background-color: rgb(0 0 0 / 0.5);
}
.bg-transparent {
    background-color: #fff0;
}
.bg-white {
    background-color: #fff;
}
.bg-offwhite {
    background-color: #ebebeb;
}
.bg-grey {
    background-color: #e1e1e1;
}
.bg-ltgrey {
    background-color: #f8f8f8;
}
.bg-dkgrey {
    background-color: #b4b4b4;
}
.bg-black {
    background-color: #242424;
}
.bg-ltblack {
    background-color: #474545;
}
.bg-dkblack {
    background-color: #090e18;
}
.bg-red {
    background-color: #de1c28;
}
.bg-ltred {
    background-color: #eb2a31;
}
.bg-dkred {
    background-color: #c2121d;
}
.bg-blue {
    background-color: #198db9;
}
.bg-ltblue {
    background-color: #2ab6eb;
}
.bg-dkblue {
    background-color: #1b4478;
}
.white-fill {
    fill: #fff;
}
.bg-white-ovrly:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(255 255 255 / 0.65);
}
@media (min-width: 992px) {
    .bg-white-ovrly:before {
        background-color: #fff0;
    }
}
.bg-black-ovrly:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / 0.65);
}
@media (min-width: 992px) {
    .bg-black-ovrly:before {
        background-color: #fff0;
    }
}
.bg-cover {
    background-size: cover;
    background-position: center center;
}
.bg-cover-cc {
    background-size: cover;
    background-position: center center;
}
.bg-cover-tc {
    background-size: cover;
    background-position: top center;
}
.bg-cover-bc {
    background-size: cover;
    background-position: bottom center;
}
.bg-cover-cr-cc {
    background-size: cover;
    background-position: center right;
}
@media (min-width: 992px) {
    .bg-cover-cr-cc {
        background-position: center center;
    }
}
.bg-img-fixed {
    background-attachment: fixed;
}
.b-rel .b-abs#bean01 {
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean01 {
        left: -25%;
        top: -9em;
        z-index: -1;
        width: 95%;
    }
}
.b-rel .b-abs#bean01 img {
    width: 480%;
    margin-left: -307%;
    margin-top: -30%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean01 img {
        width: 300%;
        margin-left: -205%;
        margin-top: -30%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean01 img {
        width: initial;
        margin: 0;
    }
}
.b-rel .b-abs#bean02 {
    right: 0;
    top: 250em;
    z-index: -1;
    width: 100%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean02 {
        right: 0;
        top: 225em;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean02 {
        right: -25%;
        top: 140em;
        z-index: -1;
        width: 95%;
    }
}
.b-rel .b-abs#bean02 img {
    width: 800%;
    margin-left: -180%;
    margin-top: -70%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean02 img {
        width: 300%;
        margin-left: -37%;
        margin-top: -30%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean02 img {
        width: initial;
        margin: 0;
    }
}
.b-rel .b-abs#bean03 {
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean03 {
        right: 0;
        top: 225em;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean03 {
        right: -25%;
        top: 0;
        z-index: -1;
        width: 95%;
    }
}
.b-rel .b-abs#bean03 img {
    width: 800%;
    margin-left: -180%;
    margin-top: -70%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean03 img {
        width: 300%;
        margin-left: -37%;
        margin-top: -30%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean03 img {
        width: initial;
        margin: 0;
    }
}
.b-rel .b-abs#bean04 {
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean04 {
        right: 0;
        top: 550px;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean04 {
        right: -50%;
        top: 495px;
        width: 95%;
    }
}
.b-rel .b-abs#bean04 img {
    width: 800%;
    margin-left: -180%;
    margin-top: -70%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean04 img {
        width: 300%;
        margin-left: -37%;
        margin-top: -30%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean04 img {
        width: initial;
        margin: 0;
    }
}
.b-rel .b-abs#bean05 {
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean05 {
        right: 0;
        top: 550px;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean05 {
        right: -60%;
        top: -335px;
        width: 95%;
    }
}
.b-rel .b-abs#bean06 {
    right: -100%;
    top: 0;
    z-index: -1;
    width: 100%;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bean06 {
        top: 55px;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bean06 {
        right: -70%;
    }
}
@media (min-width: 1200px) {
    .b-rel .b-abs#bean06 {
        right: -68%;
    }
}
#bgBean {
    background-image: url(../images/icon-jelly-bean-02.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 23% -20em;
    z-index: -2;
}
@media (min-width: 768px) {
    #bgBean {
        background-position: 16% -20em;
    }
}
@media (min-width: 992px) {
    #bgBean {
        background-position: -2% -20em;
    }
}
@media (min-width: 1200px) {
    #bgBean {
        background-position: -60% -20em;
    }
}
@media (min-width: 1440px) {
    #bgBean {
        background-position: 40em -20em;
    }
}
#bg404 {
    background-image: url(../images/pano-404@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
}
@media (min-width: 1200px) {
    #bg404 #my404 {
        height: 976px;
    }
}
.sticky-bar-offer {
    background-color: #242424;
    display: none;
}
img.btnClose {
    width: 5%;
}
@media (min-width: 992px) {
    img.btnClose {
        width: 10%;
    }
}
.b-rel .b-abs#btnClose {
    right: 15px;
    bottom: 10px;
    z-index: 1100;
    width: 100%;
}
@media (min-width: 992px) {
    .b-rel .b-abs#btnClose {
        bottom: 40px;
        width: 10%;
    }
}
@media (min-width: 1440px) {
    .b-rel .b-abs#btnClose {
        bottom: 30px;
        width: 10%;
    }
}
p.small {
    line-height: 1.5;
    font-size: 0.75rem;
    text-align: center;
}
p.small a {
    color: #de1c28;
}
textarea {
    resize: none;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr 2% 1fr;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto-fill, auto);
    width: 100%;
}
.gform_wrapper.gravity-theme .gfield,
.gform_wrapper.gravity-theme .gfield.gfield--width-half.gfield--width-full {
    -ms-grid-column-span: 12;
    grid-column: span 12;
}
@media (max-width: 640px) {
    .gform_wrapper.gravity-theme .gfield,
    .gform_wrapper.gravity-theme .gfield.gfield--width-half.gfield--width-full {
        -ms-grid-column-span: 12;
        grid-column: span 12;
    }
}
@media (min-width: 641px) {
    .gform_wrapper.gravity-theme .gfield,
    .gform_wrapper.gravity-theme .gfield.gfield--width-half.gfield--width-full {
        -ms-grid-column-span: 6;
        grid-column: span 6;
    }
}
@media only screen and (max-width: 641px) {
    .gform_wrapper.gravity-theme
        input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
        line-height: normal;
        min-height: 32px;
    }
}
.gform_wrapper.gravity-theme * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gravity-form .gform_body .gfield {
    padding: 0 !important;
}
.gravity-form .gform_body .gfield > label .gfield_required {
    display: none;
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    display: none;
}
.gform_wrapper .gfield_error .gfield_repeater_cell label,
.gform_wrapper .gfield_error label,
.gform_wrapper .gfield_error legend,
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper [aria-invalid="true"] + label,
.gform_wrapper label + [aria-invalid="true"] {
    color: #333 !important;
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    color: #de1c28 !important;
}
.form-box-a .gform_wrapper form {
    padding: 0 0 20px 0 !important;
    width: 100%;
}
.form-box-a .gform_footer {
    padding-bottom: 20px;
}
@media all and (min-height: 400px) and (max-height: 1020px) and (min-width: 1025px) and (max-width: 1980px) {
    .form-box-a .gform_wrapper form {
        height: 58vh !important;
    }
}
.gform_wrapper .gform_confirmation_message_15 {
    padding: 30px 0;
    text-align: center;
}
.gform_wrapper form {
    background-color: #fff0;
    font-family: europa, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
}
.gform_wrapper form .pd-hidden {
    padding: 0 !important;
    display: none !important;
}
.gform_wrapper form a {
    color: #de1c28;
}
.gform_wrapper form a:hover {
    color: #c2121d;
}
.gform_wrapper form .gfield {
    padding: 6px 0;
    width: 100%;
    margin: 0;
}
.gform_wrapper form .gfield label {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: left;
    color: dimgray;
    margin: 0 0 4px 0;
}
.gform_wrapper form .gfield .ginput_container_text input,
.gform_wrapper form .gfield .ginput_container_email input,
.gform_wrapper form .gfield .ginput_container_phone input {
    background-color: #fff;
    color: #969696;
    padding: 11px;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    border-radius: 0;
    max-height: 40px;
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    border-left: none;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gform_wrapper form .gfield .ginput_container_text input.placeholder,
.gform_wrapper form .gfield .ginput_container_email input.placeholder,
.gform_wrapper form .gfield .ginput_container_phone input.placeholder,
.gform_wrapper form .gfield .ginput_container_text input:-moz-placeholder,
.gform_wrapper form .gfield .ginput_container_email input:-moz-placeholder,
.gform_wrapper form .gfield .ginput_container_phone input:-moz-placeholder,
.gform_wrapper form .gfield .ginput_container_text input::-moz-placeholder,
.gform_wrapper form .gfield .ginput_container_email input::-moz-placeholder,
.gform_wrapper form .gfield .ginput_container_phone input::-moz-placeholder,
.gform_wrapper form .gfield .ginput_container_text input:-ms-input-placeholder,
.gform_wrapper form .gfield .ginput_container_email input:-ms-input-placeholder,
.gform_wrapper form .gfield .ginput_container_phone input:-ms-input-placeholder,
.gform_wrapper form .gfield .ginput_container_text input::-webkit-input-placeholder,
.gform_wrapper form .gfield .ginput_container_email input::-webkit-input-placeholder,
.gform_wrapper form .gfield .ginput_container_phone input::-webkit-input-placeholder {
    color: #969696;
    font-weight: 400;
    opacity: 1;
}
.gform_wrapper form .gfield .ginput_container_text input:focus,
.gform_wrapper form .gfield .ginput_container_email input:focus,
.gform_wrapper form .gfield .ginput_container_phone input:focus {
    outline: none;
    border-color: #5195e6;
    -webkit-box-shadow: 0 0 5px 2px #5195e6;
    box-shadow: 0 0 5px 2px #5195e6;
}
.gform_wrapper form .gfield select {
    background-color: #fff;
    color: #969696;
    padding: 8px 9px;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    border-radius: 0;
    max-height: 40px;
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    border-left: none;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gform_wrapper form .gfield select.placeholder,
.gform_wrapper form .gfield select:-moz-placeholder,
.gform_wrapper form .gfield select::-moz-placeholder,
.gform_wrapper form .gfield select:-ms-input-placeholder,
.gform_wrapper form .gfield select::-webkit-input-placeholder {
    color: #969696;
    font-weight: 400;
    opacity: 1;
}
.gform_wrapper form .gfield select:focus {
    outline: none;
    border-color: #5195e6;
    -webkit-box-shadow: 0 0 5px 2px #5195e6;
    box-shadow: 0 0 5px 2px #5195e6;
}
.gform_wrapper form .gfield select option {
    background-color: inherit;
    color: inherit;
}
.gform_wrapper form .gfield textarea {
    background-color: #fff;
    color: dimgray;
    padding: 11px;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #e1e1e1;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 120px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0.075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0.075);
}
.gform_wrapper form .gfield textarea.placeholder,
.gform_wrapper form .gfield textarea:-moz-placeholder,
.gform_wrapper form .gfield textarea::-moz-placeholder,
.gform_wrapper form .gfield textarea:-ms-input-placeholder,
.gform_wrapper form .gfield textarea::-webkit-input-placeholder {
    color: dimgray;
    opacity: 1;
}
.gform_wrapper form .gfield textarea:focus {
    outline: none;
    border-color: #5195e6;
    -webkit-box-shadow: 0 0 5px 2px #5195e6;
    box-shadow: 0 0 5px 2px #5195e6;
}
.gform_wrapper form .gfield .description {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: left;
    color: dimgray;
    margin: 0 0 4px 0;
    font-weight: 300;
    margin: 5px 0 0 0;
    font-style: italic;
    font-size: inherit;
}
.gform_wrapper form input[type="submit"] {
    background-color: #fff0;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #3a7fe5), color-stop(50%, #5aa6ff));
    background: linear-gradient(to left, #3a7fe5 50%, #5aa6ff 50%);
    background-size: 204% 99%;
    background-position: 99% bottom;
    border: 1px solid #3a7fe5;
    padding: 17px 30px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 120%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    width: 100%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.gform_wrapper form input[type="submit"]:hover {
    background-color: #fff0;
    background-position: left bottom;
    border-color: #5aa6ff;
    color: #fff;
    cursor: pointer;
}
@media (min-width: 768px) {
    .gform_wrapper p.submit {
        width: 49%;
    }
}
@media (min-width: 1200px) {
    .gform_wrapper p.submit {
        width: 24.7%;
    }
}
.gform_wrapper .gfield_contains_required label:not(.inline) {
    background-image: none;
}
.gform_wrapper .gfield_contains_required label:not(.inline):after {
    content: " *";
    color: #d00;
}
.gform_wrapper .gfield_contains_required.gfield--input-type-radio label:after {
    content: none;
}
.gform_wrapper .gfield_error {
    color: #d00;
    background-color: #fff0;
}
.gform_wrapper .gfield_error.no-label {
    display: none;
}
.gform_wrapper .gfield.gfield_error input,
.gform_wrapper .gfield.gfield_error select,
.gform_wrapper .gfield.gfield_error textarea {
    border: 1px solid #de1c28 !important;
}
.gform_wrapper .gfield_error {
    color: #d00;
    background-color: #fff0;
}
.gform_wrapper .gfield_error.no-label,
p.gform_required_legend {
    display: none;
}
@media (min-width: 992px) {
    .gform_wrapper .gfield_radio .gchoice {
        display: inline-block;
        padding-right: 25px;
    }
}
.gform_wrapper p.pd-radio input {
    opacity: 0;
    position: absolute;
}
.gform_wrapper p.pd-radio label.field-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
.gform_wrapper p.pd-radio label.inline {
    position: relative;
    top: 0;
    left: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight: 600;
    color: dimgray;
}
.gform_wrapper p.pd-radio input + label:before {
    content: "";
    background: #fff;
    border: 1px solid #e1e1e1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    position: absolute;
    margin-left: -24px;
    margin-top: 8px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
}
.gform_wrapper p.pd-radio input:checked + label:before {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: #5195e6;
}
.gform_wrapper p.pd-radio .description {
    position: relative;
    top: 5px;
    margin: 0 0 0 20px;
}
.gform_wrapper p.pd-radio span.value {
    margin-left: 20px;
    display: block;
}
.gform_wrapper p.pd-checkbox input {
    opacity: 0;
    position: absolute;
}
.gform_wrapper p.pd-checkbox label.field-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
.gform_wrapper p.pd-checkbox label.inline {
    position: relative;
    top: 0;
    left: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight: 600;
    color: dimgray;
}
.gform_wrapper p.pd-checkbox input + label:before {
    content: "";
    background: #fff;
    border: 1px solid #e1e1e1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    position: absolute;
    margin-left: -24px;
    margin-top: 8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.gform_wrapper p.pd-checkbox input:checked + label:before {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    background: #5195e6;
    color: #fff;
    border-color: #5195e6;
}
.gform_wrapper p.pd-checkbox .description {
    position: relative;
    top: 5px;
    margin: 0 0 0 20px;
}
.gform_wrapper p.pd-checkbox span.value {
    margin-left: 20px;
    display: block;
}
.wp-block-yoast-faq-block .schema-faq-section {
    padding: 15px 0;
}
.schema-faq-answer {
    padding-top: 15px;
}
.h2-faq .schema-faq-question {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 300;
}
@media (min-width: 768px) {
    .h2-faq .schema-faq-question {
        font-size: 51px;
        font-size: 3.1875rem;
    }
}
.h2-faq .schema-faq-question.sub-head {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 300;
}
@media (min-width: 768px) {
    .h2-faq .schema-faq-question.sub-head {
        font-size: 34px;
        font-size: 2.125rem;
    }
}
.h3-faq .schema-faq-question {
    font-size: 31px;
    font-size: 1.9375rem;
    letter-spacing: 0.00025em;
    font-weight: 400;
}
@media (min-width: 768px) {
    .h3-faq .schema-faq-question {
        font-size: 36px;
        font-size: 2.25rem;
    }
}
.btn {
    padding: 21px 5px;
    font-size: 17px;
    font-size: 1.0625rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 0.8;
    min-width: 160px;
}
@media (min-width: 768px) {
    .btn {
        padding: 21px 36px;
        min-width: 210px;
    }
}
.header .btn {
    padding: 16px 18px;
    min-width: 170px;
}
.header.small .btn {
    padding: 16px 5px;
    font-size: 17px;
    font-size: 1.0625rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 0.8;
    min-width: 160px;
}
@media (min-width: 768px) {
    .header.small .btn {
        padding: 16px 18px;
        min-width: 170px;
    }
}
.btn-primary {
    background-color: #fff0;
    border-color: #3a7fe5;
    background-image: none;
    border: 1px solid #3a7fe5;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #3a7fe5), color-stop(50%, #5aa6ff));
    background: linear-gradient(to left, #3a7fe5 50%, #5aa6ff 50%);
    background-size: 204% 99%;
    background-position: 99%;
    color: #fff;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.btn-primary.short {
    padding: 17px;
    width: 100%;
}
.btn-primary:hover {
    background-color: #fff0;
    background-position: left bottom;
    border-color: #5aa6ff;
    color: #fff;
}
.btn-outline-primary {
    color: #3a7fe5;
    background-color: #fff;
    background-image: none;
    border-color: #3a7fe5;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #3a7fe5));
    background: linear-gradient(to left, #ffffff 50%, #3a7fe5 50%);
    background-size: 204% 100%;
    background-position: 99% bottom;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.btn-outline-primary:hover {
    background-color: #3a7fe5;
    border-color: #3a7fe5;
    background-position: left bottom;
}
.btn-secondary {
    background-color: #fff0;
    border-color: #242424;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #242424), color-stop(50%, #474545));
    background: linear-gradient(to left, #242424 50%, #474545 50%);
    background-size: 204% 100%;
    background-position: 99% bottom;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.btn-secondary:hover {
    background-color: #474545;
    border-color: #474545;
    background-position: left bottom;
}
.btn-outline-secondary {
    color: #fff;
    background-color: #fff0;
    background-image: none;
    border-color: #fff;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #3a7fe5));
    background: linear-gradient(to left, transparent 50%, #3a7fe5 50%);
    background-size: 204% 100%;
    background-position: 99% bottom;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.btn-outline-secondary span:hover {
    color: #fff;
}
.btn-outline-secondary:hover {
    background-color: #3a7fe5;
    border-color: #3a7fe5;
    background-position: left bottom;
}
.btn-outline-dark {
    color: #242424;
    background-color: #fff;
    background-image: none;
    border-color: #242424;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #242424));
    background: linear-gradient(to left, #ffffff 50%, #242424 50%);
    background-size: 204% 100%;
    background-position: 99% bottom;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.btn-outline-dark:hover {
    background-color: #474545;
    border-color: #242424;
    background-position: left bottom;
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #b4b4b4;
    border-color: #b4b4b4;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #b4b4b4), color-stop(50%, #b4b4b4));
    background: linear-gradient(to left, #b4b4b4 50%, #b4b4b4 50%);
}
#multiLine.btn,
.btn.multiline {
    line-height: 1.5;
    white-space: normal;
    padding: 21px 15px;
}
@media (min-width: 768px) {
    #multiLine.btn,
    .btn.multiline {
        line-height: initial;
    }
}
@media (min-width: 992px) {
    .btn-minW {
        min-width: 306px;
    }
}
section.homeBG {
    background-image: url(https://www.jsign.com/wp-content/uploads/2021/12/pano-home-tablet-hand.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
section.homeUpdateBG {
    background-image: url(https://www.jsign.com/wp-content/uploads/2022/08/pano-jsign-homepage-refresh.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.header.large {
    background-color: #fff;
    border-bottom: 2px solid #e1e1e1;
}
.myHomepage.large {
    background-color: #fff;
    border-bottom: 2px solid #e1e1e1;
}
.header.small {
    background-color: #fff;
    border-bottom: 2px solid #e1e1e1;
}
.navbar {
    padding: 8px 0.9375rem;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(../images/btn-open.svg) !important;
    outline: none;
}
.navbar-light .navbar-toggler-icon:focus,
.navbar-toggler:focus {
    outline: 2px solid #fff0;
}
.navbar-light .navbar-toggler {
    border: none;
}
.navbar-collapse.collapse.show {
    height: calc(100vh - 70px);
    overflow-y: auto;
}
@media (min-width: 992px) {
    .navbar-collapse.collapse.show {
        height: initial;
    }
}
.header.small .navbar-collapse.collapse.show {
    height: calc(100vh - 60px);
    overflow-y: auto;
}
@media (min-width: 992px) {
    .navbar-brand img {
        height: 60px !important;
    }

    .navbar {
        padding: 0 0.9375rem;
    }

    .header.small .navbar-collapse.collapse.show {
        height: initial;
    }
}
.navbar-brand img {
    height: 40px;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.header.small .navbar-brand img {
/*    height: 50px;*/
}
#mblLogo,
#mblBtn {
    opacity: 1;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
#mblLogo.bGone,
#mblBtn.bGone {
    opacity: 0;
}
#home.preHdr {
    background-color: #e1e1e1;
}
#home.preHdr a.h7 {
    color: #242424;
}
#home.preHdr a.h7:hover {
    color: #242424;
}
@media desktop {
    #home.preHdr a.h7:hover {
        color: #de1c28;
    }
}
@media (min-width: 992px) {
    .preHdr a.h7 {
        padding: 0 1.25rem;
    }
}
@media (min-width: 1200px) {
    .preHdr a.h7 {
        padding: 0 1.75rem;
    }
}
.preHdr a.h7:hover {
    text-decoration: underline;
    color: initial;
}
.preHdr #supportLink::before {
    content: "\f468";
    font-family: dashicons;
    display: inline-block;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    -webkit-transition: color 0.1s ease-in;
    transition: color 0.1s ease-in;
}
.navbar-expand-lg .navbar-nav .nav-item .nav-link {
    font-weight: 700;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-item .nav-link {
        padding: 25px 1.75rem;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-item .nav-link {
        padding: 25px 2.3125rem;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link {
        padding-left: 3.375rem;
    }
}
.navbar-expand-lg .navbar-nav a.nav-link {
    width: 100%;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 27px;
    line-height: 1.6875rem;
    letter-spacing: 0.005em;
    color: #242424;
    border: 0;
}
.navbar-expand-lg .navbar-nav a.nav-link span {
    border-bottom: 2px solid #fff0;
    padding-bottom: 2px;
}
.navbar-expand-lg .navbar-nav a.nav-link:hover {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #de1c28;
    border: 0;
}
.navbar-expand-lg .navbar-nav a.nav-link:hover span {
    border-bottom: 2px solid #de1c28;
}
.navbar-light .navbar-nav .nav-link a:focus {
    color: #de1c28;
    outline: none !important;
    border: 0;
}
.navbar-light .navbar-nav .nav-link a:focus span {
    border-bottom: 2px solid #de1c28;
}
.header.small.navbar-expand-lg .navbar-nav a.nav-link {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 27px;
    line-height: 1.6875rem;
    letter-spacing: 0.005em;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    color: #242424;
}
.header.small.navbar-expand-lg .navbar-nav a.nav-link span {
    border-bottom: 2px solid #fff0;
}
.header.small.navbar-expand-lg .navbar-nav a.nav-link:hover {
    color: #de1c28;
}
.header.small.navbar-expand-lg .navbar-nav a.nav-link:hover span {
    border-bottom: 2px solid #de1c28;
}
.navbar-light .navbar-toggler-icon.closeIcon {
    background-image: url(../images/btn-close.svg) !important;
}
#hero h1 {
    padding-top: 0;
}
@media (min-width: 992px) {
    #hero h1 {
        padding-top: 0;
    }
}
#hero .checklist p {
    font-size: 1.2rem;
}
#ctaNotice div.h7 {
    width: 100%;
    line-height: 1.75;
    margin: 0;
}
@media (min-width: 992px) {
    #ctaNotice div.h7 {
        line-height: 1.5;
    }
}
#madeForAllIndustries .checklist {
    font-size: 21px;
}
#blogTitle h1 {
    line-height: initial;
}
@media (min-width: 992px) {
    #blogTitle h1 {
        line-height: 0.65;
    }
}
nav.pagination div.nav-links:first-child {
    margin-right: 20px;
}
.nav-links a.page-numbers {
    padding: 15px 22px;
    margin: 0 5px;
    color: #b4b4b4;
    font-weight: 700;
}
.nav-links a.page-numbers:hover {
    color: #fff;
    background-color: #de1c28;
    text-decoration: none;
    border-radius: 5px;
    -webkit-transition: -webkit-all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nav-links a.next,
.nav-links a.prev {
    margin: 0;
}
.nav-links .page-numbers.current {
    padding: 15px 22px;
    background-color: #242424;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
}
#panoBlog {
    background-size: cover;
    background-position: center center;
    min-height: 500px;
}
@media (min-width: 992px) {
    #panoBlog {
        min-height: 660px;
    }
}
#panoBlog::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / 0.65);
}
#blog-header-text {
    min-height: 500px;
    padding-top: 170px;
}
@media (min-width: 992px) {
    #blog-header-text {
        min-height: 660px;
    }
}
div#blog-header-text p.meta-info a:hover,
div#blog-header-text p.meta-info a:hover time {
    color: #de1c28;
    text-decoration: none;
    -webkit-transition: -webkit-all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#blog-header-text p.catLink a {
    padding: 25px 20px;
    background-color: #242424;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: open-sans;
    font-weight: 700;
    -webkit-transition: -webkit-all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#blog-header-text p.catLink a:hover,
#catTag .catLink a:hover {
    background-color: #de1c28;
    text-decoration: none;
    -webkit-transition: -webkit-all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#blog-header-text h1 {
    font-size: 30px;
    font-size: 1.875rem;
}
@media (min-width: 992px) {
    #blog-header-text h1 {
        font-size: 64px;
        font-size: 4rem;
    }
}
#authorPhoto img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
#authorName p a {
    font-weight: 700;
    color: #242424;
}
#authorName p a:hover {
    color: #de1c28;
    text-decoration: none;
}
#socialShare .shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg {
    fill: #242424;
}
#socialShare .shared-counts-wrap.style-icon .shared-counts-button:hover.pinterest svg {
    fill: #cb2027;
}
#socialShare .shared-counts-wrap.style-icon .shared-counts-button:hover.linkedin svg {
    fill: #007bb6;
}
#socialShare .shared-counts-wrap.style-icon .shared-counts-button:hover.twitter svg {
    fill: #00b6f1;
}
#socialShare .shared-counts-wrap.style-icon .shared-counts-button:hover.facebook svg {
    fill: #3b5998;
}
#socialShare .shared-counts-wrap.style-icon .shared-counts-button:hover.email svg {
    fill: #c2121d;
}
#socialShare .shared-counts-wrap {
    margin: 0;
}
#catTag .catLink a {
    padding: 20px 15px;
    background-color: #242424;
    color: #fff;
    border-radius: 0 0 5px 5px;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: open-sans;
    font-weight: 700;
    -webkit-transition: -webkit-all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.b-rel .b-abs#catTag {
    left: 15px;
    top: 16px;
    width: auto;
}
#featuredImgCol,
#featuredTextCol {
    width: 100%;
}
@media (min-width: 992px) {
    #featuredImgCol,
    #featuredTextCol {
        width: 50%;
    }
}
#featuredThumbnail {
    border-radius: 10px;
    min-height: 350px;
}
@media (min-width: 992px) {
    #featuredThumbnail {
        min-height: 590px;
    }
}
#postThumbnail img {
    border-radius: 10px;
}
#postTitle a,
#postDate a {
    color: #242424;
    -webkit-transition: -webkit-all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#postTitle a:hover,
#postDate a:hover,
#postDate a time:hover {
    color: #de1c28;
    text-decoration: none;
    -webkit-transition: -webkit-all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#postLink a:hover {
    text-decoration: none;
}
figure.postImgH img {
    height: auto;
}
#blogPost p {
    padding-bottom: 1rem;
}
#blogPost h2 {
    padding-bottom: 0.5rem;
}
#blogPost h3 {
    padding-bottom: 1rem;
}
#slimHeader #slimLogo {
    width: auto;
    height: 52px;
}
#signDoc #card01,
#signDoc #card02,
#signDoc #card03,
#signDoc #card04 {
    border-radius: 2%;
    background-color: #fff;
}
#signDoc #card01 #icon,
#signDoc #card02 #icon,
#signDoc #card03 #icon,
#signDoc #card04 #icon {
    width: 40%;
}
#signDoc p {
    margin-bottom: 0;
}
#fwcc #icon {
    width: 33.333%;
    height: auto;
}
@media (min-width: 992px) {
    #fwcc #icon {
        width: 100%;
    }
}
body.page-api {
    background-image: url(../images/pano-jsign-api.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 98% 200px;
    background-size: 260px;
}
@media (min-width: 768px) {
    body.page-api {
        background-size: 500px;
    }
}
@media (min-width: 992px) {
    body.page-api {
        background-size: 500px;
    }
}
body.page-integrations {
    background-image: url(../images/pano-integrations.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 98% 57%;
    background-size: 90%;
}
@media (min-width: 768px) {
    body.page-integrations {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-integrations {
        background-size: 40%;
    }
}
body.page-custom-templates {
    background-image: url(../images/pano-custom-templates.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 98% 57%;
    background-size: 90%;
}
@media (min-width: 768px) {
    body.page-custom-templates {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-custom-templates {
        background-size: 32%;
    }
}
body.page-audit-trail,
body.page-audit-trails {
    background-image: url(../images/pano-audit-trail.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 98% 57%;
    background-size: 90%;
}
@media (min-width: 768px) {
    body.page-audit-trail,
    body.page-audit-trails {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-audit-trail,
    body.page-audit-trails {
        background-size: 32%;
    }
}
body.page-hipaa-compliant-electronic-signatures {
    background-image: url(/wp-content/uploads/2023/11/icon-HIPAA-grey.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 105% 120%;
    background-size: 90%;
}
@media (min-width: 768px) {
    body.page-hipaa-compliant-electronic-signatures {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-hipaa-compliant-electronic-signatures {
        background-size: 43%;
    }
}
body.page-document-tracking {
    background-image: url(../images/pano-document-tracking-management.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 88% 65%;
    background-size: 90%;
}
@media (min-width: 768px) {
    body.page-document-tracking {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-document-tracking {
        background-size: 24%;
    }
}
body.page-blockchain {
    background-image: url(../images/pano-blockchain.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 98% 75%;
    background-size: 90%;
}
@media (min-width: 768px) {
    body.page-blockchain {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-blockchain {
        background-size: 40%;
    }
}
.signature-generator {
    border-radius: 7px;
    background: #fff;
}
#signature .download-btn-wrapper {
    display: block;
    width: auto;
    left: 119px !important;
    bottom: -75px !important;
    position: absolute;
}
#signature .download-btn-wrapper:before {
    margin: 13px 0 0 14px;
    z-index: 99;
    position: absolute;
    content: "\f531";
}
@media (min-width: 768px) {
    #signature .download-btn-wrapper {
        bottom: -75px !important;
        left: 183px !important;
    }
    #signature .download-btn-wrapper:before {
        display: none;
    }
}
#signature input {
    font-family: europa, sans-serif;
    font-size: 1.0625rem;
    font-weight: 700;
    border: 1px solid #707070;
    padding: 11px 18px;
    border-radius: 0.25rem;
    text-transform: uppercase;
    text-indent: -9999em;
    cursor: pointer;
    display: block !important;
    width: 50px !important;
}
@media (min-width: 768px) {
    #signature input {
        width: auto !important;
        text-indent: 0em;
    }
}
.signature-generator .nav-tabs {
    margin: 20px 10px 0 10px;
}
.signature-generator .underline-nav .nav-link {
    color: #ccc;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0;
    margin-bottom: -1px;
    font-size: 21px;
    outline: 0;
}
.signature-generator .underline-nav .nav-link.active {
    color: #000;
    border-bottom: 1px solid #090e18;
}
.signature-generator .typed-options {
    padding: 10px;
}
.signature-generator .options button,
.signature-generator #signature-download {
    min-width: 85px;
    padding: 16px 18px;
    margin: 15px 5px;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .signature-generator .options button,
    .signature-generator #signature-download {
        min-width: 155px;
    }
}
.signature-generator #signature-download {
    min-width: 85px;
    padding: 16px 17px;
    margin: 15px 5px;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .signature-generator #signature-download {
        min-width: 135px;
    }
}
.signature-generator #signature-download:active {
    background: #fff;
}
.signature-generator input,
.signature-generator select {
    background-color: #fff;
    color: #969696;
    padding: 11px 9px;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    border-left: none;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
}
.signature-generator input {
    border: 1px solid #b4b4b4;
    color: #242424;
    border-radius: 0.25rem;
}
.signature-generator select {
    margin-top: 10px;
}
.signature-creator-wrapper {
    position: relative;
}
.signature-creator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    border-bottom: 1px solid #f8f8f8;
    padding: 20px 0 20px 0;
}
@media (min-width: 768px) {
    .signature-creator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.signature-creator:last-child {
    border-bottom: 0;
}
.signature-image-wrapper {
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    display: block;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}
@media (min-width: 768px) {
    .signature-image-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.signature-download {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.signature-download button {
    padding: 12 20px;
}
.signature-image {
    letter-spacing: var(--letter-spacing);
    padding: 10px 10px 10px 10px;
    -webkit-transform: skew(var(--skew), 0deg);
    transform: skew(var(--skew), 0deg);
    white-space: nowrap;
}
#signatureTyped {
    position: relative;
    z-index: 1;
}
.signature-generator .tab-content > .tab-pane {
    visibility: hidden;
    height: 0%;
}
.signature-generator .tab-content > .active {
    visibility: visible;
    display: block;
    height: 100%;
}
#signature canvas {
    min-height: 200px;
}
#signature-modal {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    top: 18px;
    left: 0;
    right: 0;
    max-width: 90%;
    margin: auto;
    -webkit-box-shadow: 0 0 21px #cfcfcf;
    box-shadow: 0 0 21px #cfcfcf;
}
@media (min-width: 768px) {
    #signature-modal {
        max-width: 75%;
    }
}
#modal-close {
    position: absolute;
    top: 7px;
    right: 8px;
    font-size: 23px;
    border: solid thin #c3c3c3;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border-radius: 5px;
    cursor: pointer;
}
.signature-header {
    background: #626262;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 8px 16px;
}
.signature-header img {
    display: none;
}
.signature-header h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
}
@media (min-width: 768px) {
    .signature-header {
        padding: 4px 16px;
    }
    .signature-header img {
        width: 60px;
        display: inline;
    }
}
body.page-electronic-signature {
    background-image: url(../images/pano-electronic-signature.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 95% center;
    background-size: 65%;
}
@media (min-width: 768px) {
    body.page-electronic-signature {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-electronic-signature {
        background-size: 30%;
    }
}
body.page-esignature-app {
    background-image: url(../images/pano-esignature-app.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 95% 91%;
    background-size: 65%;
}
@media (min-width: 768px) {
    body.page-esignature-app {
        background-size: 80%;
    }
}
@media (min-width: 992px) {
    body.page-esignature-app {
        background-size: 37%;
    }
}
img#penNib {
    max-width: 20%;
}
ol#alphaList {
    line-height: 2;
}
ol#alphaList > ol > li {
    list-style-type: lower-roman;
}
#howWork.homePg.how-works-container {
    margin-top: 0;
}
@media (min-width: 768px) {
    #howWork.homePg.how-works-container {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    #howWork.homePg.how-works-container {
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    #howWork.homePg.how-works-container {
        margin-top: 0;
    }
}
@media (min-width: 1440px) {
    #howWork.homePg.how-works-container {
        margin-top: 0;
    }
}
@media (min-width: 1920px) {
    #howWork.homePg.how-works-container {
        margin-top: 0;
    }
}
#howWork.homePg {
    margin-top: 204%;
}
@media (min-width: 768px) {
    #howWork.homePg {
        margin-top: 104%;
    }
}
@media (min-width: 992px) {
    #howWork.homePg {
        margin-top: 60%;
    }
}
@media (min-width: 1200px) {
    #howWork.homePg {
        margin-top: 50%;
    }
}
@media (min-width: 1440px) {
    #howWork.homePg {
        margin-top: 30%;
    }
}
@media (min-width: 1920px) {
    #howWork.homePg {
        margin-top: 25%;
    }
}
.how-it-works .card {
    border: 0;
    border-radius: 2%;
    background-color: #fff;
}
.how-it-works .card .icon {
    width: 30%;
}
@media (min-width: 768px) {
    .how-it-works .card .icon {
        width: 12%;
    }
}
@media (min-width: 992px) {
    .how-it-works .card .icon {
        width: 25%;
    }
}
.how-it-works .card .icon svg,
.how-it-works .card .icon img {
    height: 115px;
    width: auto;
    max-height: 115px;
    max-width: 145px;
    -o-object-fit: contain;
    object-fit: contain;
}
#howWork #card01,
#howWork #card02,
#howWork #card03 {
    border-radius: 2%;
    background-color: #fff;
}
#howWork #card01 #icon,
#howWork #card02 #icon,
#howWork #card03 #icon {
    width: 30%;
}
@media (min-width: 768px) {
    #howWork #card01 #icon,
    #howWork #card02 #icon,
    #howWork #card03 #icon {
        width: 12%;
    }
}
@media (min-width: 992px) {
    #howWork #card01 #icon,
    #howWork #card02 #icon,
    #howWork #card03 #icon {
        width: 25%;
    }
}
#howWork #card01 #icon img,
#howWork #card02 #icon img,
#howWork #card03 #icon img {
    min-height: 92px;
    max-height: 92px;
}
#howWork #card01 #icon svg,
#howWork #card02 #icon svg,
#howWork #card03 #icon svg {
    fill: #242424;
    max-height: 94px;
    max-width: 94px;
}
#howWork #icon img#iconSVG {
    min-height: 92px;
    max-height: 92px;
}
#howWork p {
    margin-bottom: 0;
}
#howWorkCards #card01.overlay-drk,
#howWorkCards #card02.overlay-drk,
#howWorkCards #card03.overlay-drk {
    background-color: #242424;
}
#howWorkCards #card01.overlay-drk #icon svg,
#howWorkCards #card02.overlay-drk #icon svg,
#howWorkCards #card03.overlay-drk #icon svg {
    fill: #fff;
}
#howWorkCards #card01.overlay-drk .icon svg,
#howWorkCards #card02.overlay-drk .icon svg,
#howWorkCards #card03.overlay-drk .icon svg {
    fill: #fff;
    -webkit-filter: invert(1);
    filter: invert(1);
}
#howWorkCards #card01.overlay-drk h4,
#howWorkCards #card01.overlay-drk p,
#howWorkCards #card02.overlay-drk h4,
#howWorkCards #card02.overlay-drk p,
#howWorkCards #card03.overlay-drk h4,
#howWorkCards #card03.overlay-drk p {
    color: #fff;
}
#revStack .minH {
    min-height: 220px;
}
@media (min-width: 992px) {
    #revStack .minH {
        min-height: 465px;
    }
}
#revStack.partners p {
    font-size: 21px;
    font-size: 1.3rem;
}
#revStack.partners .bg-img-04 {
    min-height: 410px;
}
@media (min-width: 992px) {
    #revStack.partners .bg-img-04 {
        min-height: 730px;
        padding-left: 20vw;
        margin-left: -20vw;
    }
}
#revStack.partners .bg-img-05 {
    min-height: 330px;
}
@media (min-width: 992px) {
    #revStack.partners .bg-img-05 {
        min-height: 670px;
    }
}
#revStack.partners .bg-img-0 {
    min-height: 410px;
}
@media (min-width: 992px) {
    #revStack.partners .bg-img-0 {
        min-height: 670px;
    }
}
#revStack .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
@media (min-width: 992px) {
    #revStack .container {
        max-width: 991px;
        padding: 0 15px;
        margin: auto;
    }
}
@media (min-width: 1200px) {
    #revStack .container {
        max-width: 1200px;
    }
}
@media (min-width: 1440px) {
    #revStack .container {
        max-width: 1440px;
    }
}
#revStack #txtWidth h2,
#revStack #txtWidth h3,
#revStack #txtWidth h4,
#revStack #txtWidth h5,
#revStack #txtWidth p {
    padding: 0 15px;
}
@media (min-width: 992px) {
    #revStack #txtWidth h2,
    #revStack #txtWidth h3,
    #revStack #txtWidth h4,
    #revStack #txtWidth h5,
    #revStack #txtWidth p {
        padding: 0;
    }
}
#revStack .bg-img-01 {
    min-height: 220px;
    background-image: url(../images/photo-man-signing-tablet.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStack .bg-img-01 {
        min-height: 465px;
        padding-left: 50vw;
    }
}
#revStack .bg-img-02 {
    min-height: 220px;
    background-image: url(../images/photo-professional-wall-street.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStack .bg-img-02 {
        min-height: 465px;
        padding-left: 50vw;
        margin-left: -50vw;
    }
}
#revStack .bg-img-03 {
    min-height: 220px;
    background-image: url(../images/photo-overhead-workspace-2people.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStack .bg-img-03 {
        min-height: 465px;
        padding-left: 50vw;
    }
}
#revStack .bg-img-04 {
    min-height: 220px;
    background-image: url(../images/photo-legal-professionals.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStack .bg-img-04 {
        min-height: 465px;
        padding-left: 50vw;
        margin-left: -50vw;
    }
}
#revStack .bg-img-05 {
    min-height: 350px;
    background-image: url(../images/photo-woman-holding-documents-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
}
@media (min-width: 992px) {
    #revStack .bg-img-05 {
        min-height: 1100px;
        padding-left: 50vw;
        background-position: 60% top;
    }
}
@media (min-width: 1440px) {
    #revStack .bg-img-05 {
        min-height: 990px;
    }
}
#revStack .bg-img-06 {
    min-height: 350px;
    background-image: url(../images/photo-woman-holding-documents-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
}
@media (min-width: 992px) {
    #revStack .bg-img-06 {
        min-height: 645px;
        padding-left: 50vw;
        margin-left: -27vw;
    }
}
#revStack .bg-img-07 {
    min-height: 350px;
    background-image: url(../images/photo-man-contemplating-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}
@media (min-width: 992px) {
    #revStack .bg-img-07 {
        min-height: 800px;
        margin-left: -14vw;
    }
}
#revStack .bg-img-01 {
    min-height: 220px;
    background-image: url(../images/photo-man-signing-tablet.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStack .bg-img-01 {
        min-height: 465px;
        padding-left: 50vw;
    }
}
#revStackA .minH,
#revStackB .minH {
    min-height: 220px;
}
@media (min-width: 992px) {
    #revStackA .minH,
    #revStackB .minH {
        min-height: 465px;
    }
}
#revStackA .container,
#revStackB .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
@media (min-width: 992px) {
    #revStackA .container,
    #revStackB .container {
        max-width: 991px;
        padding: 0 15px;
        margin: auto;
    }
}
@media (min-width: 1200px) {
    #revStackA .container,
    #revStackB .container {
        max-width: 1200px;
    }
}
@media (min-width: 1440px) {
    #revStackA .container,
    #revStackB .container {
        max-width: 1440px;
    }
}
#revStackA #txtWidth h2,
#revStackA #txtWidth h4,
#revStackA #txtWidth h5,
#revStackA #txtWidth p,
#revStackB #txtWidth h2,
#revStackB #txtWidth h4,
#revStackB #txtWidth h5,
#revStackB #txtWidth p {
    padding: 0 15px;
}
@media (min-width: 992px) {
    #revStackA #txtWidth h2,
    #revStackA #txtWidth h4,
    #revStackA #txtWidth h5,
    #revStackA #txtWidth p,
    #revStackB #txtWidth h2,
    #revStackB #txtWidth h4,
    #revStackB #txtWidth h5,
    #revStackB #txtWidth p {
        padding: 0;
    }
}
#revStackA .bg-img-01 {
    min-height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStackA .bg-img-01 {
        min-height: 600px;
        padding-left: 50vw;
    }
}
#revStackA .bg-img-02 {
    min-height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStackA .bg-img-02 {
        min-height: 600px;
        padding-left: 50vw;
        margin-left: -20vw;
    }
}
#revStackB .bg-img-01 {
    min-height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStackB .bg-img-01 {
        min-height: 600px;
        padding-left: 50vw;
        margin-left: -20vw;
    }
}
@media (min-width: 2000px) {
    #revStackB .bg-img-01 {
        margin-left: -50vw;
    }
}
#revStackB .bg-img-02 {
    min-height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #revStackB .bg-img-02 {
        min-height: 600px;
        padding-left: 50vw;
    }
}
#ittBlocks #icon {
    width: 30%;
    min-height: 94px;
}
@media (min-width: 768px) {
    #ittBlocks #icon {
        width: 22%;
        min-height: 64px;
    }
}
@media (min-width: 992px) {
    #ittBlocks #icon {
        width: 25%;
        min-height: 125px;
    }
}
#ittBlocks #icon image {
    max-height: 94px;
    max-width: 94px;
}
#partnerFeatures #icon {
    width: 30%;
    min-height: 94px;
}
@media (min-width: 768px) {
    #partnerFeatures #icon {
        width: 22%;
        min-height: 64px;
    }
}
@media (min-width: 992px) {
    #partnerFeatures #icon {
        width: 25%;
        min-height: 94px;
    }
}
#partnerFeatures #icon svg {
    fill: #242424;
    max-height: 94px;
    max-width: 94px;
}
#partnerFeatures #icon img#iconSVG {
    max-height: 94px;
    max-width: 94px;
}
#features #icon {
    width: 30%;
    min-height: 94px;
}
@media (min-width: 768px) {
    #features #icon {
        width: 22%;
        min-height: 64px;
    }
}
@media (min-width: 992px) {
    #features #icon {
        width: 25%;
        min-height: 94px;
    }
}
#features #icon svg {
    fill: #242424;
    max-height: 94px;
    max-width: 94px;
}
#features #icon img#iconSVG {
    max-height: 94px;
    max-width: 94px;
}
body.page-template-template-pricing header {
    background-image: url(../images/pano-pricing.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.pricingHdrPad {
    padding-bottom: 25px;
}
@media (min-width: 992px) {
    .pricingHdrPad {
        padding-bottom: 0;
    }
}
#hero .pricingHdrPad h1 {
    padding-top: 50px;
}
#priceCards #negMarg {
    margin-top: -35%;
}
@media (min-width: 768px) {
    #priceCards #negMarg {
        margin-top: -25%;
    }
}
@media (min-width: 992px) {
    #priceCards #negMarg {
        margin-top: -45%;
    }
}
@media (min-width: 1200px) {
    #priceCards #negMarg {
        margin-top: -40%;
    }
}
@media (min-width: 1440px) {
    #priceCards #negMarg {
        margin-top: -30%;
    }
}
.wrapperPricing {
    margin-top: -204%;
}
@media (min-width: 768px) {
    .wrapperPricing {
        margin-top: -104%;
    }
}
@media (min-width: 992px) {
    .wrapperPricing {
        margin-top: -60%;
    }
}
@media (min-width: 1200px) {
    .wrapperPricing {
        margin-top: -50%;
    }
}
@media (min-width: 1440px) {
    .wrapperPricing {
        margin-top: -30%;
    }
}
@media (min-width: 1920px) {
    .wrapperPricing {
        margin-top: -25%;
    }
}
#planFtrs {
    margin-top: 204%;
}
@media (min-width: 768px) {
    #planFtrs {
        margin-top: 104%;
    }
}
@media (min-width: 992px) {
    #planFtrs {
        margin-top: 60%;
    }
}
@media (min-width: 1200px) {
    #planFtrs {
        margin-top: 50%;
    }
}
@media (min-width: 1440px) {
    #planFtrs {
        margin-top: 30%;
    }
}
@media (min-width: 1920px) {
    #planFtrs {
        margin-top: 25%;
    }
}
#priceCards #cardLogo {
    width: 30%;
}
#noteTxt p {
    font-size: 20px;
    font-size: 1.25rem;
}
@media (min-width: 992px) {
    #noteTxt p {
        font-size: 16px;
        font-size: 1rem;
    }
}
@media (min-width: 1200px) {
    #noteTxt p {
        font-size: 17px;
        font-size: 1.0625rem;
    }
}
@media (min-width: 1440px) {
    #noteTxt p {
        font-size: 20px;
        font-size: 1.25rem;
    }
}
#noticeTab {
    border-radius: 0;
}
#price h1 sup {
    font-size: 25px;
    font-size: 1.5625rem;
}
@media (min-width: 992px) {
    #price h1 sup {
        font-size: 40px;
        font-size: 2.5rem;
    }
}
#price h1 span {
    font-size: 20px;
    font-size: 1.25rem;
}
.b-rel .b-abs#noticeTab {
    left: 0;
    top: -35px;
    width: 100%;
}
.ftrsList .icon {
    width: 40px;
    height: 40px;
    padding-right: 2%;
}
.priceList .icon {
    width: 35px;
    height: 35px;
    padding-right: 2%;
}
#priceCards #card03 {
    border-radius: 0;
    background-color: #fff;
}
@media (min-width: 992px) {
    #priceCards #card03 {
        min-height: 640px;
    }
}
@media (min-width: 1440px) {
    #priceCards #card03 {
        min-height: 585px;
    }
}
#priceCards #card02,
#priceCards #card01 {
    min-height: 600px;
    border: 4px solid #fff;
    background-color: #fff;
}
@media (min-width: 992px) {
    #priceCards #card02,
    #priceCards #card01 {
        min-height: 640px;
    }
}
@media (min-width: 1440px) {
    #priceCards #card02,
    #priceCards #card01 {
        min-height: 585px;
    }
}
#priceCards #card01 #icon,
#priceCards #card02 #icon,
#priceCards #card03 #icon {
    width: 70%;
}
@media (min-width: 768px) {
    #priceCards #card01 #icon,
    #priceCards #card02 #icon,
    #priceCards #card03 #icon {
        width: 40%;
    }
}
@media (min-width: 992px) {
    #priceCards #card01 #icon,
    #priceCards #card02 #icon,
    #priceCards #card03 #icon {
        width: 20%;
    }
}
p.midline {
    display: table;
    white-space: nowrap;
}
p.midline:before,
p.midline:after {
    border-top: 2px solid #fff;
    content: "";
    display: table-cell;
    position: relative;
    top: 0.9em;
    width: 30%;
}
p.midline:before {
    right: 1.5%;
}
p.midline:after {
    left: 1.5%;
}
p.midline-blk {
    display: table;
    white-space: nowrap;
}
p.midline-blk:after {
    border-top: 1px solid #b4b4b4;
    content: "";
    display: table-cell;
    position: relative;
    top: 1em;
    width: 100%;
}
p.midline-blk:after {
    left: 1.5%;
}
#iconRiskFree {
    max-width: 151px;
}
.priceCardEqualHeight {
    height: 28px;
}
#priceCards #cardLogo {
    width: 105px;
    height: 54px;
}
#priceCards #hipaaLogo {
    width: 71px;
    height: 54px;
}
.heroNum h2 {
    padding-right: 2%;
    border-right: solid 4px #de1c28;
}
.heroNum h5 {
    padding-left: 2%;
}
#accordion .card {
    border: none;
}
.card-header a:hover h5 {
    color: #242424;
}
#toggleIcon {
    width: 40px;
}
@media (min-width: 768px) {
    #toggleIcon {
        width: 35px;
    }
}
@media (min-width: 992px) {
    #toggleIcon {
        width: 40px;
    }
}
section.partnerBG {
    background-image: url(../images/pano-become-a-partner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
#partnerFormFrame {
    width: 100%;
    min-width: 100%;
    min-height: 980px;
}
@media (min-width: 992px) {
    #partnerFormFrame {
        min-height: 960px;
    }
}
@media (min-width: 1440px) {
    #partnerFormFrame {
        min-height: 910px;
    }
}
@media (min-width: 1600px) {
    #partnerFormFrame {
        min-height: 850px;
    }
}
.pullUp {
    margin-top: -12%;
    margin-bottom: 5%;
}
#formCol {
    width: 100%;
}
@media (min-width: 992px) {
    #formCol {
        width: 43.33%;
    }
}
#copyCol {
    width: 100%;
}
@media (min-width: 992px) {
    #copyCol {
        width: 56.66%;
    }
}
.howitworksHero {
    background-image: url(../images/pano-how-it-works.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#hiw.fwbsHero {
    background-image: url(../images/pano-savvy-business-woman-in-meeting-lite.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 72% center;
    position: relative;
}
@media (min-width: 992px) {
    #hiw.fwbsHero {
        desktop-position: center center;
    }
}
#hiw.fwbsHero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(255 255 255 / 0.65);
}
@media (min-width: 992px) {
    #hiw.fwbsHero::before {
        background-color: #fff0;
    }
}
.b-rel .b-abs#jb-06 {
    background-image: url(../images/icon-jelly-bean-06.svg);
    left: -800px;
    top: 880px;
    width: 100%;
}
@media (min-width: 992px) {
    .b-rel .b-abs#jb-06 {
        left: -1170px;
        top: 880px;
    }
}
.cardLink:hover,
.cardLink #card01:hover,
.cardLink:hover h5,
.cardLink:hover h4,
.cardLink:hover p {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    text-decoration: none;
    color: #fff;
    fill: #fff;
}
.carLink #icon svg:hover {
    fill: #fff;
}
#ics #card01 {
    border-radius: 2%;
}
#ics #card01 #icon,
.card #icon {
    width: 40%;
}
#ics #card01 #icon .icon-sign-word-doc {
    width: 120%;
}
#ics #card01 #icon .icon-esign-document,
#ics #card01 #icon .icon-online-signatures {
    width: 140%;
}
#ics img#iconSVG {
    max-height: 94px;
    max-width: 94px;
}
#ics #bizSize svg#iconSVG {
    max-height: 140px;
    min-height: 140px;
}
.box-shadow-02a {
    box-shadow: 0 0 15px rgb(9 14 24 / 0.1);
    -moz-box-shadow: 0 15px rgb(9 14 24 / 0.1);
    -webkit-box-shadow: 0 0 15px rgb(9 14 24 / 0.1);
    -o-box-shadow: 0 0 15px rgb(9 14 24 / 0.1);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-transition: -webkit-all 0.28s ease-in-out;
    transition: -webkit-all 0.28s ease-in-out;
    -webkit-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
    -webkit-transition: all 0.28s ease-in-out -webkit-transform 0.28s ease-in-out;
    transition: all 0.28s ease-in-out -webkit-transform 0.28s ease-in-out;
    background-color: #fff;
    color: #242424;
}
.box-shadow-02a:hover {
    box-shadow: 0 0 15px rgb(9 14 24 / 0.6);
    -moz-box-shadow: 0 15px rgb(9 14 24 / 0.6);
    -webkit-box-shadow: 0 0 15px rgb(9 14 24 / 0.6);
    -o-box-shadow: 0 0 15px rgb(9 14 24 / 0.6);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-all 0.28s ease-in-out;
    transition: -webkit-all 0.28s ease-in-out;
    -webkit-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
    -webkit-transition: all 0.28s ease-in-out -webkit-transform 0.28s ease-in-out;
    transition: all 0.28s ease-in-out -webkit-transform 0.28s ease-in-out;
    text-decoration: none;
    background-color: #474545;
    color: #fff;
}
#gDocIcon,
picture#gDocIcon img {
    width: 60%;
}
@media (min-width: 992px) {
    #gDocIcon,
    picture#gDocIcon img {
        width: auto;
        position: unset;
        max-height: 240px;
    }
}
#spdfHero .video,
#esHero .video,
.video-wrapper .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
#spdfHero .video iframe,
#esHero .video iframe,
.video-wrapper .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#osDoc .bg-img {
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    #osDoc .bg-img {
        background-position: top center;
        padding-left: 44vw;
    }
}
body.page-get-started header {
    background-image: url(../images/pano-getting-started.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 75% top;
}
@media (min-width: 992px) {
    body.page-get-started header {
        background-position: center top;
    }
}
#getStartedBG #hdrCopy .myLogo {
    width: 45%;
}
@media (min-width: 768px) {
    #getStartedBG #hdrCopy .myLogo {
        width: 25%;
    }
}
#getStartedBG #ctaBox p {
    line-height: 30.5px;
    line-height: 1.90625rem;
}
#getStartedBG #ctaBox .myIcon {
    max-width: 63px;
}
#getStartedBG #ctaBox #signTxt {
    width: 70px;
}
@media (min-width: 1440px) {
    #getStartedBG #ctaBox #signTxt {
        width: 100px;
    }
}
#getStartedBG #ctaBox #myTxt {
    border-left: 2px solid #de1c28;
}
#signDoc.negMarg {
    margin-top: -440px;
}
@media (min-width: 992px) {
    #signDoc.negMarg {
        margin-top: -510px;
    }
}
.b-rel .b-abs#signNib {
    top: -174px;
    right: -90px;
    z-index: 200;
    width: 30%;
}
.negMargFix {
    margin-top: -150px;
}
@media (min-width: 992px) {
    .negMargFix {
        margin-top: -240px;
    }
}
.b-rel .b-abs#bookMark {
    left: 0;
    top: 0;
    z-index: 2;
    width: 20%;
    overflow: hidden;
}
@media (min-width: 768px) {
    .b-rel .b-abs#bookMark {
        width: 10%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#bookMark {
        width: 5%;
    }
}
#txtCol,
#imgCol {
    width: 100%;
}
@media (min-width: 992px) {
    #txtCol,
    #imgCol {
        width: 48.99%;
    }
}
@media (min-width: 992px) {
    #signatureGeneratorBeans #jb-02 {
        left: -850px;
        top: 3100px;
        z-index: 0;
        width: 100%;
    }
}
@media (min-width: 2000px) {
    #signatureGeneratorBeans #jb-02 {
        width: 85%;
    }
}
@media (min-width: 2500px) {
    #signatureGeneratorBeans #jb-02 {
        width: 75%;
    }
}
@media (min-width: 3000px) {
    #signatureGeneratorBeans #jb-02 {
        width: 65%;
    }
}
@media (min-width: 3500px) {
    #signatureGeneratorBeans #jb-02 {
        width: 70%;
    }
}
@media (min-width: 992px) {
    #signatureGeneratorBeans #jb-01 {
        right: -1200px;
        top: -170px;
        z-index: 0;
        width: 100%;
    }
}
@media (min-width: 2000px) {
    #signatureGeneratorBeans #jb-01 {
        width: 85%;
    }
}
@media (min-width: 2500px) {
    #signatureGeneratorBeans #jb-01 {
        width: 75%;
    }
}
@media (min-width: 3000px) {
    #signatureGeneratorBeans #jb-01 {
        width: 65%;
    }
}
@media (min-width: 3500px) {
    #signatureGeneratorBeans #jb-01 {
        width: 70%;
    }
}
@media (min-width: 992px) {
    #simplePG #jb-01 {
        right: -1160px;
        top: -340px;
        z-index: 0;
        width: 100%;
        opacity: 0.25;
    }
}
@media (min-width: 2000px) {
    #simplePG #jb-01 {
        width: 85%;
    }
}
@media (min-width: 2500px) {
    #simplePG #jb-01 {
        width: 75%;
    }
}
@media (min-width: 3000px) {
    #simplePG #jb-01 {
        width: 65%;
    }
}
@media (min-width: 3500px) {
    #simplePG #jb-01 {
        width: 70%;
    }
}
@media (min-width: 992px) {
    #simplePG #jb-02 {
        left: -1160px;
        top: -340px;
        z-index: 0;
        width: 100%;
        opacity: 0.25;
    }
}
@media (min-width: 2000px) {
    #simplePG #jb-02 {
        width: 85%;
    }
}
@media (min-width: 2500px) {
    #simplePG #jb-02 {
        width: 75%;
    }
}
@media (min-width: 3000px) {
    #simplePG #jb-02 {
        width: 65%;
    }
}
@media (min-width: 3500px) {
    #simplePG #jb-02 {
        width: 70%;
    }
}
#redBNR {
    position: relative;
    z-index: 200;
    background: linear-gradient(55deg, #c2121d 50%, #de1c28 50%);
}
@media (min-width: 768px) {
    #redBNR {
        background: linear-gradient(30deg, #c2121d 50%, #de1c28 50%);
    }
}
@media (min-width: 992px) {
    #redBNR {
        background: linear-gradient(15deg, #c2121d 50%, #de1c28 50%);
    }
}
.b-rel .b-abs#penWhite {
    right: 0;
    top: -60px;
    width: 40%;
}
@media (min-width: 485px) {
    .b-rel .b-abs#penWhite {
        top: -80px;
    }
}
@media (min-width: 768px) {
    .b-rel .b-abs#penWhite {
        right: -55px;
        top: -70px;
        width: 25%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs#penWhite {
        right: 0;
        top: 0;
        width: 25%;
    }
}
@media (min-width: 992px) {
    .b-rel .b-abs.small#penWhite {
        top: -40px;
        width: 20%;
    }
}
#redBNR .penMH {
    min-height: 165px;
}
@media (min-width: 485px) {
    #redBNR .penMH {
        min-height: 225px;
    }
}
@media (min-width: 768px) {
    #redBNR .penMH {
        min-height: 85px;
    }
}
footer {
    background: linear-gradient(55deg, #171717 30%, #1d1d1d 30%);
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    line-height: inherit;
    vertical-align: bottom;
}
@media (min-width: 768px) {
    footer {
        background: linear-gradient(30deg, #171717 30%, #1d1d1d 30%);
    }
}
@media (min-width: 992px) {
    footer {
        background: linear-gradient(15deg, #171717 30%, #1d1d1d 30%);
    }
}
footer ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style-type: none;
}
footer ul.ftrNavItem > li:first-child {
    font-weight: 700;
    padding-top: 0 !important;
    margin-bottom: 15px;
}
footer #ftrResources,
footer #ftrSupport {
    padding-right: 4em;
}
@media (min-width: 768px) {
    footer #ftrResources,
    footer #ftrSupport {
        padding-right: 4em;
    }
}
@media (min-width: 992px) {
    footer #ftrResources,
    footer #ftrSupport {
        padding-right: 6em;
    }
}
footer .ftrNavItem {
    padding-right: 2em;
    padding-top: 25px;
}
@media (min-width: 1200px) {
    footer .ftrNavItem {
        padding-right: 3em;
        padding-top: 0;
    }
}
footer .ftrNavItem2 {
    padding-right: 3em;
}
@media (min-width: 1200px) {
    footer .ftrNavItem2 {
        padding-right: 4em;
    }
}
footer img.myFootLogo {
    width: 113px;
}
footer a#ftrLink {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #fff;
    font-weight: 300;
}
footer a#ftrLink:hover {
    color: #de1c28;
    text-decoration: none;
}
footer ul > li:first-child > a#ftrLink {
    font-weight: 700;
}
footer p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 24.5px;
    line-height: 1.53125rem;
}
footer hr {
    border: 0.5px solid #fff;
}
footer #accessIcon {
    width: 40px;
    padding-right: 2%;
}
@media (min-width: 992px) {
    footer #accessIcon {
        width: 25px;
    }
}
footer #accessModal {
    text-align: left;
    width: auto;
}
footer #accessModal span {
    vertical-align: middle;
}
footer#footerWhite {
    color: #242424;
    background: #fff;
}
footer#footerWhite hr {
    border: 0.5px solid #242424;
}
.viewportfixer {
    width: 0;
    height: 0;
}
@media (min-width: 1440px) {
    .viewportfixer {
        width: 1440px;
    }
}
@media (min-width: 1200px) {
    .viewportfixer {
        width: 1200px;
    }
}
@media (min-width: 992px) {
    .viewportfixer {
        width: 991px;
    }
}
@media (min-width: 768px) {
    .viewportfixer {
        width: 767px;
    }
}
@media only screen and (max-width: 767px) {
    .viewportfixer {
        width: 450px;
    }
}
[class*="animate_"] {
    opacity: 0;
}
[class*="panoslide-"] {
    width: 0;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.scroll-animate {
    opacity: 1;
}
.nav-item {
    position: relative;
}
.drop-holder {
    background: #242424;
    z-index: 90;
    overflow: hidden;
}
.submenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.submenu li:hover {
    text-decoration: none;
    color: #fff;
}
.submenu a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 10px 15px;
}
.submenu a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background-color: #de1c28;
    opacity: 0;
    -webkit-transition:
        opacity 0.15s,
        background-color 0.15s;
    transition:
        opacity 0.15s,
        background-color 0.15s;
}
.submenu li:hover {
    text-decoration: none;
    color: #fff;
}
.submenu a:hover {
    text-decoration: none;
    color: #b4b4b4;
}
.submenu a:hover .submenu-link-text {
    color: #b4b4b4;
}
.submenu a:hover:before {
    opacity: 1;
}
.submenu-link-icon {
    width: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}
.submenu-link-icon svg {
    width: 100%;
}
.submenu-link-text {
    color: #fff;
}
.drop-link-bottom {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    text-align: left;
    float: left;
    padding-left: 15px;
    color: #fff;
    font-weight: 400;
}
a.drop-link-bottom:hover {
    color: #de1c28;
}
.nav-item-has-drop {
    position: relative;
}
.header.small.navbar-expand-lg .nav-item-has-drop:before {
    top: 28px;
}
.nav-item-has-drop:before {
    content: "";
    position: absolute;
    right: 14px;
    top: 17px;
    width: 8px;
    height: 8px;
    border: solid #000;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (min-width: 992px) {
    .nav-item-has-drop:before {
        top: 33px;
    }
    .nav-link {
        display: block;
    }
    .nav-item:after {
        content: "";
        position: absolute;
        left: 0;
        top: calc(100% - 5px);
        width: 100%;
        height: 50px;
        z-index: 8;
    }
    .nav-item:hover a.nav-link {
        color: #de1c28 !important;
    }
    .nav-item:hover a.nav-link span {
        color: #de1c28 !important;
        border-bottom: 2px solid #de1c28 !important;
    }
    .nav-item:hover .drop-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 100;
    }
    .drop-holder {
        position: absolute;
        left: 1.5rem;
        top: calc(100% + 2px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        z-index: 0;
        padding: 0;
        display: none;
    }
    .two-cols {
        width: 800px;
    }
    .two-cols.submenu {
        width: 500px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 500px;
        flex: 1 0 500px;
        max-width: 500px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .submenu {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 220px;
        flex: 1 0 220px;
        max-width: 220px;
        width: 220px;
    }
    .submenu li {
        display: block;
        vertical-align: top;
        width: 100%;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid-column;
    }
    .drop-link-bottom {
        width: 220px;
    }
    .navbar.small .drop-holder {
        top: calc(100% + 2px);
    }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
    .nav-item:first-child .drop-holder {
        left: 2.625rem;
    }
}
@media screen and (max-width: 991px) {
    .navbar-toggler {
        position: relative;
        z-index: 200;
    }
    #navMenu {
        position: relative;
        top: 10px;
    }
    .navbar-nav {
        background: #fff;
    }
    .drop-holder {
        left: -15px !important;
        top: 100% !important;
        position: relative !important;
        width: calc(100% + 30px) !important;
    }
    .nav-item {
        position: relative;
    }
    .nav-item:first-child {
        padding-top: 0 !important;
    }
    .nav-item-has-drop.active:before {
        border-width: 1px 1px 0 0;
        top: 14px;
    }
    .nav-link {
        display: inline-block;
        padding-right: 30px !important;
    }
    .nav-item.active .nav-link span {
        border-bottom: 2px solid #de1c28 !important;
    }
    #navMenu {
        width: calc(100% + 30px) !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% + 30px);
        flex: 1 0 calc(100% + 30px);
        margin-left: -15px;
    }
    .navbar-collapse {
        padding: 0 15px;
    }
}
@media (max-width: 576px) {
    .navbar .container {
        max-width: none !important;
    }
    #navMenu {
        top: 10px;
    }
}
[id="accordion"] [aria-expanded="true"] [alt^="toggle"] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#blogNav .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 0;
}
@media (min-width: 992px) {
    #blogNav .navbar-nav .nav-item {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (min-width: 1200px) {
    #blogNav .navbar-nav .nav-item {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 1440px) {
    #blogNav .navbar-nav .nav-item {
        padding-left: 25px;
        padding-right: 25px;
    }
}
#blogNav .navbar-nav .nav-item:last-child {
    padding-right: 0;
}
#blogNav .navbar-nav .nav-item .nav-link {
    color: #242424;
}
.animation-tilt-shake {
    -webkit-animation: tilt-shaking 0.25s linear 2s;
    animation: tilt-shaking 0.25s linear 2s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
@-webkit-keyframes tilt-shaking {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes tilt-shaking {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}