.rx-web-chat{
    z-index: 9999!important;
}

.just-what-you-need {}

.just-what-you-need h1,
.just-what-you-need h2.h1 {
    color: #0097e2 !important;
    font-size: 40px !important;
    font-weight: bold !important;
    line-height: 53px !important;
}

.just-what-you-need p {
    color: #595959 !important;
    font-size: 22px !important;
    line-height: 32px !important;
}

.contact-us-hero{
     background: url(../images/hero/hero-contact-desktop.png), linear-gradient(90deg, rgba(240,239,244,1) 0%, rgba(255,255,255,1) 100%);
     background-size: auto 100%;
     background-repeat: no-repeat;
 }

.what-is-paragard-hero{
    background: url(../images/hero/hero-what-is-desktop.png), linear-gradient(90deg, rgba(226,231,234,1) 0%, rgba(255,255,255,1) 100%);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.cost-hero{
    background: url(../images/hero/hero-cost-desktop.png), linear-gradient(90deg, rgba(232,233,237,1) 0%, rgba(255,255,255,1) 100%);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.is-right-hero{
    background: url(../images/hero/hero-is-right-desktop.png), linear-gradient(90deg, rgba(222,228,228,1) 0%, rgba(255,255,255,1) 100%);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.resources-hero{
    background: url(../images/hero/hero-resources-desktop.png), linear-gradient(90deg, rgba(220,225,228,1) 0%, rgba(255,255,255,1) 100%);
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
    .contact-us-hero{
        background: url(../images/hero/hero-contact-mobile.png), linear-gradient(90deg, rgba(240,239,244,1) 0%, rgba(255,255,255,1) 100%);
        background-size: auto 100%;
        background-repeat: no-repeat;
    }

    .what-is-paragard-hero{
        background: url(../images/hero/hero-what-is-mobile.png), linear-gradient(90deg, rgba(226,231,234,1) 0%, rgba(255,255,255,1) 100%);
        background-size: auto 100%;
        background-repeat: no-repeat;
        margin-bottom: 6rem;
    }

    .cost-hero{
        background: url(../images/hero/hero-cost-mobile.png), linear-gradient(90deg, rgba(232,233,237,1) 0%, rgba(255,255,255,1) 100%);
        background-size: auto 100%;
        background-repeat: no-repeat;
    }

    .is-right-hero{
        background: url(../images/hero/hero-is-right-mobile.png), linear-gradient(90deg, rgba(222,228,228,1) 0%, rgba(255,255,255,1) 100%);
        background-size: auto 100%;
        background-repeat: no-repeat;
        margin-bottom: 2rem;
    }

    .resources-hero{
        background: url(../images/hero/hero-resources-mobile.png), linear-gradient(90deg, rgba(220,225,228,1) 0%, rgba(255,255,255,1) 100%);
        background-size: auto 100%;
        background-repeat: no-repeat;
        margin-bottom: 2rem;
    }
}

.contact-us-mask {
    width: 100%;
    float: left;
    background: linear-gradient(to left, rgba(194, 118, 76, 1) 0%, rgba(210, 145, 100, 1) 10%, rgba(243, 218, 184, 1) 45%, rgba(198, 124, 82, 1) 70%, rgba(194, 118, 76, 1) 100%) right bottom no-repeat;
    background-size: 100% 4px;
    margin-bottom: 0px;
    padding-top: 7rem;
    padding-bottom: 5rem;
}

.contact-us h2.h1 {
    color: #0097e2 !important;
    font-size: 40px !important;
    font-weight: bold !important;
    line-height: 53px !important;
    text-align: center !important;
}

.body-text {
    font-size: 20px;
    line-height: 30px;
    color: #595959;
}

.quick-placement-procedure h1,
.quick-placement-procedure h2.h1 {
    font-size: 40px !important;
    line-height: 53px !important;
}

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

/* FROM WPBAKERY CUSTOM CSS */
.cost-right-section .cost-sub-text1 h2 {
    float: none;
}

.information-title {
    background: #e7eaed;
}


#kbe_content .kbe_leftcol p {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    color: inherit;
    margin-bottom: 20px;
}

#kbe_content .kbe_leftcol ul li,
ol {
    line-height: inherit;
    font-size: inherit;
    color: inherit;
}

.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar,
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    width: 250px;
    left: auto !important;
}

ul.ubermenu-submenu.ubermenu-submenu-type-auto.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    margin-left: 20px !important;
}

.ubermenu .ubermenu-submenu li {
    float: none !important;
    display: block !important;
}

.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header>.ubermenu-target {
    font-weight: normal !important;
}

#logo img {
    width: 225px;
    height: 56px;
    margin-top: 20px !important;
}

.footerlogo-cover img {
    width: 170px;
}

.Paragard-Up-Close-device-image {
    left: 50px;
}

.Paragard-Up-Close-mask .plus-icon-image1,
.Paragard-Up-Close-mask .plus-icon-image2,
.Paragard-Up-Close-mask .plus-icon-image3 {
    top: 0;
    right: -25px;
}

.Paragard-Up-Close-mask .plus-icon-image2 {
    top: 36%;
    right: auto;
    left: 230px;
}

.Paragard-Up-Close-mask .plus-icon-image3 {
    top: 85%;
    right: 150px;
}

