/** Fade In Left */
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/** Fade In Right */
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/** Fade In Up */
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(90px);
        transform: translateY(90px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(90px);
        transform: translateY(90px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/** ========= RESET ========= */
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

ul {
    list-style: none;
    margin-bottom: 0;
}

a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none;
}

a {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: inherit;
}

a:hover {
    color: inherit;
}

a.text-underline {
    text-decoration: underline !important;
}

::-moz-selection {
    background-color: #FF6633;
    color: #fff;
}

::selection {
    background-color: #FF6633;
    color: #fff;
}

/** ========= TYPOGRAPHY ========= */
body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #6A6A6A;
}

/** Headers */
h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 15px;
}

@media only screen and (max-width: 36em) {
    h1 {
        font-size: 24px;
        line-height: 30px !important;
    }
}

h1, h2, h3, h4, h5, h6 {
    line-height: inherit;
    margin-bottom: 0;
}

/** General Rules */
p {
    line-height: inherit;
    margin-bottom: 0;
}

p:not(:last-child) {
    margin-bottom: 10px;
}

.font-sm {
    font-size: 11px;
    line-height: 11px;
}

.font-sm0 {
    font-size: 10px;
    line-height: 10px;
}

.font-sm1 {
    font-size: 12px;
    line-height: 12px;
}

@media only screen and (max-width: 36em) {
    .font-sm1 {
        font-size: 10px;
        line-height: 10px;
    }
}

.font-sm2 {
    font-size: 13px;
    line-height: 19px;
}

.font-md {
    font-size: 17px;
    line-height: 25px;
}

.font-md1 {
    font-size: 18px;
    line-height: 18px;
}

@media only screen and (max-width: 36em) {
    .font-md1 {
        font-size: 14px;
        line-height: 24px;
    }
}

.font-md2 {
    font-size: 16px;
    line-height: 26px;
}

@media only screen and (max-width: 36em) {
    .font-md2 {
        font-size: 12px;
        line-height: 22px;
    }
}

.font-lg {
    font-size: 20px !important;
    line-height: 28px !important;
}

.font-lg2 {
    font-size: 22px;
    line-height: 22px;
}

@media only screen and (max-width: 36em) {
    .font-lg2 {
        font-size: 14px;
        line-height: 14px;
    }
}

.font-xl {
    font-size: 38px;
    line-height: 44px;
}

.font-xl1 {
    font-size: 30px;
    line-height: 30px;
}

@media only screen and (max-width: 36em) {
    .font-xl {
        font-size: 24px;
        line-height: 30px;
    }
}

.font-xl2 {
    font-size: 40px;
}

@media only screen and (max-width: 36em) {
    .font-xl2 {
        font-size: 24px;
        line-height: 30px !important;
    }
}

@media only screen and (max-width: 36em) {
    .font-is-sm-big {
        font-size: 30px;
        line-height: 40px !important;
    }
}

.smallcaps {
    font-variant: small-caps;
}

.lh-28 {
    line-height: 28px !important;
}

.lh-24 {
    line-height: 24px !important;
}

.lh-16 {
    line-height: 16px !important;
}

.normal {
    font-weight: 400;
}

.semibold {
    font-weight: 500;
}

.bold {
    font-weight: 600;
}

.bold-f {
    font-weight: bold;
}

.bolder {
    font-weight: 800;
}

.boldest {
    font-weight: 900;
}

/** ========= UTILITIES ========= */
.text-underline {
    text-decoration: underline;
}

/** Text Colors */
.text-primary {
    color: #FF6633 !important;
}

.text-secondary {
    color: #0c084c !important;
}

.text-blue-1 {
    color: #54E8FF !important;
}

.text-blue-2 {
    color: #45BBCE !important;
}

.text-blue-3 {
    color: #00C3FF !important;
}

.text-blue-4 {
    color: #009AC7 !important;
}

.text-pink {
    color: #FF24C1 !important;
}

.text-pink-1 {
    color: #D25AB0 !important;
}

.text-pink-dark {
    color: #B51A8A !important;
}

.text-sky {
    color: #00A6FF !important;
}

.text-sky-dark {
    color: #0081C6 !important;
}

.text-green-1 {
    color: #70BE1E !important;
}

.text-sea-green {
    color: #C7EDD5 !important;
}

.text-black {
    color: #000 !important;
}

.text-white {
    color: #fff !important;
}

.text-gray-100 {
    color: #FAFAFA !important;
}

.text-gray-150 {
    color: #F9F9F9 !important;
}

.text-gray-200 {
    color: #A9A9AB !important;
}

.text-gray-250 {
    color: #7E7E80 !important;
}

.text-gray-300 {
    color: #6A6A6A !important;
}

.text-gray-400 {
    color: #333333 !important;
}

.text-gray-500 {
    color: #222222 !important;
}

.text-gray-600 {
    color: #191919 !important;
}