.modal-left-image img {
    min-height: 260px;
}

.right-birth-control-title {
    font-weight: normal;
}

.copper-border {
    width: 100%;
    max-width: 1170px;
    display: flex;
    align-self: center;
    top: 200px;
    background-image: linear-gradient(-90deg, #C2764C 0%, #C2764C 20%, #DBA072 27%, #F3DBB9 40%, #DBA072 53%, #C2764C 66%, #DBA072 78%, #DBA072 100%);
    border-radius: 48px;
    padding: 4px;
}

.copper-border .vc_column-inner {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    border-radius: 44px;
}

.kbe_category:nth-child(1) {
    float: none;
    width: 100%;
    margin: 0;
}

.birth-control-cell-more h2 {
    font-size: 20px;
    position: relative;
    z-index: 2;
}

/* FROM INDIVIDUAL PAGES CUSTOM CSS */
/* cost and insurance */
.self-pay-img {
    margin-left: 140px;
    position: static;
    top: auto;
    left: auto;
}



.meet-the-paragard-mask h1,
.meet-the-paragard-mask h2.h1 {
    font-size: 45px;
    line-height: 53px;
}

.Money-Back-title h2 {
    margin-bottom: 0;
}

/* home */
.as-seen-in-cover {
    background: linear-gradient(90deg, #C2764C 20%, #DBA072 27%, #F3DBB9 40%, #DBA072 53%, #C2764C 67%, #DBA072 78%);
    padding-top: 50px;
    /*background-blend-mode: multiply;
box-shadow: inset 0 68px 0 0 rgba(194,118,76,0.70);*/
}

.as-seen-in-cover-gradient {
    background: linear-gradient(#a86642 58%, #c17349, #c8845f);
}

/*.as-seen-in-cover:before {
    background: url(http://paragard.wpengine.com/wp-content/uploads/2018/10/img-copper-bar.png) top left repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    height: 68px;
    width: 100%;
    opacity: .7;
}*/

.as-seen-in-cover .vc_column-inner {
    padding-top: 5px !important;
}

.right-title-subtitle-layout {
    height: auto;
    margin-bottom: 30px !important;
}

.what-is-paragard-mask.faq-block .left-image-layout {
    margin-bottom: 1px !important;
}

.hero-badge {
    position: absolute;
    top: 0;
    right: 20%;
}

.as-seen-in-title h1,
.as-seen-in-title h2.h1 {
    margin-top: 0;
}

.hero-banner-image {
    height: 678px;
    background-position: top left !important;
    margin-top: 0px;
}

.hero-image-text-wrapper {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 12%;
}

.hero-image-text {
    float: right;
    top: 0px;
    width: 62%;
    height: 100%;
    display: table;
    background: linear-gradient(to left, rgba(194, 118, 76, 1) 0%, rgba(210, 145, 100, 1) 10%, rgba(243, 218, 184, 1) 45%, rgba(198, 124, 82, 1) 70%, rgba(194, 118, 76, 1) 100%) right bottom no-repeat;
    background-size: 100% 4px;
    margin-bottom: 6px !important;
}

.hero-image-text h1 {
    color: #ffffff;
    padding-bottom: 15px !important;
    font-size: 64px;
    font-weight: bold;
    line-height: 74px;
    float: left;
    width: 80%;
}

.hero-image-subText h2 {
    margin-left: 38%;
    font-size: 56px;
    font-weight: bold;
    line-height: 0.82;
    color: #ffffff;
}

.hero-image-btn-web {
    max-width: 85% !important;
}

@media screen and (max-width: 767px) {
    #birth-control-header{
        font-size: 24px !important;
    }
    .hero-banner-image {
        height: 365px;
        margin-bottom: auto;
        background-position: left !important;
    }

    .hero-image-text-wrapper {
        margin-top: 42%;
    }

    .hero-image-text h1 {
        width: 60%;
        display: table;
        font-size: 30px;
        line-height: 0.97
    }

    .hero-image-subText h2 {
        font-size: 26px;
        margin-left: 5px;
        line-height: 1.1;
        margin-top: 0px !important;

    }

}

/* how paragard works */
h1,
h2.h1 {
    color: #0097e2;
    font-size: 40px;
    font-weight: bold;
    line-height: 53px;
}

.simple p {
    font-size: 22px;
    line-height: 32px;
    color: #595959;
}

/* is paragard right for me */
.mom-baby {
    bottom: -35px;
    position: relative;
}

/* removed */
.side-effect-and-safety-right-image-layout .left-image-layout img {
    margin-top: 100px !important;
}

.replaced-with-new-right-images-layout img {
    margin-top: 35px !important;
}

/* what can i expect */
.paragard-placement-text .right-title-subtitle-layout {
    margin-top: 60px !important;
}

/* what is paragard */
.benefits-of-paragard-mask {
    width: auto;
}

.smaller-paragard img {
    margin-bottom: -27px;
}

.chart-top {
    background: url(/wp-content/uploads/2018/10/arrow-mid-1@.png) 30px 0 repeat-y;
    padding-top: 67px;
    position: relative;
    border: 0 !important;
    top: 87px;
}

.chart-top:before {
    content: 'More Effective';
    background: url(/wp-content/uploads/2018/10/arrow-top@.png) 0 30px no-repeat;
    position: absolute;
    top: -67px;
    text-align: center;
    width: 100%;
    color: #0097e2;
    font-weight: 700;
    height: 67px;
}

.chart-top .vc_tta-panel-body .vc_row .wpb_column:first-child {
    border: 0 !important;
}

.chart-top .birth-control-cell-more {
    position: relative;
    top: -40px;
}

.chart-top .vc_column_container .vc_column-inner {
    background: url(/wp-content/uploads/2018/10/arrow-mid-1@.png) 30px 0 repeat-y;
    border: 0 !important;
}

.chart-middle {
    background: url(/wp-content/uploads/2018/10/arrow-mid-1@.png) 30px 0 repeat-y;
    border: 0 !important;
}

.chart-middle .vc_tta-panel-body .vc_row .wpb_column:first-child {
    border: 0 !important;
}

.chart-bottom {
    background: url(/wp-content/uploads/2018/10/arrow-mid-1@.png) 30px 0 repeat-y;
    padding-bottom: 0 !important;
    position: relative;
    border: 0 !important;
    bottom: 87px;
}

.chart-bottom:before {
    content: ' ';
    background: url(/wp-content/uploads/2018/10/arrow-bottom@.png) 0 0 no-repeat;
    position: absolute;
    bottom: -67px;
    text-align: center;
    width: 100%;
    color: #0097e2;
    font-weight: 700;
    height: 67px;
}

.chart-bottom .vc_tta-panel-body .vc_row .wpb_column:first-child {
    border: 0 !important;
}

.less-effective {
    position: absolute;
    bottom: -97px;
    color: #0097e2;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

/* what to expect */
.to-place-paragard-right-image img {
    margin-top: 400px;
}

/* accessibility statement */
.accessibility-statement-text p {
    color: #595959;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
}

.accessibility-statement-text a {
    color: #a86642;
    font-weight: bold;
}

/* Review */
.how-works-btn {
    margin-bottom: 0px !important;
}

.review-banner-text {
    margin-right: 0px;
}

.review-page-header-text {
    width: 70%;
    margin-left: 15% !important;
}

.review-text .h1 {
    color: #0097e2;
    margin: 0 0 11px;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 4.5rem;
}

.review-text p {
    color: #595959;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 6rem !important;
}

.factsheet-lang-select .bootstrap-select {
    width: 100% !important;
    margin-left: 0px;
}

.factsheet-lang-select .bootstrap-select.open .caret::after {
    content: '\f106' !important;
}

.factsheet-lang-select .bootstrap-select .caret::after {
    content: '\f107' !important;
}

.resource-btn a {
    width: 100% !important;
}

.review-btn {
    margin-top: -35px !important;
}

.review-btn a {
    margin-top: 4rem !important;
    margin-bottom: 5rem !important;
}

.review-video-title-text h4 {
    margin-top: 10rem;
    color: #0097e2;
    font-size: 30px !important;
}

.review-video-title-text h4 a{
    color: #0097e2;
}

.review-video-row {
    margin-bottom: 0px !important;
}

.review-video-row .wpb_content_element {
    margin-bottom: 10px;
}


.video-share-transcript-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
    /*margin-top: -25px;*/
}

.view-btn {
    /* flex: 1 1 0;
    min-width: 68%; */
    margin-left: 0px;
    margin-top: 0px !important;
}

.view-transcript-btn {
    background: transparent;
    border: none;
    width: 135px;
    height: 33px;
    /* color: #a86642;
    padding-right: 45px;
    font-size: 16px;
    font-weight: 600; */
}

.transcript-closed {
    background-image: url(../images/view-transcript-desktop_v3.svg);
    background-repeat: no-repeat;
    background-position: right;
}

.transcript-open {
    background-image: url(../images/hide-transcript-desktop_v3.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
}

.share-btn {
    width: 85px;
    height: 25px;
    float: right;
    margin-top: 5px;
    background: transparent;
    background-image: url(../images/share-btn-desktop.svg);
    background-repeat: no-repeat;
    border: none;
}

.transcript-text {
    flex: 100%;
    order: 3;
    color: #595959;
    border: 1px solid #595959;
    padding: 16px 16px 0;
    width: 100%;
    max-height: 150px;
    overflow: auto;
    display: none;
}

.safe-for-use-in-mask {
    display: none;
}


.home-page-blue-btn {
    position: relative;
    width: 295px !important;
    position: relative !important;
    top: 0px !important;
    left: -202px !important;
}

.review-page-last-header-text {
    width: 75% !important;
    margin-left: 88px !important;
}

.daily-video-spanich-link {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin-left: 34%;
}

.daily-video-spanich-link a {
    color: #a86642;
    text-decoration: underline;
}

.user-video-subtext {
    font-size: 20px;
    color: #595959;
    text-align: left;
    margin-bottom: 1rem !important;
}

/* Share Modal*/
body.modal-open {
    overflow: scroll !important;
    z-index: 8;
}

.modal-backdrop.in {
    opacity: 0 !important;
}

.share-modal {
    position: absolute !important;
    top: revert !important;
    right: revert !important;
    bottom: 85px !important;
    left: 57% !important;
}

.share-modal-body a {
    color: #595959;
}

.share-modal-content {
    background-color: #f4f4f4 !important;
    height: 283px !important;
    width: 336px !important;
    padding: 10px 27px 13px 17px !important;
}

.share-modal-header {
    border: none !important;
}

.share-btn-close {
    background: transparent url(../images/close-button.png) no-repeat !important;
    border-radius: 0 !important;
    position: inherit !important;
    margin-top: -15px !important;
    margin-right: -50px !important;
}

.share-modal-title {
    font-weight: bold !important;
    color: #595959 !important;
}

.share-modal-body-video-link {
    margin-top: 18px !important;
}

.share-modal-video-link-title {
    font-weight: bold;
    font-size: 16px;
    bottom: 6px;
    color: #595959;
    margin-left: 17px;
    margin-bottom: 7px;
}

.share-modal-copy-video-input {
    height: 36px;
    width: 77%;
    margin-left: 15px;
}

.share-modal-copy-video-btn {
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #0097e2;
}

.social-media-logo {
    padding: 5px 10px !important;
}

.logo-facebook {
    background: url(../images/fb-logo-circle.svg) no-repeat !important;
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 50px;
}

.logo-twitter {
    background: url(../images/twitter-logo-circle.svg) no-repeat !important;
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 50px;
}

.logo-email {
    background: url(../images/email-logo-circle.svg) no-repeat !important;
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 50px;
}

.logo-message {
    background: url(../images/text-message-logo-circle.svg) no-repeat !important;
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 50px;
}

/*Cookie*/
.fixed-cookie-information {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 162px;
    z-index: 9;
    display: none;
}



.fixed-cookie-information>.container {
    border: 1px solid #979797;
    border-bottom: 0;
    background: #ffffff;
}

.cookie-title {
    float: left;
    width: 100%;
    padding: 3px 10px;
    text-align: center;
    font-size: 18px;
    color: #636466;
    font-weight: bold;
    margin-top: 8px;
}

.cookie-close {
    display: inline-block;
    float: right;
    cursor: pointer;
    margin-right: 20px;
    margin-top: -3px;
}

.cookie-description-panel {
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 23px;
}

.cookie-description-panel a {
    color: #a86642;
    text-decoration: underline;
    font-weight: bold;
}

.general-cookie-container {
    display: block;
    margin-bottom: 21.7391px;
    max-width: 100%;
    text-align: left !important;
    margin-top: 10px !important;
}



.general-cookie {
    background-repeat: repeat-x;
    padding-top: 14px;
    padding-bottom: 14px;
    display: inline-block;
    margin-bottom: 0px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
    position: relative;
    top: 0;
    transition: all 0.2s ease-in-out;
}

a.general-cookie.accept-cookie {
    padding-right: 70px !important;
    padding-left: 70px !important;
}

/*HomePage banner */
#home-page-hero-image {
    background: url(../images/updated-hero-image-v2.png) no-repeat !important;
    background-position: 105% !important;
    background-size: cover !important;
}

.home-page-hero-image {
    left: 50% !important;
    width: 100vw !important;
    top: 0px !important;
    height: 500px !important;
    margin-left: -50vw !important;
}

.home-page-banner-mask {
    background-position: left !important;
    height: 500px !important;
}

.home-page-banner-text {
    float: left !important;
    width: 101% !important;
    margin-top: 0px !important;
}

.home-page-banner-text h1 {
    width: 100% !important;
    color: #ffffff !important;
    font-size: 72px !important;
    line-height: 74px !important;
    padding-bottom: 10px !important;
}

.hero-page-banner-subtext {
    float: left !important;
    color: #fff !important;
    font-size: 35px !important;
    margin-top: 10px !important;
}

.home-page-banner-button {
    text-align: left !important;
    margin-top: 16px !important;
}

.home-page-banner-button-mobile-view {
    display: none !important;
}

.home-page-banner-mask-mobile-view {
    display: none;
}

/* Resources */
.resource-brochure-container {
    margin-top: 0px !important;
    margin-bottom: 50px;
}

.resource-heading-text {
    font-size: 40px !important;
}

.resource-subtext {
    font-size: 30px !important;
}

.question-video {
    margin-left: 2% !important;
}

.brochure-download {
    margin-top: 0px !important;
}

.resources {
    margin-top: 0px !important;
}

.langRadio {
    margin-top: 55px;
    text-align: center;
}

.resource-video {
    margin-top: 35px !important;
    margin-bottom: 35px;
}

.resource-spanish-container {
    margin-top: -5px;
    margin-bottom: 60px !important;
}

.resource-spanish-container-2 {
    margin-bottom: 35px;
}

.langRadio> :nth-child(3) {
    margin-left: 30% !important;
    margin-right: 5px;
}

.langRadio label {
    font-size: 18px !important;
    font-weight: normal;
}

.spanish-brochure-Radio {
    text-align: center;
}

.spanish-brochure-Radio input {
    vertical-align: top;
    margin-right: 8px;
}

.spanish-brochure-Radio> :nth-child(3) {
    margin-left: 10%;
}

.spanish-brochure-Radio label {
    font-size: 18px;
    font-weight: normal;
}

.spanish-resource-btn a {
    max-width: 600px !important;
    width: 50% !important;
}

.resource-video-container {
    background-color: #f7f7f7 !important;
    padding-bottom: 35px;
}

.radio-btn-spanish {
    margin-top: 70px;
}

.resources-copper-hr {
    margin-top: 20px;
}

.spanish-resource-header-text {
    margin-bottom: 0px;
    margin-top: 0px
}

.daily-spanish-text {
    margin-top: -24px;
    text-align: center;
}

.radio-selected {
    font-weight: bold !important;
}

.resource-text {
    /*margin-top: -25px;*/
    font-size: 20px;
}

.video-transcript-container-resources {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-top: 10px !important;
}


.video-transcript-container-resources .view-transcript-btn {
    width: 135px !important;
    height: 33px;
}

/* Menu */
.ubermenu .ubermenu-item:nth-child(2) {
    width: 24%;
}


.ubermenu-main .ubermenu-item:nth-child(4) {
    width: 21% !important;
}


.ubermenu-submenu .ubermenu-item:nth-child(4) {
    width: 100% !important;
}



.ubermenu .ubermenu-item.ubermenu-item-level-0 {
    /* margin-right: 6px !important; */
    /* height: 50px !important; */
}

/* .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item .ubermenu-sub-indicator-close {
    background: transparent url(../images/down-arrow-dark-gray.svg) no-repeat !important;
    display: block !important;
    top: 7px;
    right: -31px;
    position: absolute;
    z-index: -9;
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-active .ubermenu-sub-indicator-close {
background: transparent url(../images/up-arrow-copper.svg) no-repeat !important;
display: block !important;
background-size: 14px !important;
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item .ubermenu-sub-indicator-close .fa-times {
display: none;
} */
.ubermenu-sub-indicators .ubermenu-item-806.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    position: absolute;
    right: -16px;
    top: 17%;
    margin-top: -6px;
    font-size: 20px;
}

.ubermenu-sub-indicators .ubermenu-item-807.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    position: absolute;
    right: -13px;
    top: 12%;
    margin-top: -6px;
    font-size: 20px;
}

/*Back to top */
.back-to-top {
    cursor: pointer;
    position: static;
    float: right;
    margin-top: -90px;
    margin-right: 25px;
    color: #0097e2;
    z-index: 6;
    width: 86px;
    height: 86px;
    /* border-radius: 50%;
	background-color: transparent; */
}

.back-to-top span {
    font-size: 14px;
    color: #636466;
}

.back-to-top i {
    font-size: 40px;
    display: block;
    margin-top: 15%;
}

#spanish_resources {
    /*padding-top: 70px;*/
    /*margin-top: -70px;*/
}

.c0 {
    font-weight: 700;
}

.c1 {
    padding-top: 0pt;
    padding-bottom: 0pt;
    line-height: 1.5;
    text-align: left;
}

.c2 {
    color: #595959;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline;
    font-style: normal;
}

.bottom-footnote span {
    margin-left: -4px;
}
.review-header-2-text {
    margin-top: -30px !important;
}

.review-video-title-text h4 {
    margin-top: 0px !important;
}

.daily-video-spanich-link {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-left: 2%;
}

.review-page-last-header-text {
    width: 100% !important;
    margin-left: 0px !important;
}

.review-btn {
    margin-top: 0px !important;
}

.review-btn a {
    margin-top: -1rem !important;
    margin-bottom: 3rem !important;
}