/** Margins */
.m-1 {
    margin: 10px !important;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.mt-1 {
    margin-top: 10px !important;
}

.ml-1 {
    margin-left: 10px !important;
}

.mr-1 {
    margin-right: 10px !important;
}

.my-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mx-1 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.m-2 {
    margin: 20px !important;
}

.mb-2 {
    margin-bottom: 20px !important;
}

.mt-2 {
    margin-top: 20px !important;
}

.ml-2 {
    margin-left: 20px !important;
}

.mr-2 {
    margin-right: 20px !important;
}

.my-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mx-2 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.m-3 {
    margin: 30px !important;
}

.mb-3 {
    margin-bottom: 30px !important;
}

.mt-3 {
    margin-top: 30px !important;
}

.ml-3 {
    margin-left: 30px !important;
}

.mr-3 {
    margin-right: 30px !important;
}

.my-3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mx-3 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.m-4 {
    margin: 40px !important;
}

.mb-4 {
    margin-bottom: 40px !important;
}

.mt-4 {
    margin-top: 40px !important;
}

.ml-4 {
    margin-left: 40px !important;
}

.mr-4 {
    margin-right: 40px !important;
}

.my-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mx-4 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

.m-5 {
    margin: 50px !important;
}

.mb-5 {
    margin-bottom: 50px !important;
}

.mt-5 {
    margin-top: 50px !important;
}

.ml-5 {
    margin-left: 50px !important;
}

.mr-5 {
    margin-right: 50px !important;
}

.my-5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mx-5 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.m-6 {
    margin: 60px !important;
}

.mb-6 {
    margin-bottom: 60px !important;
}

.mt-6 {
    margin-top: 60px !important;
}

.ml-6 {
    margin-left: 60px !important;
}

.mr-6 {
    margin-right: 60px !important;
}

.my-6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mx-6 {
    margin-right: 60px !important;
    margin-left: 60px !important;
}

.m-7 {
    margin: 70px !important;
}

.mb-7 {
    margin-bottom: 70px !important;
}

.mt-7 {
    margin-top: 70px !important;
}

.ml-7 {
    margin-left: 70px !important;
}

.mr-7 {
    margin-right: 70px !important;
}

.my-7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mx-7 {
    margin-right: 70px !important;
    margin-left: 70px !important;
}

.m-8 {
    margin: 80px !important;
}

.mb-8 {
    margin-bottom: 80px !important;
}

.mt-8 {
    margin-top: 80px !important;
}

.ml-8 {
    margin-left: 80px !important;
}

.mr-8 {
    margin-right: 80px !important;
}

.my-8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.mx-8 {
    margin-right: 80px !important;
    margin-left: 80px !important;
}

.m-9 {
    margin: 90px !important;
}

.mb-9 {
    margin-bottom: 90px !important;
}

.mt-9 {
    margin-top: 90px !important;
}

.ml-9 {
    margin-left: 90px !important;
}

.mr-9 {
    margin-right: 90px !important;
}

.my-9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.mx-9 {
    margin-right: 90px !important;
    margin-left: 90px !important;
}

.m-10 {
    margin: 100px !important;
}

.mb-10 {
    margin-bottom: 100px !important;
}

.mt-10 {
    margin-top: 100px !important;
}

.ml-10 {
    margin-left: 100px !important;
}

.mr-10 {
    margin-right: 100px !important;
}

.my-10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.mx-10 {
    margin-right: 100px !important;
    margin-left: 100px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-23 {
    margin-bottom: 23px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-26 {
    margin-bottom: 26px !important;
}

.mb-27 {
    margin-bottom: 27px !important;
}

.mb-28 {
    margin-bottom: 28px !important;
}

.mb-29 {
    margin-bottom: 29px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

@media only screen and (max-width: 36em) {
    .mb-32 {
        margin-bottom: 26px !important;
    }
}

.mb-33 {
    margin-bottom: 33px !important;
}

.mb-34 {
    margin-bottom: 34px !important;
}

@media only screen and (max-width: 36em) {
    .mb-34 {
        margin-bottom: 24px !important;
    }
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

@media only screen and (max-width: 36em) {
    .mb-45 {
        margin-bottom: 24px !important;
    }
}

.mb-46 {
    margin-bottom: 46px !important;
}

.mb-49 {
    margin-bottom: 49px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}

.mb-69 {
    margin-bottom: 69px !important;
}

.mb-76 {
    margin-bottom: 76px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-89 {
    margin-bottom: 89px !important;
}

@media only screen and (max-width: 36em) {
    .mb-89 {
        margin-bottom: 28px !important;
    }
}

@media only screen and (max-width: 62em) {
    .mb-md-25 {
        margin-bottom: 25px !important;
    }

    .mb-md-40 {
        margin-bottom: 40px !important;
    }
}

@media only screen and (max-width: 47.9em) {
    .mb-sm-25 {
        margin-bottom: 25px !important;
    }

    .mb-sm-40 {
        margin-bottom: 40px !important;
    }
}

/** Paddings */
.p-1 {
    padding: 10px !important;
}

.pb-1 {
    padding-bottom: 10px !important;
}

.pt-1 {
    padding-top: 10px !important;
}

.pl-1 {
    padding-left: 10px !important;
}

.pr-1 {
    padding-right: 10px !important;
}

.py-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.px-1 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.p-2 {
    padding: 20px !important;
}

.pb-2 {
    padding-bottom: 20px !important;
}

.pt-2 {
    padding-top: 20px !important;
}

.pl-2 {
    padding-left: 20px !important;
}

.pr-2 {
    padding-right: 20px !important;
}

.py-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.px-2 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.p-3 {
    padding: 30px !important;
}

.pb-3 {
    padding-bottom: 30px !important;
}

.pt-3 {
    padding-top: 30px !important;
}

.pl-3 {
    padding-left: 30px !important;
}

.pr-3 {
    padding-right: 30px !important;
}

.py-3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.px-3 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.p-4 {
    padding: 40px !important;
}

.pb-4 {
    padding-bottom: 40px !important;
}

.pt-4 {
    padding-top: 40px !important;
}

.pl-4 {
    padding-left: 40px !important;
}

.pr-4 {
    padding-right: 40px !important;
}

.py-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.px-4 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.p-5 {
    padding: 50px !important;
}

.pb-5 {
    padding-bottom: 50px !important;
}

.pt-5 {
    padding-top: 50px !important;
}

.pl-5 {
    padding-left: 50px !important;
}

.pr-5 {
    padding-right: 50px !important;
}

.py-5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.px-5 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.p-6 {
    padding: 60px !important;
}

.pb-6 {
    padding-bottom: 60px !important;
}

.pt-6 {
    padding-top: 60px !important;
}

.pl-6 {
    padding-left: 60px !important;
}

.pr-6 {
    padding-right: 60px !important;
}

.py-6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.px-6 {
    padding-right: 60px !important;
    padding-left: 60px !important;
}

.p-7 {
    padding: 70px !important;
}

.pb-7 {
    padding-bottom: 70px !important;
}

.pt-7 {
    padding-top: 70px !important;
}

.pl-7 {
    padding-left: 70px !important;
}

.pr-7 {
    padding-right: 70px !important;
}

.py-7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.px-7 {
    padding-right: 70px !important;
    padding-left: 70px !important;
}

.p-8 {
    padding: 80px !important;
}

.pb-8 {
    padding-bottom: 80px !important;
}

.pt-8 {
    padding-top: 80px !important;
}

.pl-8 {
    padding-left: 80px !important;
}

.pr-8 {
    padding-right: 80px !important;
}

.py-8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.px-8 {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

.p-9 {
    padding: 90px !important;
}

.pb-9 {
    padding-bottom: 90px !important;
}

.pt-9 {
    padding-top: 90px !important;
}

.pl-9 {
    padding-left: 90px !important;
}

.pr-9 {
    padding-right: 90px !important;
}

.py-9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.px-9 {
    padding-right: 90px !important;
    padding-left: 90px !important;
}

.p-10 {
    padding: 100px !important;
}

.pb-10 {
    padding-bottom: 100px !important;
}

.pt-10 {
    padding-top: 100px !important;
}

.pl-10 {
    padding-left: 100px !important;
}

.pr-10 {
    padding-right: 100px !important;
}

.py-10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.px-10 {
    padding-right: 100px !important;
    padding-left: 100px !important;
}

/** Backgrounds */
.bg-primary {
    background: #FF6633 !important;
}

.bg-secondary {
    background: #0c084c !important;
}

.bg-blue-1 {
    background: #54E8FF !important;
}

.bg-blue-2 {
    background: #45BBCE !important;
}

.bg-blue-3 {
    background: #00C3FF !important;
}

.bg-blue-4 {
    background: #009AC7 !important;
}

.bg-pink {
    background: #FF24C1 !important;
}

.bg-pink-1 {
    background: #D25AB0 !important;
}

.bg-pink-dark {
    background: #B51A8A !important;
}

.bg-sky {
    background: #00A6FF !important;
}

.bg-sky-dark {
    background: #0081C6 !important;
}

.bg-green-1 {
    background: #70BE1E !important;
}

.bg-sea-green {
    background: #C7EDD5 !important;
}

.bg-black {
    background: #000 !important;
}

.bg-white {
    background: #fff !important;
}

.bg-gray-100 {
    background: #FAFAFA !important;
}

.bg-gray-150 {
    background: #F9F9F9 !important;
}

.bg-gray-200 {
    background: #A9A9AB !important;
}

.bg-gray-250 {
    background: #7E7E80 !important;
}

.bg-gray-300 {
    background: #6A6A6A !important;
}

.bg-gray-400 {
    background: #333333 !important;
}

.bg-gray-500 {
    background: #222222 !important;
}

.bg-gray-600 {
    background: #191919 !important;
}

.bg-img {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.bg-img-1 {
    background-image: url("/build/img/global-landing/nurse_on_phone_asset.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .bg-img-1 {
        background-image: url("/build/img/global-landing/nurse_on_phone_asset_2x.jpg");
    }
}

.bg-img-2 {
    background-image: url("/build/img/nourianz/hcp/Footer_image-Nourianz-HCP.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .bg-img-2 {
        background-image: url("/build/img/nourianz/hcp/Footer_image-Nourianz-HCP_2x.jpg");
    }
}

.bg-img-3 {
    background-image: url("/build/img/nourianz/patient/Footer_image-Nourianz-PAT.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .bg-img-3 {
        background-image: url("/build/img/nourianz/patient/Footer_image-Nourianz-PAT_2x.jpg");
    }
}

.bg-img-4 {
    background-image: url("/build/img/poteligeo/hcp/hcp-footer-tablet-desktop-poteligeo.jpg");
}

.bg-img-5 {
    background-image: url("/build/img/poteligeo/patient/Footer-image-poteligeo-PAT.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .bg-img-5 {
        background-image: url("/build/img/poteligeo/patient/Footer-image-poteligeo-PAT_2x.jpg");
    }
}

/** Display */
.d-centered {
    display: block;
    margin: auto;
}

/** Border */
.border {
    border: 1px solid #FF6633;
}

.border-light {
    border-color: #fff;
}

.border-top {
    border-top: 1px solid #FF6633 !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.border-6 {
    border-width: 6px !important;
}

.border-7 {
    border-width: 7px !important;
}

.border-8 {
    border-width: 8px !important;
}

.border-9 {
    border-width: 9px !important;
}

.border-10 {
    border-width: 10px !important;
}

/** Border Radius */
.br-5 {
    border-radius: 5px !important;
}

.br-10 {
    border-radius: 10px !important;
}

.br-15 {
    border-radius: 15px !important;
}

.br-rounded {
    border-radius: 50px !important;
}

/** Shadow */
.shadow {
    -webkit-box-shadow: -2px 7px 18px 6px rgba(0, 0, 0, 0.1) !important;
    box-shadow: -2px 7px 18px 6px rgba(0, 0, 0, 0.1) !important;
}

.shadow-sm {
    -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1) !important;
}

.shadow-lg {
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1) !important;
}

/** Image */
.img-responsive {
    display: block;
    max-width: 100%;
}

.img-rounded {
    border-radius: 100%;
}

/** Positioning */
.p-relative {
    position: relative;
}

.p-vCentered {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-hCentered {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 47.9em) {
    .hidden-sm {
        display: none !important;
    }
}

@media only screen and (max-width: 47.9em) {
    .w-173 {
        width: 173px;
    }
}

.overflow-hidden {
    overflow: hidden;
}

.sup-hangout {
    margin-left: -5px;
}

/** ========= BUTTONS ========= */
/** General */
.btn {
    border: 1px solid transparent;
    padding: 32px 15px;
    border-radius: 100px;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: 250%;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  /** Button Type */
  /** Button Size */
  /** Button Width */
  /** Button Colors */
  /** Outline Button */
}

@media only screen and (max-width: 62em) {
    .btn {
        font-size: 13px;
        padding: 30px 14px;
    }
}

.btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-hover-primary:hover, .btn-hover-primary:hover > * {
    color: #FF6633 !important;
}

.btn-hover-blue:hover, .btn-hover-blue:hover > * {
    color: #009AC7 !important;
}

.btn-hover-blue-2:hover, .btn-hover-blue-2:hover > * {
    color: #45BBCE !important;
}

.btn-hover-pink:hover, .btn-hover-pink:hover > * {
    color: #FF24C1 !important;
}

.btn-hover-green-1:hover, .btn-hover-green-1:hover > * {
    color: #70BE1E !important;
}

.btn-shadow:hover {
    -webkit-box-shadow: 0 16px 24px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 0 16px 24px 0px rgba(0, 0, 0, 0.32);
}

.btn-block {
    display: block;
}

.btn-rounded {
    border-radius: 50px;
}

.btn-link {
    background: transparent;
    color: #6A6A6A;
    text-decoration: underline;
    padding: 0;
}

.btn-link-hover-primary:hover {
    color: #FF6633;
}

.btn-link-primary, .btn-link-primary:hover {
    color: #FF6633;
}

.btn-link-hover-secondary:hover {
    color: #0c084c;
}

.btn-link-secondary, .btn-link-secondary:hover {
    color: #0c084c;
}

.btn-link-hover-blue-1:hover {
    color: #54E8FF;
}

.btn-link-blue-1, .btn-link-blue-1:hover {
    color: #54E8FF;
}

.btn-link-hover-blue-2:hover {
    color: #45BBCE;
}

.btn-link-blue-2, .btn-link-blue-2:hover {
    color: #45BBCE;
}

.btn-link-hover-blue-3:hover {
    color: #00C3FF;
}

.btn-link-blue-3, .btn-link-blue-3:hover {
    color: #00C3FF;
}

.btn-link-hover-blue-4:hover {
    color: #009AC7;
}

.btn-link-blue-4, .btn-link-blue-4:hover {
    color: #009AC7;
}

.btn-link-hover-pink:hover {
    color: #FF24C1;
}

.btn-link-pink, .btn-link-pink:hover {
    color: #FF24C1;
}

.btn-link-hover-pink-1:hover {
    color: #D25AB0;
}

.btn-link-pink-1, .btn-link-pink-1:hover {
    color: #D25AB0;
}

.btn-link-hover-pink-dark:hover {
    color: #B51A8A;
}

.btn-link-pink-dark, .btn-link-pink-dark:hover {
    color: #B51A8A;
}

.btn-link-hover-sky:hover {
    color: #00A6FF;
}

.btn-link-sky, .btn-link-sky:hover {
    color: #00A6FF;
}

.btn-link-hover-sky-dark:hover {
    color: #0081C6;
}

.btn-link-sky-dark, .btn-link-sky-dark:hover {
    color: #0081C6;
}

.btn-link-hover-green-1:hover {
    color: #70BE1E;
}

.btn-link-green-1, .btn-link-green-1:hover {
    color: #70BE1E;
}

.btn-link-hover-sea-green:hover {
    color: #C7EDD5;
}

.btn-link-sea-green, .btn-link-sea-green:hover {
    color: #C7EDD5;
}

.btn-link-hover-black:hover {
    color: #000;
}

.btn-link-black, .btn-link-black:hover {
    color: #000;
}

.btn-link-hover-white:hover {
    color: #fff;
}

.btn-link-white, .btn-link-white:hover {
    color: #fff;
}

.btn-link-hover-gray-100:hover {
    color: #FAFAFA;
}

.btn-link-gray-100, .btn-link-gray-100:hover {
    color: #FAFAFA;
}

.btn-link-hover-gray-150:hover {
    color: #F9F9F9;
}

.btn-link-gray-150, .btn-link-gray-150:hover {
    color: #F9F9F9;
}

.btn-link-hover-gray-200:hover {
    color: #A9A9AB;
}

.btn-link-gray-200, .btn-link-gray-200:hover {
    color: #A9A9AB;
}

.btn-link-hover-gray-250:hover {
    color: #7E7E80;
}

.btn-link-gray-250, .btn-link-gray-250:hover {
    color: #7E7E80;
}

.btn-link-hover-gray-300:hover {
    color: #6A6A6A;
}

.btn-link-gray-300, .btn-link-gray-300:hover {
    color: #6A6A6A;
}

.btn-link-hover-gray-400:hover {
    color: #333333;
}

.btn-link-gray-400, .btn-link-gray-400:hover {
    color: #333333;
}

.btn-link-hover-gray-500:hover {
    color: #222222;
}

.btn-link-gray-500, .btn-link-gray-500:hover {
    color: #222222;
}

.btn-link-hover-gray-600:hover {
    color: #191919;
}

.btn-link-gray-600, .btn-link-gray-600:hover {
    color: #191919;
}

.btn-sm {
    font-size: 10px;
    padding: 6px 17px;
}

.btn-md {
    padding: 19px 42px;
    font-size: 13px;
    line-height: 7px;
}

.btn-md-l {
    padding-top: 32px;
    padding-bottom: 32px;
    line-height: 9px;
}

.btn-md-s {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 11px;
    line-height: 9px;
}

.btn-lg {
    font-size: 18px;
    padding: 15px 35px;
}

.btn-w-md {
    min-width: 168px;
}

.btn-w-lg {
    min-width: 203px;
}

@media only screen and (max-width: 62em) {
    .btn-is-sm {
        padding: 20px 10px;
        min-width: 110px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 62em) {
    .btn-is-link-sm {
        font-size: 12px;
    }
}

.btn-solid-primary, .btn-solid-blue-2, .btn-solid-blue, .btn-solid-pink {
    color: #fff;
    border: none;
}

.btn-solid-primary {
    background: -webkit-gradient(linear, right top, left top, from(#FF4000), to(#FF6633));
    background: -o-linear-gradient(right, #FF4000, #FF6633);
    background: linear-gradient(to left, #FF4000, #FF6633);
}

.btn-solid-blue {
    background: -webkit-gradient(linear, right top, left top, from(#00C3FF), to(#009AC7));
    background: -o-linear-gradient(right, #00C3FF, #009AC7);
    background: linear-gradient(to left, #00C3FF, #009AC7);
}

.btn-solid-pink {
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 36, 193, 0.72)), to(rgba(181, 26, 138, 0.72)));
    background: -o-linear-gradient(right, rgba(255, 36, 193, 0.72), rgba(181, 26, 138, 0.72));
    background: linear-gradient(to left, rgba(255, 36, 193, 0.72), rgba(181, 26, 138, 0.72));
}

.btn-solid-blue-2 {
    background: -webkit-gradient(linear, right top, left top, from(#54E8FF), to(#45BBCE));
    background: -o-linear-gradient(right, #54E8FF, #45BBCE);
    background: linear-gradient(to left, #54E8FF, #45BBCE);
}

.btn-gradient-blue, .btn-gradient-blue-2, .btn-gradient-pink {
    background-color: transparent !important;
    background-size: 200% 100%;
    background-position: 100%;
    color: #fff;
}

.btn-gradient-blue:hover, .btn-gradient-blue-2:hover, .btn-gradient-pink:hover {
    background-position: 0%;
}

.btn-gradient-blue {
    border-color: #00C3FF !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #00C3FF), to(#009AC7));
    background-image: -o-linear-gradient(left, transparent 50%, #00C3FF 50%, #009AC7 100%);
    background-image: linear-gradient(to right, transparent 50%, #00C3FF 50%, #009AC7 100%);
}

.btn-gradient-blue:hover {
    color: #00C3FF !important;
}

.btn-gradient-blue-2 {
    border-color: #54E8FF !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #54E8FF), to(#45BBCE));
    background-image: -o-linear-gradient(left, transparent 50%, #54E8FF 50%, #45BBCE 100%);
    background-image: linear-gradient(to right, transparent 50%, #54E8FF 50%, #45BBCE 100%);
}

.btn-gradient-blue-2:hover {
    color: #54E8FF !important;
}

.btn-gradient-pink {
    border-color: #FF24C1 !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(255, 36, 193, 0.72)), to(rgba(181, 26, 138, 0.72)));
    background-image: -o-linear-gradient(left, transparent 50%, rgba(255, 36, 193, 0.72) 50%, rgba(181, 26, 138, 0.72) 100%);
    background-image: linear-gradient(to right, transparent 50%, rgba(255, 36, 193, 0.72) 50%, rgba(181, 26, 138, 0.72) 100%);
}

.btn-gradient-pink:hover {
    color: #FF24C1 !important;
}

.btn-primary {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #FF6633));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #FF6633 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #FF6633 0);
    background-position: 100%;
    color: #fff;
}

.btn-primary:hover {
    border-color: #FF6633 !important;
    background-position: 0%;
    color: #FF6633 !important;
}

.btn-secondary {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #0c084c));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #0c084c 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #0c084c 0);
    background-position: 100%;
    color: #fff;
}

.btn-secondary:hover {
    border-color: #0c084c !important;
    background-position: 0%;
    color: #0c084c !important;
}

.btn-blue-1 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #54E8FF));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #54E8FF 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #54E8FF 0);
    background-position: 100%;
    color: #fff;
}

.btn-blue-1:hover {
    border-color: #54E8FF !important;
    background-position: 0%;
    color: #54E8FF !important;
}

.btn-blue-2 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #45BBCE));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #45BBCE 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #45BBCE 0);
    background-position: 100%;
    color: #fff;
}

.btn-blue-2:hover {
    border-color: #45BBCE !important;
    background-position: 0%;
    color: #45BBCE !important;
}

.btn-blue-3 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #00C3FF));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #00C3FF 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #00C3FF 0);
    background-position: 100%;
    color: #fff;
}

.btn-blue-3:hover {
    border-color: #00C3FF !important;
    background-position: 0%;
    color: #00C3FF !important;
}

.btn-blue-4 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #009AC7));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #009AC7 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #009AC7 0);
    background-position: 100%;
    color: #fff;
}

.btn-blue-4:hover {
    border-color: #009AC7 !important;
    background-position: 0%;
    color: #009AC7 !important;
}

.btn-pink {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #FF24C1));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #FF24C1 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #FF24C1 0);
    background-position: 100%;
    color: #fff;
}

.btn-pink:hover {
    border-color: #FF24C1 !important;
    background-position: 0%;
    color: #FF24C1 !important;
}

.btn-pink-1 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #D25AB0));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #D25AB0 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #D25AB0 0);
    background-position: 100%;
    color: #fff;
}

.btn-pink-1:hover {
    border-color: #D25AB0 !important;
    background-position: 0%;
    color: #D25AB0 !important;
}

.btn-pink-dark {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #B51A8A));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #B51A8A 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #B51A8A 0);
    background-position: 100%;
    color: #fff;
}

.btn-pink-dark:hover {
    border-color: #B51A8A !important;
    background-position: 0%;
    color: #B51A8A !important;
}

.btn-sky {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #00A6FF));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #00A6FF 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #00A6FF 0);
    background-position: 100%;
    color: #fff;
}

.btn-sky:hover {
    border-color: #00A6FF !important;
    background-position: 0%;
    color: #00A6FF !important;
}

.btn-sky-dark {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #0081C6));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #0081C6 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #0081C6 0);
    background-position: 100%;
    color: #fff;
}

.btn-sky-dark:hover {
    border-color: #0081C6 !important;
    background-position: 0%;
    color: #0081C6 !important;
}

.btn-green-1 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #70BE1E));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #70BE1E 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #70BE1E 0);
    background-position: 100%;
    color: #fff;
}

.btn-green-1:hover {
    border-color: #70BE1E !important;
    background-position: 0%;
    color: #70BE1E !important;
}

.btn-sea-green {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #C7EDD5));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #C7EDD5 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #C7EDD5 0);
    background-position: 100%;
    color: #fff;
}

.btn-sea-green:hover {
    border-color: #C7EDD5 !important;
    background-position: 0%;
    color: #C7EDD5 !important;
}

.btn-black {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #000));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #000 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #000 0);
    background-position: 100%;
    color: #fff;
}

.btn-black:hover {
    border-color: #000 !important;
    background-position: 0%;
    color: #000 !important;
}

.btn-white {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #fff));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #fff 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 0);
    background-position: 100%;
    color: #fff;
}

.btn-white:hover {
    border-color: #fff !important;
    background-position: 0%;
    color: #fff !important;
}

.btn-gray-100 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #FAFAFA));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #FAFAFA 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #FAFAFA 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-100:hover {
    border-color: #FAFAFA !important;
    background-position: 0%;
    color: #FAFAFA !important;
}

.btn-gray-150 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #F9F9F9));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #F9F9F9 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #F9F9F9 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-150:hover {
    border-color: #F9F9F9 !important;
    background-position: 0%;
    color: #F9F9F9 !important;
}

.btn-gray-200 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #A9A9AB));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #A9A9AB 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #A9A9AB 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-200:hover {
    border-color: #A9A9AB !important;
    background-position: 0%;
    color: #A9A9AB !important;
}

.btn-gray-250 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #7E7E80));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #7E7E80 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #7E7E80 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-250:hover {
    border-color: #7E7E80 !important;
    background-position: 0%;
    color: #7E7E80 !important;
}

.btn-gray-300 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #6A6A6A));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #6A6A6A 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #6A6A6A 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-300:hover {
    border-color: #6A6A6A !important;
    background-position: 0%;
    color: #6A6A6A !important;
}

.btn-gray-400 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #333333));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #333333 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #333333 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-400:hover {
    border-color: #333333 !important;
    background-position: 0%;
    color: #333333 !important;
}

.btn-gray-500 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #222222));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #222222 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #222222 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-500:hover {
    border-color: #222222 !important;
    background-position: 0%;
    color: #222222 !important;
}

.btn-gray-600 {
    background-color: transparent !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(0, #191919));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #191919 0);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #191919 0);
    background-position: 100%;
    color: #fff;
}

.btn-gray-600:hover {
    border-color: #191919 !important;
    background-position: 0%;
    color: #191919 !important;
}

.btn-outline-pink-dark, .btn-outline-blue-2, .btn-outline-blue-4, .btn-outline-white, .btn-outline-sky-dark, .btn-outline-primary, .btn-outline-green-3 {
    background-size: 200% 100%;
    background-position: 100%;
}

.btn-outline-pink-dark:hover, .btn-outline-blue-2:hover, .btn-outline-blue-4:hover, .btn-outline-white:hover, .btn-outline-sky-dark:hover, .btn-outline-primary:hover, .btn-outline-green-3:hover {
    background-color: transparent;
    color: #fff;
    background-position: 0%;
}

.btn-outline-pink-dark {
    border-color: #B51A8A !important;
    color: #B51A8A;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #B51A8A), to(#FF24C1));
    background-image: -o-linear-gradient(right, transparent 50%, #B51A8A 50%, #FF24C1 100%);
    background-image: linear-gradient(to left, transparent 50%, #B51A8A 50%, #FF24C1 100%);
}

.btn-outline-pink-dark:hover {
    border-color: #FF24C1 !important;
}

.btn-outline-blue-2 {
    border-color: #45BBCE !important;
    color: #45BBCE;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #45BBCE), to(#54E8FF));
    background-image: -o-linear-gradient(right, transparent 50%, #45BBCE 50%, #54E8FF 100%);
    background-image: linear-gradient(to left, transparent 50%, #45BBCE 50%, #54E8FF 100%);
}

.btn-outline-blue-2:hover {
    border-color: #54E8FF !important;
}

.btn-outline-blue-4 {
    border-color: #009AC7 !important;
    color: #009AC7;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #009AC7), to(#00C3FF));
    background-image: -o-linear-gradient(right, transparent 50%, #009AC7 50%, #00C3FF 100%);
    background-image: linear-gradient(to left, transparent 50%, #009AC7 50%, #00C3FF 100%);
}

.btn-outline-blue-4:hover {
    border-color: #00C3FF !important;
}

.btn-outline-sky-dark {
    border-color: #0081C6 !important;
    color: #0081C6;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #0081C6), to(#00A6FF));
    background-image: -o-linear-gradient(right, transparent 50%, #0081C6 50%, #00A6FF 100%);
    background-image: linear-gradient(to left, transparent 50%, #0081C6 50%, #00A6FF 100%);
}

.btn-outline-sky-dark:hover {
    border-color: #00A6FF !important;
}

.btn-outline-primary {
    border-color: #FF4000 !important;
    color: #FF4000;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #FF4000), to(#FF6633));
    background-image: -o-linear-gradient(right, transparent 50%, #FF4000 50%, #FF6633 100%);
    background-image: linear-gradient(to left, transparent 50%, #FF4000 50%, #FF6633 100%);
}

.btn-outline-primary:hover {
    border-color: #FF6633 !important;
}

.btn-outline-white {
    border-color: #fff !important;
    color: #fff;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #fff), to(#fff));
    background-image: -o-linear-gradient(right, transparent 50%, #fff 50%, #fff 100%);
    background-image: linear-gradient(to left, transparent 50%, #fff 50%, #fff 100%);
}

.btn-outline-white:hover {
    border-color: #fff !important;
    color: #FF6633;
}

.btn-outline-green-3 {
    border-color: #85C441 !important;
    color: #85C441;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #85C441), to(#ACFF54));
    background-image: -o-linear-gradient(right, transparent 50%, #85C441 50%, #ACFF54 100%);
    background-image: linear-gradient(to left, transparent 50%, #85C441 50%, #ACFF54 100%);
}

.btn-outline-green-3:hover {
    border-color: #ACFF54 !important;
}

.btn-outline-solid-white {
    border-color: #FF4000 !important;
    color: #FF4000;
}

.btn-outline-solid-white:hover {
    background: -webkit-gradient(linear, right top, left top, from(#FF4000), to(#FF6633));
    background: -o-linear-gradient(right, #FF4000, #FF6633);
    background: linear-gradient(to left, #FF4000, #FF6633);
    color: #fff;
}

/** ========= LISTS ========= */
.list {
  /** General */
  /** Hover */
}

.list-inline > li {
    display: inline-block;
    vertical-align: middle;
}

.list-inline > li:not(:last-child) {
    margin-right: 10px;
}

.list-inline-lg > li:not(:last-child) {
    margin-right: 15px;
}

.list-inline-xl > li:not(:last-child) {
    margin-right: 20px;
}

.list > li:not(:last-child) {
    margin-bottom: 5px;
}

.list-lg > li:not(:last-child) {
    margin-bottom: 15px;
}

.list-md > li:not(:last-child) {
    margin-bottom: 21px;
}

@media only screen and (max-width: 36em) {
    .list-md > li:not(:last-child) {
        margin-bottom: 11px;
    }
}

.list-styled > li {
    position: relative;
    padding-left: 20px;
}

.list-styled > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    height: 4px;
    width: 4px;
    border-radius: 100%;
}

.list-styled-primary > li::before {
    background: #FF6633 !important;
}

.list-styled-secondary > li::before {
    background: #0c084c !important;
}

.list-styled-blue-1 > li::before {
    background: #54E8FF !important;
}

.list-styled-blue-2 > li::before {
    background: #45BBCE !important;
}

.list-styled-blue-3 > li::before {
    background: #00C3FF !important;
}

.list-styled-blue-4 > li::before {
    background: #009AC7 !important;
}

.list-styled-pink > li::before {
    background: #FF24C1 !important;
}

.list-styled-pink-1 > li::before {
    background: #D25AB0 !important;
}

.list-styled-pink-dark > li::before {
    background: #B51A8A !important;
}

.list-styled-sky > li::before {
    background: #00A6FF !important;
}

.list-styled-sky-dark > li::before {
    background: #0081C6 !important;
}

.list-styled-green-1 > li::before {
    background: #70BE1E !important;
}

.list-styled-sea-green > li::before {
    background: #C7EDD5 !important;
}

.list-styled-black > li::before {
    background: #000 !important;
}

.list-styled-white > li::before {
    background: #fff !important;
}

.list-styled-gray-100 > li::before {
    background: #FAFAFA !important;
}

.list-styled-gray-150 > li::before {
    background: #F9F9F9 !important;
}

.list-styled-gray-200 > li::before {
    background: #A9A9AB !important;
}

.list-styled-gray-250 > li::before {
    background: #7E7E80 !important;
}

.list-styled-gray-300 > li::before {
    background: #6A6A6A !important;
}

.list-styled-gray-400 > li::before {
    background: #333333 !important;
}

.list-styled-gray-500 > li::before {
    background: #222222 !important;
}

.list-styled-gray-600 > li::before {
    background: #191919 !important;
}

.list-styled-2 > li::before {
    border: 1px solid;
    background: transparent !important;
}

.list-styled-2-primary > li::before {
    border-color: #FF6633 !important;
}

.list-styled-2-secondary > li::before {
    border-color: #0c084c !important;
}

.list-styled-2-blue-1 > li::before {
    border-color: #54E8FF !important;
}

.list-styled-2-blue-2 > li::before {
    border-color: #45BBCE !important;
}

.list-styled-2-blue-3 > li::before {
    border-color: #00C3FF !important;
}

.list-styled-2-blue-4 > li::before {
    border-color: #009AC7 !important;
}

.list-styled-2-pink > li::before {
    border-color: #FF24C1 !important;
}

.list-styled-2-pink-1 > li::before {
    border-color: #D25AB0 !important;
}

.list-styled-2-pink-dark > li::before {
    border-color: #B51A8A !important;
}

.list-styled-2-sky > li::before {
    border-color: #00A6FF !important;
}

.list-styled-2-sky-dark > li::before {
    border-color: #0081C6 !important;
}

.list-styled-2-green-1 > li::before {
    border-color: #70BE1E !important;
}

.list-styled-2-sea-green > li::before {
    border-color: #C7EDD5 !important;
}

.list-styled-2-black > li::before {
    border-color: #000 !important;
}

.list-styled-2-white > li::before {
    border-color: #fff !important;
}

.list-styled-2-gray-100 > li::before {
    border-color: #FAFAFA !important;
}

.list-styled-2-gray-150 > li::before {
    border-color: #F9F9F9 !important;
}

.list-styled-2-gray-200 > li::before {
    border-color: #A9A9AB !important;
}

.list-styled-2-gray-250 > li::before {
    border-color: #7E7E80 !important;
}

.list-styled-2-gray-300 > li::before {
    border-color: #6A6A6A !important;
}

.list-styled-2-gray-400 > li::before {
    border-color: #333333 !important;
}

.list-styled-2-gray-500 > li::before {
    border-color: #222222 !important;
}

.list-styled-2-gray-600 > li::before {
    border-color: #191919 !important;
}

.list-styled-3 > li::before {
    content: "\f101";
    font-family: FontAwesome;
    height: auto;
    width: auto;
    top: 3px;
    background: transparent !important;
}

.list-icon > li {
    position: relative;
    padding-left: 110px;
    min-height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 36em) {
    .list-icon > li {
        padding-left: 90px;
        min-height: 60px;
    }
}

.list-icon > li .list-icon-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border: 1px solid;
    display: block;
    border-radius: 100%;
}

@media only screen and (max-width: 36em) {
    .list-icon > li .list-icon-shape {
        width: 60px;
        height: 60px;
    }
}

.list-icon > li .list-icon-shape > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 36em) {
    .list-icon > li .list-icon-shape > img {
        max-height: 23px;
    }
}

.list-icon > li:not(:last-child) {
    margin-bottom: 80px;
}

@media only screen and (max-width: 36em) {
    .list-icon > li:not(:last-child) {
        margin-bottom: 60px;
    }
}

.list-icon > li:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 160px;
    height: 1px;
    bottom: -29px;
}

.list-icon-primary > li .list-icon-shape {
    border-color: #FF6633 !important;
}

.list-icon-primary > li:not(:last-child)::after {
    background: #FF6633 !important;
}

.list-icon-secondary > li .list-icon-shape {
    border-color: #0c084c !important;
}

.list-icon-secondary > li:not(:last-child)::after {
    background: #0c084c !important;
}

.list-icon-blue-1 > li .list-icon-shape {
    border-color: #54E8FF !important;
}

.list-icon-blue-1 > li:not(:last-child)::after {
    background: #54E8FF !important;
}

.list-icon-blue-2 > li .list-icon-shape {
    border-color: #45BBCE !important;
}

.list-icon-blue-2 > li:not(:last-child)::after {
    background: #45BBCE !important;
}

.list-icon-blue-3 > li .list-icon-shape {
    border-color: #00C3FF !important;
}

.list-icon-blue-3 > li:not(:last-child)::after {
    background: #00C3FF !important;
}

.list-icon-blue-4 > li .list-icon-shape {
    border-color: #009AC7 !important;
}

.list-icon-blue-4 > li:not(:last-child)::after {
    background: #009AC7 !important;
}

.list-icon-pink > li .list-icon-shape {
    border-color: #FF24C1 !important;
}

.list-icon-pink > li:not(:last-child)::after {
    background: #FF24C1 !important;
}

.list-icon-pink-1 > li .list-icon-shape {
    border-color: #D25AB0 !important;
}

.list-icon-pink-1 > li:not(:last-child)::after {
    background: #D25AB0 !important;
}

.list-icon-pink-dark > li .list-icon-shape {
    border-color: #B51A8A !important;
}

.list-icon-pink-dark > li:not(:last-child)::after {
    background: #B51A8A !important;
}

.list-icon-sky > li .list-icon-shape {
    border-color: #00A6FF !important;
}

.list-icon-sky > li:not(:last-child)::after {
    background: #00A6FF !important;
}

.list-icon-sky-dark > li .list-icon-shape {
    border-color: #0081C6 !important;
}

.list-icon-sky-dark > li:not(:last-child)::after {
    background: #0081C6 !important;
}

.list-icon-green-1 > li .list-icon-shape {
    border-color: #70BE1E !important;
}

.list-icon-green-1 > li:not(:last-child)::after {
    background: #70BE1E !important;
}

.list-icon-sea-green > li .list-icon-shape {
    border-color: #C7EDD5 !important;
}

.list-icon-sea-green > li:not(:last-child)::after {
    background: #C7EDD5 !important;
}

.list-icon-black > li .list-icon-shape {
    border-color: #000 !important;
}

.list-icon-black > li:not(:last-child)::after {
    background: #000 !important;
}

.list-icon-white > li .list-icon-shape {
    border-color: #fff !important;
}

.list-icon-white > li:not(:last-child)::after {
    background: #fff !important;
}

.list-icon-gray-100 > li .list-icon-shape {
    border-color: #FAFAFA !important;
}

.list-icon-gray-100 > li:not(:last-child)::after {
    background: #FAFAFA !important;
}

.list-icon-gray-150 > li .list-icon-shape {
    border-color: #F9F9F9 !important;
}

.list-icon-gray-150 > li:not(:last-child)::after {
    background: #F9F9F9 !important;
}

.list-icon-gray-200 > li .list-icon-shape {
    border-color: #A9A9AB !important;
}

.list-icon-gray-200 > li:not(:last-child)::after {
    background: #A9A9AB !important;
}

.list-icon-gray-250 > li .list-icon-shape {
    border-color: #7E7E80 !important;
}

.list-icon-gray-250 > li:not(:last-child)::after {
    background: #7E7E80 !important;
}

.list-icon-gray-300 > li .list-icon-shape {
    border-color: #6A6A6A !important;
}

.list-icon-gray-300 > li:not(:last-child)::after {
    background: #6A6A6A !important;
}

.list-icon-gray-400 > li .list-icon-shape {
    border-color: #333333 !important;
}

.list-icon-gray-400 > li:not(:last-child)::after {
    background: #333333 !important;
}

.list-icon-gray-500 > li .list-icon-shape {
    border-color: #222222 !important;
}

.list-icon-gray-500 > li:not(:last-child)::after {
    background: #222222 !important;
}

.list-icon-gray-600 > li .list-icon-shape {
    border-color: #191919 !important;
}

.list-icon-gray-600 > li:not(:last-child)::after {
    background: #191919 !important;
}

.list-ordered {
    counter-reset: count;
}

.list-ordered > li {
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 119px;
    padding-left: 143px;
}

@media only screen and (max-width: 36em) {
    .list-ordered > li {
        min-height: 76px;
        padding-left: 91px;
    }
}

.list-ordered > li::after, .list-ordered > li::before {
    position: absolute;
}

.list-ordered > li::before {
    counter-increment: count;
    content: counter(count);
    left: 0;
    top: 0;
    font-size: 52px;
    font-weight: 300;
    height: 119px;
    width: 119px;
    border: 1px solid;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

@media only screen and (max-width: 36em) {
    .list-ordered > li::before {
        height: 76px;
        width: 76px;
        font-size: 33px;
    }
}

.list-ordered > li:not(:last-child) {
    margin-bottom: 36px;
}

.list-ordered > li:not(:last-child)::after {
    content: '';
    height: 100%;
    width: 1px;
    top: 119px;
    left: 59.5px;
}

@media only screen and (max-width: 36em) {
    .list-ordered > li:not(:last-child)::after {
        top: 76px;
        left: 38px;
    }
}

.list-ordered-primary > li::before {
    border-color: #FF6633 !important;
    color: #FF6633 !important;
}

.list-ordered-primary > li::after {
    background: #FF6633 !important;
}

.list-ordered-secondary > li::before {
    border-color: #0c084c !important;
    color: #0c084c !important;
}

.list-ordered-secondary > li::after {
    background: #0c084c !important;
}

.list-ordered-blue-1 > li::before {
    border-color: #54E8FF !important;
    color: #54E8FF !important;
}

.list-ordered-blue-1 > li::after {
    background: #54E8FF !important;
}

.list-ordered-blue-2 > li::before {
    border-color: #45BBCE !important;
    color: #45BBCE !important;
}

.list-ordered-blue-2 > li::after {
    background: #45BBCE !important;
}

.list-ordered-blue-3 > li::before {
    border-color: #00C3FF !important;
    color: #00C3FF !important;
}

.list-ordered-blue-3 > li::after {
    background: #00C3FF !important;
}

.list-ordered-blue-4 > li::before {
    border-color: #009AC7 !important;
    color: #009AC7 !important;
}

.list-ordered-blue-4 > li::after {
    background: #009AC7 !important;
}

.list-ordered-pink > li::before {
    border-color: #FF24C1 !important;
    color: #FF24C1 !important;
}

.list-ordered-pink > li::after {
    background: #FF24C1 !important;
}

.list-ordered-pink-1 > li::before {
    border-color: #D25AB0 !important;
    color: #D25AB0 !important;
}

.list-ordered-pink-1 > li::after {
    background: #D25AB0 !important;
}

.list-ordered-pink-dark > li::before {
    border-color: #B51A8A !important;
    color: #B51A8A !important;
}

.list-ordered-pink-dark > li::after {
    background: #B51A8A !important;
}

.list-ordered-sky > li::before {
    border-color: #00A6FF !important;
    color: #00A6FF !important;
}

.list-ordered-sky > li::after {
    background: #00A6FF !important;
}

.list-ordered-sky-dark > li::before {
    border-color: #0081C6 !important;
    color: #0081C6 !important;
}

.list-ordered-sky-dark > li::after {
    background: #0081C6 !important;
}

.list-ordered-green-1 > li::before {
    border-color: #70BE1E !important;
    color: #70BE1E !important;
}

.list-ordered-green-1 > li::after {
    background: #70BE1E !important;
}

.list-ordered-sea-green > li::before {
    border-color: #C7EDD5 !important;
    color: #C7EDD5 !important;
}

.list-ordered-sea-green > li::after {
    background: #C7EDD5 !important;
}

.list-ordered-black > li::before {
    border-color: #000 !important;
    color: #000 !important;
}

.list-ordered-black > li::after {
    background: #000 !important;
}

.list-ordered-white > li::before {
    border-color: #fff !important;
    color: #fff !important;
}

.list-ordered-white > li::after {
    background: #fff !important;
}

.list-ordered-gray-100 > li::before {
    border-color: #FAFAFA !important;
    color: #FAFAFA !important;
}

.list-ordered-gray-100 > li::after {
    background: #FAFAFA !important;
}

.list-ordered-gray-150 > li::before {
    border-color: #F9F9F9 !important;
    color: #F9F9F9 !important;
}

.list-ordered-gray-150 > li::after {
    background: #F9F9F9 !important;
}

.list-ordered-gray-200 > li::before {
    border-color: #A9A9AB !important;
    color: #A9A9AB !important;
}

.list-ordered-gray-200 > li::after {
    background: #A9A9AB !important;
}

.list-ordered-gray-250 > li::before {
    border-color: #7E7E80 !important;
    color: #7E7E80 !important;
}

.list-ordered-gray-250 > li::after {
    background: #7E7E80 !important;
}

.list-ordered-gray-300 > li::before {
    border-color: #6A6A6A !important;
    color: #6A6A6A !important;
}

.list-ordered-gray-300 > li::after {
    background: #6A6A6A !important;
}

.list-ordered-gray-400 > li::before {
    border-color: #333333 !important;
    color: #333333 !important;
}

.list-ordered-gray-400 > li::after {
    background: #333333 !important;
}

.list-ordered-gray-500 > li::before {
    border-color: #222222 !important;
    color: #222222 !important;
}

.list-ordered-gray-500 > li::after {
    background: #222222 !important;
}

.list-ordered-gray-600 > li::before {
    border-color: #191919 !important;
    color: #191919 !important;
}

.list-ordered-gray-600 > li::after {
    background: #191919 !important;
}

.list-hover > li > a {
    display: block;
}

.list-hover-primary > li > a:hover {
    color: #FF6633 !important;
}

.list-hover-secondary > li > a:hover {
    color: #0c084c !important;
}

.list-hover-blue-1 > li > a:hover {
    color: #54E8FF !important;
}

.list-hover-blue-2 > li > a:hover {
    color: #45BBCE !important;
}

.list-hover-blue-3 > li > a:hover {
    color: #00C3FF !important;
}

.list-hover-blue-4 > li > a:hover {
    color: #009AC7 !important;
}

.list-hover-pink > li > a:hover {
    color: #FF24C1 !important;
}

.list-hover-pink-1 > li > a:hover {
    color: #D25AB0 !important;
}

.list-hover-pink-dark > li > a:hover {
    color: #B51A8A !important;
}

.list-hover-sky > li > a:hover {
    color: #00A6FF !important;
}

.list-hover-sky-dark > li > a:hover {
    color: #0081C6 !important;
}

.list-hover-green-1 > li > a:hover {
    color: #70BE1E !important;
}

.list-hover-sea-green > li > a:hover {
    color: #C7EDD5 !important;
}

.list-hover-black > li > a:hover {
    color: #000 !important;
}

.list-hover-white > li > a:hover {
    color: #fff !important;
}

.list-hover-gray-100 > li > a:hover {
    color: #FAFAFA !important;
}

.list-hover-gray-150 > li > a:hover {
    color: #F9F9F9 !important;
}

.list-hover-gray-200 > li > a:hover {
    color: #A9A9AB !important;
}

.list-hover-gray-250 > li > a:hover {
    color: #7E7E80 !important;
}

.list-hover-gray-300 > li > a:hover {
    color: #6A6A6A !important;
}

.list-hover-gray-400 > li > a:hover {
    color: #333333 !important;
}

.list-hover-gray-500 > li > a:hover {
    color: #222222 !important;
}

.list-hover-gray-600 > li > a:hover {
    color: #191919 !important;
}

/** ========= FORMS ========= */
.form-control {
    border: 1px solid #d0d0d1;
    font-size: "Open Sans", sans-serif;
    font-family: inherit;
    padding: 10px 13px;
    height: auto;
    border-radius: 3px;
    display: block;
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
    width: 100%;
}

.form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fieldset {
    padding: 15px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #d0d0d1;
    padding: 10px 13px;
    border-radius: 3px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group.is-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.input-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.input-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    color: #A9A9AB;
}

label {
    display: block;
    font-size: inherit;
}

label:not(:last-child) {
    margin-bottom: 10px;
}

.md-form {
    position: relative;
}

.md-form label {
    margin: 0;
    background: #fff;
    color: #6A6A6A;
    font-size: 13px;
    padding: 1px 5px;
    position: absolute;
    display: block;
    top: -20px;
    left: -5px;
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
}

.md-form .form-control {
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: 0;
    color: #222222;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.md-form .form-control::-webkit-input-placeholder {
    font-weight: normal;
    color: #A9A9AB;
}

.md-form .form-control::-moz-placeholder {
    font-weight: normal;
    color: #A9A9AB;
}

.md-form .form-control:-ms-input-placeholder {
    font-weight: normal;
    color: #A9A9AB;
}

.md-form .form-control::-ms-input-placeholder {
    font-weight: normal;
    color: #A9A9AB;
}

.md-form .form-control::placeholder {
    font-weight: normal;
    color: #A9A9AB;
}

.md-form .form-control:placeholder-shown + label {
    opacity: 0;
    visibility: hidden;
    top: 0;
}

.lined-form {
    border: none;
    border-bottom: 1px solid #d0d0d1;
    padding-left: 0;
    padding-right: 0;
}

.label {
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    font-size: 13px;
    line-height: normal;
    padding: 5px 10px;
    color: #fff;
}

.label-primary {
    background: #FF6633 !important;
}

.label-secondary {
    background: #0c084c !important;
}

.label-blue-1 {
    background: #54E8FF !important;
}

.label-blue-2 {
    background: #45BBCE !important;
}

.label-blue-3 {
    background: #00C3FF !important;
}

.label-blue-4 {
    background: #009AC7 !important;
}

.label-pink {
    background: #FF24C1 !important;
}

.label-pink-1 {
    background: #D25AB0 !important;
}

.label-pink-dark {
    background: #B51A8A !important;
}

.label-sky {
    background: #00A6FF !important;
}

.label-sky-dark {
    background: #0081C6 !important;
}

.label-green-1 {
    background: #70BE1E !important;
}

.label-sea-green {
    background: #C7EDD5 !important;
}

.label-black {
    background: #000 !important;
}

.label-white {
    background: #fff !important;
}

.label-gray-100 {
    background: #FAFAFA !important;
}

.label-gray-150 {
    background: #F9F9F9 !important;
}

.label-gray-200 {
    background: #A9A9AB !important;
}

.label-gray-250 {
    background: #7E7E80 !important;
}

.label-gray-300 {
    background: #6A6A6A !important;
}

.label-gray-400 {
    background: #333333 !important;
}

.label-gray-500 {
    background: #222222 !important;
}

.label-gray-600 {
    background: #191919 !important;
}

.slice {
    padding-top: 101px;
    padding-bottom: 48px;
}

@media only screen and (max-width: 36em) {
    .slice {
        padding-top: 41px;
    }
}

.slice-2 {
    padding-top: 80px;
    padding-bottom: 111px;
}

.slice-3 {
    padding-top: 93px;
    padding-bottom: 70px;
}

.slice-4 {
    padding-top: 64px;
    padding-bottom: 70px;
}

@media only screen and (max-width: 36em) {
    .slice-4 {
        padding-top: 20px;
        padding-bottom: 40px;
    }
}

.slice-b-104 {
    padding-bottom: 104px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .col-lg-4.d-flex {
        display: block !important;
    }
}

.cookie-policy {
    background: -webkit-gradient(linear, left top, right top, from(#333333), to(#191919));
    background: -o-linear-gradient(left, #333333 0%, #191919 100%);
    background: linear-gradient(90deg, #333333 0%, #191919 100%);
    padding-top: 21px;
    padding-bottom: 21px;
    position: fixed;
    z-index: 99;
    bottom: 0;
    width: 100%;
}

.isi {
    background: -webkit-gradient(linear, left top, right top, from(#00C3FF), to(#009AC7));
    background: -o-linear-gradient(left, #00C3FF, #009AC7);
    background: linear-gradient(90deg, #00C3FF, #009AC7);
}

.callout {
    margin-top: 93px;
    padding-top: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 475px;
}

@media only screen and (max-width: 36em) {
    .callout {
        padding-top: 120px;
    }
}

.callout-2 {
    color: #fff;
    background-image: url("/build/img/nourianz/hcp/CTA_HCP_Background_2x.jpg");
}

.callout-3 {
    background-image: url("/build/img/nourianz/patient/CTA_PAT_Background_2x.jpg");
}

.callout-3 h1 {
    color: #80005D;
}

.callout-4 {
    color: #fff;
    background-image: url("/build/img/poteligeo/hcp/poteligeo_cta_hcp_background_2x.jpg");
}

.callout-5 {
    color: #000;
    background-image: url("/build/img/poteligeo/patient/Potelogeo_CTA_PAT_background_2x.jpg");
}

.icon-circle {
    width: 80px;
    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto 16px;
}

.icon-circle > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icon-circle-1 {
    background-image: url("/build/img/nourianz/hcp/SVGs/circle.svg");
}

.icon-circle-2 {
    background-image: url("/build/img/nourianz/patient/SVGs/pink-circle.svg");
}

.icon-circle-3 {
    background-image: url("/build/img/poteligeo/hcp/SVGs/poteligeo-circle.svg");
}

.icon-circle-4 {
    background-image: url("/build/img/poteligeo/patient/SVGs/green-circle.svg");
}

.modal-kkc .modal-content {
    background: transparent;
    border: none;
}

.modal-kkc .close {
    background: transparent;
    width: 56px;
    height: 56px;
    position: absolute;
    right: -69px;
    border: 2px solid #FF6633;
    opacity: 1;
    color: #FF6633;
    border-radius: 100%;
    outline: none !important;
}

@media only screen and (max-width: 47.9em) {
    .modal-kkc .close {
        width: 30px;
        height: 30px;
        right: 20px;
        top: -20px;
    }
}

.modal-kkc .close > span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
}

.modal-kkc .close > span, .modal-kkc .close > span::before, .modal-kkc .close > span::after {
    width: 24px;
    height: 2px;
}

@media only screen and (max-width: 47.9em) {
    .modal-kkc .close > span, .modal-kkc .close > span::before, .modal-kkc .close > span::after {
        width: 12px;
    }
}

.modal-kkc .close > span::before, .modal-kkc .close > span::after {
    content: '';
    position: absolute;
    background: #FF6633;
    left: 0;
    top: 0;
    border-radius: 2px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.modal-kkc .close > span::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.modal-kkc .close > span::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal-dialog {
    margin: 200px auto 40px;
}

.modal-normal .modal-dialog {
    margin: 31px auto;
}

.modal-backdrop {
    background-color: #fff;
}

.modal-backdrop.show {
    opacity: .94;
}

.hero {
    padding-top: 64px;
    position: relative;
    margin-bottom: 64px;
}

@media only screen and (max-width: 47.9em) {
    .hero {
        padding-top: 0;
    }
}

.hero-caption {
    color: #000;
}

.hero-caption h1 {
    font-size: 40px;
    line-height: 40px !important;
    font-weight: bold;
    margin-bottom: 15px;
}

@media only screen and (max-width: 47.9em) {
    .hero-caption h1 {
        font-size: 38px;
    }
}

.hero-caption p {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 23px;
    max-width: 610px;
    width: 100%;
}

@media only screen and (max-width: 75em) {
    .hero-caption p {
        font-size: 19px;
        line-height: 19px;
    }
}

@media only screen and (max-width: 62em) {
    .hero-caption p {
        font-size: 16px;
        line-height: 18px;
    }
}

.hero-caption p:not(:last-child) {
    line-height: 27px;
    margin-bottom: 31px;
}

.hero-banner {
    height: 440px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 47.9em) {
    .hero-banner {
        height: 145px;
        position: relative;
        margin-bottom: 21px;
    }
}

.hero-banner-1 {
    background-image: url("/build/img/global-landing/hero_image_asset.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .hero-banner-1 {
        background-image: url("/build/img/global-landing/hero_image_asset_2x.jpg");
    }
}

.hero-banner-2 {
    background-image: url("/build/img/nourianz/patient/Hero_PAT_Background.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .hero-banner-2 {
        background-image: url("/build/img/nourianz/patient/Hero_PAT_Background_2x.jpg");
    }
}

.hero-banner-3 {
    background-image: url("/build/img/nourianz/hcp/Hero-HCP-Background.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .hero-banner-3 {
        background-image: url("/build/img/nourianz/hcp/Hero-HCP-Background_2x.jpg");
    }
}

.hero-banner-4 {
    background-image: url("/build/img/poteligeo/hcp/poteligeo_hero_HCP_background.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .hero-banner-4 {
        background-image: url("/build/img/poteligeo/hcp/poteligeo_hero_HCP_background_2x.jpg");
    }
}

.hero-banner-5 {
    background-image: url("/build/img/poteligeo/patient/PoteligeoHero-PAT-Background.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .hero-banner-5 {
        background-image: url("/build/img/poteligeo/patient/PoteligeoHero-PAT-Background_2x.jpg");
    }
}

.hero-banner-logo {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    left: 0;
    right: 0;
}

.hero-banner-logo-md {
    max-width: 100%;
    display: inline-block;
}

.hero-banner-logo > img {
    width: 180px;
}

@media only screen and (max-width: 47.9em) {
    .hero-banner-logo {
        display: block;
    }
}

.hero-block {
    background: #fff;
    margin-top: 4px;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0 16px 24px rgba(0, 0, 0, 0.32);
    box-shadow: 0 16px 24px rgba(0, 0, 0, 0.32);
}

.hero-block::before {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -4px;
}

.hero-block-pink::before {
    background: -webkit-gradient(linear, right top, left top, from(#B51A8A), to(#FF24C1));
    background: -o-linear-gradient(right, #B51A8A, #FF24C1);
    background: linear-gradient(to left, #B51A8A, #FF24C1);
}

.hero-block-blue::before {
    background: -webkit-gradient(linear, right top, left top, from(#45BBCE), to(#54E8FF));
    background: -o-linear-gradient(right, #45BBCE, #54E8FF);
    background: linear-gradient(to left, #45BBCE, #54E8FF);
}

.hero-block-sky::before {
    background: -webkit-gradient(linear, right top, left top, from(#0081C6), to(#00A6FF));
    background: -o-linear-gradient(right, #0081C6, #00A6FF);
    background: linear-gradient(to left, #0081C6, #00A6FF);
}

.hero-block-green::before {
    background: -webkit-gradient(linear, right top, left top, from(#ACFF54), to(#85C441));
    background: -o-linear-gradient(right, #ACFF54, #85C441);
    background: linear-gradient(to left, #ACFF54, #85C441);
}

.hero-block-img {
    padding: 60px 65px 0;
    height: 144px;
}

@media only screen and (max-width: 62em) {
    .hero-block-img {
        padding: 50px 30px 0;
    }
}

@media only screen and (max-width: 47.9em) {
    .hero-block-img {
        padding: 56px 65px 0;
    }
}

.hero-block-img > img {
    max-width: 219px;
    width: 100%;
}

.hero-block-body {
    padding: 40px 44px;
}

@media only screen and (max-width: 47.9em) {
    .hero-block-body {
        padding: 38px 44px;
    }
}

.hero-block-body > .hero-cta:not(:last-child) {
    margin-bottom: 39px;
}

.hero-block-body > .hero-cta .btn-block {
    margin-bottom: 16px;
}

.hero-block-body-2 .hero-block-body-content h3 {
    margin-left: -33px;
    margin-right: -33px;
}

.hero-block-full .hero-block-img {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.hero-block-full .hero-block-img.hero-block-fullv {
    height: auto;
}
.hero-block-full .hero-block-img.hero-block-fullv > img{
    position: static;
    transform: none;
}

@media only screen and (max-width: 75em) {
    .hero-block-full .hero-block-img {
        height: 120px;
    }
}

@media only screen and (max-width: 47.9em) {
    .hero-block-full .hero-block-img {
        height: 180px;
    }
}

@media only screen and (max-width: 36em) {
    .hero-block-full .hero-block-img {
        height: 130px;
    }
}

.hero-block-full .hero-block-img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.hero-secondary {
    margin-bottom: 0;
    padding-top: 108px;
    height: 440px;
}

@media only screen and (max-width: 62em) {
    .hero-secondary {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 47.9em) {
    .hero-secondary {
        height: auto;
        padding-top: 0;
    }
}

.hero-secondary .hero-caption h1 {
    margin-bottom: 28px;
}

.hero-secondary .hero-caption p {
    font-size: 20px;
    line-height: 30px;
    max-width: 543px;
    margin: 0;
}

@media only screen and (max-width: 47.9em) {
    .hero-secondary .hero-caption p {
        font-size: 18px;
        line-height: 25px;
        max-width: unset;
    }
}

.home-curve-background {
    height: 750px;
}

@media only screen and (max-width: 75em) {
    .home-curve-background {
        height: 520px;
    }
}

@media only screen and (max-width: 47.9em) {
    .home-curve-background {
        height: 390px;
    }
}

@media only screen and (max-width: 36em) {
    .home-curve-background {
        height: 250px;
    }
}

@media only screen and (max-width: 22.5em) {
    .home-curve-background {
        height: 198px;
    }
}

/** ========= VIDEO PLAYER ========= */
.home-video-container{
    margin-bottom: 64px;
}

/** ========= HEADER ========= */
.header {
    background: #fff;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);
    padding: 14px 56px;
    position: relative;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.header.header-with-nav {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #F9F9F9;
}

@media only screen and (max-width: 75em) {
    .header {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.header-disclaimer > .bg-gray-200 {
    padding-top: 7px;
    padding-bottom: 6px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.header-logo {
    display: block;
    width: 137px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-logo > img {
    max-width: 100%;
}

.header-container {
    position: fixed;
    top: 0;
    z-index: 500;
    width: 100%;
}

@media only screen and (max-width: 75em) {
    .header-secondary .navigation {
        display: block !important;
    }
}

.header-secondary .navigation-list > li:not(:last-child) {
    margin-right: 31px;
}

@media only screen and (max-width: 90em) {
    .header-secondary .navigation-list > li:not(:last-child) {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 75em) {
    .header-secondary .navigation-list > li:not(:last-child) {
        margin-right: 0;
    }
}

.header-secondary .header-logo {
    margin-right: 56px;
}

.header-sm {
    display: none;
}

@media only screen and (max-width: 75em) {
    .header-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 75em) {
    .header-rt {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .header-rt .navigation > .navigation-list + a, .header-rt .navigation > .navigation-list + .d-flex.align-items-center {
        margin-top: 10px;
    }

    .header-rt .navigation > .navigation-list + .d-flex.align-items-center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-rt .navigation > .navigation-list + .d-flex.align-items-center > .mr-3 {
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
}

.header-toggle {
    display: block;
    height: 30px;
    width: 30px;
    position: relative;
}

.header-toggle, .header-toggle > span {
    cursor: pointer;
}

.header-toggle > span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    display: block;
    width: 30px;
    height: 30px;
    background: url("/build/img/base/misc/nav-menu-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.header-toggle.open > span {
    background-image: url("/build/img/base/misc/nav-close-icon.svg");
}

@media only screen and (max-width: 75em) {
    .header .navigation {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-top: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        position: relative;
    }

    .header .navigation::after {
        content: '';
        position: absolute;
        top: 0;
        left: -15px;
        border-top: 1px solid #e0e0e0;
        height: 1px;
        width: calc(100% + 30px);
        -webkit-transition: 0.25s all ease-in-out;
        -o-transition: 0.25s all ease-in-out;
        transition: 0.25s all ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .header .navigation .navigation-list > li {
        display: block;
    }

    .header .navigation .navigation-list > li:not(:last-child) {
        margin-right: 0;
    }
}

/** ========= NAVIGATION ========= */
.navigation::after {
    content: none;
}

@media only screen and (min-width: 75.06em) {
    .navigation-xs {
        display: block !important;
    }
}

@media only screen and (max-width: 75em) {
    .navigation-xs {
        display: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

.navigation-list > li {
    display: inline-block;
    vertical-align: middle;
}

.navigation-list > li:not(:last-child) {
    margin-right: 47px;
}
.navigation-list-lg > li:not(:last-child) {
    margin-right: 30px;
}

.navigation-list > li > a {
    font-weight: 600;
    color: #000;
    padding: 20px 0;
}


@media only screen and (max-width: 90em) {
    .navigation-list-lg > li:not(:last-child) {
        margin-right: 12px;
    }
    .navigation-list-lg > li > a {
        padding: 12px 0;
        font-size: 12px;
    }
}

@media only screen and (max-width: 75em) {
    .navigation-list > li > a {
        display: block;
        padding: 12px 0;
        font-size: 12px;
    }
}

.navigation-list > li > a.active, .navigation-list > li > a:hover {
    color: #FF6633;
}

.navigation-icon {
    display: inline-block;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    margin-left: 5px;
    color: #FF6633;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.navigation-dropdown-sub {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
    background: #fff;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 100%;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

@media only screen and (max-width: 75em) {
    .navigation-dropdown-sub {
        position: static;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        -webkit-transform: translateY(1) !important;
        -ms-transform: translateY(1) !important;
        transform: translateY(1) !important;
        display: none;
    }

    .navigation-dropdown-sub > .navigation-list > li > a {
        color: #6A6A6A;
    }
}

.navigation-dropdown:hover > a + .navigation-dropdown-sub, .navigation-dropdown.active >a+.navigation-dropdown-sub {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 75em) {
    .navigation-dropdown:hover > a + .navigation-dropdown-sub {
        display: block;
    }
}

.navigation-dropdown:hover > a > .navigation-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/** ========= WRAPPER ========= */
.main-content {
    margin-top: 95.4px;
}

.section {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 36em) {
    .section {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

/** ========= FOOTER ========= */
.footer {
    padding-top: 44px;
    padding-bottom: 41px;
}

@media only screen and (max-width: 36em) {
    .footer {
        padding-top: 34px;
        padding-bottom: 25px;
    }
}

.footer-top {
    margin-bottom: 21px;
}

@media only screen and (max-width: 36em) {
    .footer-top {
        margin-bottom: 11px;
        display: block !important;
    }
}

@media only screen and (max-width: 36em) {
    .footer-logo {
        width: 138px;
        display: block;
    }

    .footer-logo > img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 36em) {
    .footer .font-sm1 > span {
        display: block;
        margin-bottom: 5px;
    }
}

.footer-w-isi {
    margin-bottom: 51px;
}

.cookie-policy, .isi {
    position: fixed;
    z-index: 550;
    bottom: 0;
    width: 100%;
}

.cookie-policy {
    display: none;
    z-index: 600;
    padding-top: 21px;
    padding-bottom: 21px;
    background: -webkit-gradient(linear, left top, right top, from(#333333), to(#191919));
    background: -o-linear-gradient(left, #333333 0%, #191919 100%);
    background: linear-gradient(90deg, #333333 0%, #191919 100%);
}

@media only screen and (max-width: 47.9em) {
    .cookie-policy p {
        line-height: 19px;
    }

    .cookie-policy .col-md-2 {
        text-align: center !important;
        margin-top: 20px;
    }
}

.isi-title {
    padding-top: 12px;
    padding-bottom: 12px;
    background: -webkit-gradient(linear, left top, right top, from(#00C3FF), to(#009AC7));
    background: -o-linear-gradient(left, #00C3FF, #009AC7);
    background: linear-gradient(90deg, #00C3FF, #009AC7);
}

.isi-title-1 {
    background: #D25AB0;
}

.isi-title-2 {
    background: -webkit-gradient(linear, right top, left top, from(#009AC7), to(#00C3FF));
    background: -o-linear-gradient(right, #009AC7 0%, #00C3FF 100%);
    background: linear-gradient(270deg, #009AC7 0%, #00C3FF 100%);
}

.isi-title-3 {
    background: #85C441;
}

@media only screen and (max-width: 36em) {
    .isi-title .font-lg2 {
        font-size: 13px;
    }
}

.isi-content {
    background: #fff;
    padding-top: 66px;
    padding-bottom: 66px;
    max-height: calc(100vh - 144px);
    overflow: auto;
}

.isi-backdrop {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 540;
    background: rgba(51, 51, 51, 0.91);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.isi-backdrop.show {
    opacity: 1;
    visibility: visible;
}


html {
    scroll-behavior: smooth;
}   

/* WCAG-ACCESSIBLITY */

*:focus-visible {
    
    outline: 0.3rem solid red;
    text-decoration: none;
    
}
*:focus:active {
    outline: none;
}

/* Button Focus */
*.btn:focus-visible {
    outline: 0.3rem solid red;
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* accordion-focus */

.accordion:focus-visible {
    outline: 0.3rem solid red !important;
}

/* Modal-focus */
.modal button:focus-visible {
    outline: 0.3rem solid red !important;
}

a, a:active, a:focus, a:hover, a:visited {
    text-decoration: none;
}

/* focus for input checkbox */
label:focus-visible {
    outline: 0.3rem solid red !important;
    text-decoration: none;
}

.input:focus-visible {
    outline: 0.3rem solid red !important;
    text-decoration: none;
}

.custom-select:focus-visible {
    outline: 0.3rem solid red !important;
    text-decoration: none;
}

/* FORM FOCUS */
.form-control:focus-visible {
    outline: 0.3rem solid red;
    text-decoration: none;
}

.access_nav-item{
    position: fixed;
    top: -20em;
    width: 100%;
    z-index: 150;
    background:  #FF6633;
    padding: 1rem;
    color: #ffffff;
    text-align: center;
    display: block;
    }
    .access_nav-item:focus{
        top: 0;
    }
    .btn-outline-blue-4.dead-link {
        color: #009AC7 !important;
    }
    .btn-outline-pink-dark.dead-link {
        color: #B51A8A !important;
    }
    .btn-outline-blue-4.dead-link:hover {
        background: transparent !important;
    }
    .dead-link {
        pointer-events: none;
    }
    .btn-outline-pink-dark.dead-link:hover {
     background: transparent !important;
    }