/* Resource*/
.resource-brochure-container {
    margin-top: -5px !important;
    margin-bottom: 15px !important;
}

.common-centre-button-resource button {
    font-size: 12px !important;
}

.brochure-download {
    margin-top: -35px !important;
}

.resources {
    /*margin-top: -8px !important;*/
}

.langRadio> :nth-child(3) {
    margin-left: 20%;
    margin-right: 5px;
}

.spanish-brochure-Radio> :nth-child(3) {
    margin-left: 10%;
    margin-right: 5px;
}

.spanish-resource-header-text {
    margin-bottom: 2rem !important;
    /*margin-top: -35px !important;*/
}

.daily-spanish-text {
    margin-top: 35px;
    margin-bottom: 10px;
}

.resource-text {
    /*margin-top: -30px !important;*/
}



.video-transcript-container-resources button {
    /* width: 42% !important; */
    font-size: 14px;
    font-weight: normal;
}

.video-transcript-container-resources .view-btn {
    /*width: 100% !important;*/
}

/*Cookie*/
.fixed-cookie-information {
    bottom: 155px;
}
@media (max-width: 1200px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 170px;
    }
}
@media (max-width: 995px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 200px;
    }
}
@media (max-width: 960px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 180px;
    }
}
@media (max-width: 880px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 190px;
    }
}
@media (max-width: 767px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 70px;
    }
}
@media (max-width: 640px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 80px;
    }
}
@media (max-width: 490px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 90px;
    }
}
@media (max-width: 400px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 120px;
    }
}
@media (max-width: 305px) {
    /*Cookie*/
    .fixed-cookie-information {
        bottom: 150px;
    }
}

.cookie-title {
    font-size: 14px;
}

/*Share Modal*/
.share-modal {
    bottom: -175px !important;
    left: 0px !important;
}

/*Back to top */
.back-to-top {
    margin-top: 0px;
    margin-right: 25px;
}

.back-to-top span {
    font-size: 12px;
}

.back-to-top i {
    font-size: 32px;
}

#home-page-text{
     position: relative;
     left: -40%;
     top: 47px;
 }

#not-actual-size{
    position: relative;
    left: 66px;
}
.ico-effective {
    position: relative;
    left: 5px;
}


.accessibilityNum {
    white-space: nowrap;
}


.chatbot-button{
    background: url(../images/chatbot-image.png) no-repeat !important;
    background-position: 100% !important;
    background-size: cover !important;
    width: 150px;
    height: 150px;
    right: 16px;
    /* bottom: 15px; */
    bottom: 200px;
    position: fixed;
    cursor: pointer;
    border: none;
    z-index: 999;
    display: block;
}

.chatbot-hide {
    opacity: 0 !important;
    touch-action: none;
    display: none;
}

.chatbot-show {
    opacity: 1 !important;
    touch-action: initial !important;
}


/*MOBILE STYLES*/


@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .home-page-banner-text h1 {
        font-size: 52px !important;
        padding-bottom: 10px !important;
        line-height: 50px !important;
    }

    .hero-page-banner-subtext {
        font-size: 35px !important;
    }

    /* Home Page */
    .home-page-hero-image {
        left: 50% !important;
        width: 100vw !important;
        top: 0px !important;
        height: 500px !important;
        margin-left: -50vw !important;
    }

    .home-page-banner-text {
        float: left !important;
        width: 115% !important;
        position: relative !important;
        top: 200px !important;
        margin-left: 0px !important;
        margin-top: -170px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        padding-bottom: 15px !important;
        color: #fff;
        font-size: 53px !important;
        font-weight: bold;
        line-height: 53px !important;
    }

    .hero-page-banner-subtext {
        font-size: 35px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 185px !important;
        margin-left: 0px !important;
    }

    .home-page-banner-button {
        text-align: left !important;
        margin-top: 280px !important;
    }

    .home-page-banner-button-mobile-view {
        display: none !important;
        margin-left: 0px !important;
    }
}

@media (max-width: 1200px) {
    .ubermenu .ubermenu-item.ubermenu-item-level-0 {
        margin-right: 14px;
    }

    ul.ubermenu-submenu.ubermenu-submenu-type-auto.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
        margin-left: 10px !important;
    }

    .ubermenu-bound-inner .ubermenu-nav {
        left: 20px !important;
    }

    .ubermenu .ubermenu-item:nth-child(2) {
        width: 19%;
    }

    .ubermenu .ubermenu-item:nth-child(4) {
        width: 21%;
    }

    .ubermenu .ubermenu-item.ubermenu-item-level-0 {
        margin-right: 10px !important;
    }

    /* .view-transcript-btn{
        width: 33%;
        margin-right: 25%;
    } */
    .hero-page-banner-subtext {
        margin-left: 350px;
        width: 100%;
    }

    .home-page-banner-button {
        margin-left: 350px;
    }

    .home-page-banner-text {
        margin-left: 350px;
    }

    /* Home Page */
    .home-page-hero-image {
        left: 50% !important;
        width: 100vw !important;
        top: 0px !important;
        height: 500px !important;
        margin-left: -50vw !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .home-page-banner-text {
        float: left !important;
        width: 115% !important;
        position: relative !important;
        top: 228px !important;
        margin-left: 64% !important;
        margin-top: -187px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        padding-bottom: 15px !important;
        color: #fff;
        font-size: 53px !important;
        font-weight: bold;
        line-height: 53px !important;
    }

    .hero-page-banner-subtext {
        font-size: 35px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 195px !important;
        margin-left: 63% !important;
    }

    .home-page-banner-button {
        text-align: left !important;
        margin-top: 291px !important;
        margin-left: 64% !important;
    }

    .home-page-banner-button-mobile-view {
        display: none !important;
        margin-left: 0px !important;
    }

    .question-video {
        margin-left: 0px !important;
    }

    .kbe_content_full .kbe_category {
        width: 100% !important;
        display: inline-block;
    }

    .blue-topdown-arrow {
        margin-left: -30px !important;
        margin-right: 30px !important;
    }

}

@media only screen and (min-width:960px) and (max-width: 1023px) {
    ul.ubermenu-submenu.ubermenu-submenu-type-auto.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
        margin-left: 20px !important;
    }

    .ubermenu .ubermenu-item:nth-child(2) {
        width: 24%;
    }

    .home-page-hero-image {
        left: 50% !important;
        width: 100vw !important;
        top: 0px !important;
        height: 500px !important;
        margin-left: -50vw !important;
        margin-top: 145px !important;
        margin-bottom: 0px !important;
    }

    .home-page-banner-text {
        float: left !important;
        width: 115% !important;
        position: relative !important;
        top: 228px !important;
        margin-left: 66% !important;
        margin-top: -180px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        padding-bottom: 15px !important;
        color: #fff;
        font-size: 45px !important;
        font-weight: bold;
        line-height: 40px !important;
    }

    .hero-page-banner-subtext {
        font-size: 35px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 203px !important;
        margin-left: 65% !important;
    }

    .home-page-banner-button {
        text-align: left !important;
        margin-top: 180px !important;
        margin-left: 66% !important;
    }

    .home-page-banner-button-mobile-view {
        display: none !important;
    }

    .spanish-resource-btn a {
        width: 60% !important;
    }

}

@media screen and (max-width: 959px) {
    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1) {
        clear: inherit !important;
    }

    .ubermenu-item.ubermenu-item-level-0.ubermenu-has-submenu-drop>.ubermenu-target>i.ubermenu-sub-indicator.fas.fa-angle-down {
        display: none !important;
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item .ubermenu-sub-indicator-close .fa-times {
        display: none !important;
    }

    ul.ubermenu-submenu.ubermenu-submenu-type-auto.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
        margin-left: 0px !important;
    }

    /* Home Page */
    .home-page-hero-image {
        left: 50% !important;
        width: 100vw !important;
        top: 0px !important;
        height: 400px !important;
        margin-left: -50vw !important;
    }

    .home-page-banner-text {
        float: left !important;
        width: 115% !important;
        position: relative !important;
        top: 189px !important;
        margin-left: 38% !important;
        margin-top: -108px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        font-size: 48px !important;
        line-height: 42px !important;
    }

    .hero-page-banner-subtext {
        font-size: 38px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 240px !important;
        margin-left: 37% !important;
    }

    .home-page-banner-button {
        display: none !important;
    }

    .home-page-banner-button-mobile-view {
        display: block !important;
        top: 304px;
        position: absolute;
        margin-left: 87% !important;
        width: 260px !important;
    }

    .home-page-banner-button-mobile-view a {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .review-text .h1 {
        font-size: 26px !important;
    }

    .review-video-title-text h4 {
        margin-top: 0px !important;
        font-size: 22px !important;
    }


    .review-text p {
        font-size: 13px;
        line-height: 22px;
    }

    .user-video-subtext {
        font-size: 13px;
        line-height: 22px;
    }

    .how-works-btn {
        margin-bottom: -50px !important;
    }

    .resource-heading-text {
        font-size: 30px !important;
    }

    .resource-subtext {
        font-size: 22px !important;
        line-height: 30px;
    }

    .resource-text {
        font-size: 13px !important;
    }

    .factsheet-lang-select .bootstrap-select {
        width: 80% !important;
        margin-left: 10% !important;
    }

    .resource-video {
        margin-top: -15px !important;
        margin-bottom: 0px !important;
    }

    .view-transcript-btn {
        font-size: 14px;
        font-weight: normal;
    }

    .video-transcript-container-resources button {
        font-size: 14px;
        font-weight: normal;
    }

    .resource-video-container {
        padding-bottom: 15px;
    }

    .resource-spanish-container {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .radio-btn-spanish {
        margin-top: 48px;
    }

    #patient-brochure {
        margin-bottom: 40px !important;
    }

    #patient-factsheet {
        margin-bottom: 35px !important;
    }

    #resource-spanish {
        margin-bottom: 30px !important;
    }

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

    .contact-us h2.h1 {
        font-size: 26px !important;
        line-height: 30px !important;
    }

    .c2 {
        font-size: 14px;
    }

    .cookie-close {
        margin-right: 0px;
        margin-top: 0px;
    }

    .share-btn {
        width: 78px;
        height: 20px;
        float: right;
        background: transparent;
        background-image: url(../images/share-btn-mobile.svg);
        background-repeat: no-repeat;
        border: none;
    }

    .view-btn {
        margin-left: 0px;
    }

    .view-transcript-btn {
        font-size: 14px;
        font-weight: 500 !important;
        width: 130px;
        height: 33px;
    }

    .transcript-closed {
        background-image: url(../images/view-transcript-desktop_v3.svg);
        background-repeat: no-repeat;
        background-position: right;
    }

    .transcript-open {
        background-image: url(../images/hide-transcript-desktop_v3.svg) !important;
        background-repeat: no-repeat;
        background-position: right;
    }

    .video-transcript-container-resources .view-transcript-btn {
        width: 130px !important;
        height: 33px;
    }
}

@media (min-width: 1500px) {
    #home-page-text{
        position: relative;
        left: -30%;
        top: 47px;
    }
}

@media screen and (min-width:733px) and (max-width:944px){
    #home-page-text{
        position: relative;
        left: -16% !important;
        top: 6px !important;
    }
 }

@media (max-width: 767px) {

    .chatbot-button{
        width: 125px;
        height: 125px;
        right: 0;
        bottom: 127px;
    }

    .general-cookie-container {
        margin-top: 0px !important;
    }

    .review-text p {
        margin-bottom: 1rem !important;

    }
    #not-actual-size{
        position: relative;
        left: 49px;
    }

    #home-page-text{
        position: relative;
    left: 47px;
    top: -10px;
    }

    #home-page-hero-image {
        background: url(../images/updated-hero-image-v2.png) no-repeat !important;
        background-position: 49% 75% !important;
        background-size: cover !important;
    }

    /*NAVIGATION MENU */
    .ubermenu .ubermenu-item:nth-child(1) a span.ubermenu-target-text {
        width: 85% !important;
        float: none !important;
    }

    .ubermenu .ubermenu-icon {
        font-size: 26px !important;
    }

    .ubermenu .ubermenu-item.ubermenu-item-level-0 {
        height: auto !important;
    }

    /* Home Page */
    .home-page-hero-image {
        left: 50% !important;
        width: 109vw !important;
        top: 0px !important;
        height: 400px !important;
        margin-left: -59vw !important;
        max-width: unset !important;
    }

    .home-page-banner-text {
        float: left !important;
        width: 101% !important;
        position: relative !important;
        top: 189px !important;
        margin-left: 31% !important;
        margin-top: -40px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        font-size: 43px !important;
        line-height: 38px !important;
    }

    .hero-page-banner-subtext {
        display: none!important;
    }

    .home-page-banner-button {
        display: none !important;
    }

    .home-page-banner-button-mobile-view{
        margin-left: 31% !important;
        top: 284px;
    }

    .home-page-banner-text{
        background: none !important;
    }


    .ubermenu-skin-white.ubermenu-responsive-toggle {
        top: -68px !important
    }

    /*REVIEW PAGE*/
    .review-banner-text {
        margin-right: -15px !important;
    }

    .review-page-header-text {
        width: 100%;
        margin-left: 0px !important;
    }

    .review-header-text .h1 {
        margin-top: 0rem;
    }

    /* .view-transcript-btn{
        width: 58%;
        margin-right: 7%;
        margin-top: -30px;
    } */
    .view-transcript-btn {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .review-video-title-text {
        margin-bottom: 10px !important;
        margin-top: 3rem;
    }
}

@media only screen and (min-width:631px) and (max-width:690px) {
    .home-page-banner-text {
        float: left !important;
        width: 101% !important;
        position: relative !important;
        top: 150px !important;
        margin-left: 31% !important;
        margin-top: -30px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        font-size: 38px !important;
        line-height: 35px !important;
        width: 55% !important;
    }

    .hero-page-banner-subtext {
        font-size: 28px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 250px !important;
        margin-left: 30% !important;
    }

    .home-page-banner-button-mobile-view {
        margin-left: 31% !important;
        top: 292px;
    }
}

@media only screen and (min-width:551px) and (max-width:630px) {
    .home-page-banner-text {
        float: left !important;
        width: 101% !important;
        position: relative !important;
        top: 150px !important;
        margin-left: 13% !important;
        margin-top: -30px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        font-size: 38px !important;
        line-height: 35px !important;
        width: 63% !important;
    }

    .hero-page-banner-subtext {
        font-size: 28px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 250px !important;
        margin-left: 12% !important;
    }

    .home-page-banner-button-mobile-view {
        margin-left: 13% !important;
    }
}

@media only screen and (min-width:401px) and (max-width:550px) {
    .home-page-banner-text {
        float: left !important;
        width: 101% !important;
        position: relative !important;
        top: 150px !important;
        margin-left: 13% !important;
        margin-top: -19px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        width: 72% !important;
        font-size: 36px !important;
        line-height: 31px !important;
    }

    .hero-page-banner-subtext {
        font-size: 24px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 250px !important;
        margin-left: 13% !important;
    }

    .home-page-banner-button-mobile-view {
        margin-left: 13% !important;
    }
}

@media (max-width: 479px) {

    .ubermenu-skin-white.ubermenu-responsive-toggle {
        top: 20px !important
    }
}

@media (max-width: 400px) {

    .IGhandle {
        font-size: 20px !important;
    }

    /* HOME PAGE */
    .home-page-hero-image {
        left: 50% !important;
        width: 120vw !important;
        top: 0px !important;
        height: 400px !important;
        margin-left: -70vw !important;
    }

    .home-page-banner-text {
        float: left !important;
        width: 101% !important;
        position: relative !important;
        top: 155px !important;
        margin-left: 18% !important;
        margin-top: -18px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        width: 80% !important;
        font-size: 32px !important;
        line-height: 30px !important;
    }

    .hero-page-banner-subtext {
        font-size: 22px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 255px !important;
        margin-left: 17% !important;
    }

    .home-page-banner-button-mobile-view {
        margin-left: 16% !important;
        top: 288px;
    }

    .home-page-banner-button {
        display: none !important;
    }

    .spanish-brochure-Radio {
        display: flex !important;
        justify-content: center;
    }
}

@media (max-width: 374px) {

    /* HOME PAGE */
    .home-page-hero-image {
        left: 50% !important;
        width: 120vw !important;
        top: 0px !important;
        height: 400px !important;
        margin-left: -70vw !important;
    }

    .home-page-banner-text {
        float: left !important;
        width: 101% !important;
        position: relative !important;
        top: 150px !important;
        margin-left: 18% !important;
        margin-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .home-page-banner-text h1 {
        width: 80% !important;
        font-size: 32px !important;
        line-height: 30px !important;
    }

    .hero-page-banner-subtext {
        font-size: 22px !important;
        position: absolute !important;
        float: left !important;
        color: #fff !important;
        margin-top: 270px !important;
        margin-left: 17% !important;
    }

    .home-page-banner-button {
        display: none !important;
    }

    .home-page-banner-button-mobile-view {
        display: block !important;
        margin-left: 16% !important;
        top: 301px;
    }

    .spanish-brochure-Radio {
        display: flex !important;
        ;
    }
}