body {
    background: #fff;
    height: 100% !important;
    font-size: 19pt;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
    width: 100vw !important;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.row {
    margin: auto;
    padding-right: 0px !important;
    margin-right: 0px !important;
    margin-left:0px;
    padding-left:0px;
}
.container-fluid {
    padding-right: 0px !important;
    margin-right: 0px !important;
    overflow-x: hidden;
    width: 100vw !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.section {
    margin: 0px;
    padding: 0px;
    width: 100vw !important;
}
.cprit-p {
    font-size: 19pt;
    /*font-family: verdana;*/
    /*font-family: candara;*/
    /*font-family: perpetua;*/
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

h1 {
    font-size: 2.75rem;
    font-family: verdana;
    /*font-family: Consolas;*/
    /*font-family: candara;*/
    /*font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;*/
}

h3 {
    color: #af841d;
    /*font-family: Copperplate, "Copperplate Gothic Light", fantasy;*/
    font-family: verdana;
    font-weight: 600;
    font-size: 28pt;
    text-shadow: 2px 2px rgba(180,180,180,0.6);
}


.cursor{
    cursor:pointer;
}

.ar-h2 {
    color: #af841d;
    /*font-family: Copperplate, "Copperplate Gothic Light", fantasy;*/
    font-family: verdana;
    font-weight: 600;
    font-size: 26pt;
    color: #af841d;
}

.cprit-h2 {
    font-size: 2.25rem;
}
html {
    scroll-behavior: smooth;
}

.font-white {
    color: #fff;
}

a, a:link, a:visited {
    color: #365d9e;
}

    a.active {
        color: #af841d;
    }
.footer{
    font-size:16pt;
}
/* Customize the label (the container) */
.ar-radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 20pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .ar-radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom radio button */
.ar-radio-checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border: 3px solid #365d9e;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.ar-radio-container:hover input ~ .ar-radio-checkmark {
    background-color: #e6e5e5;
}

/* When the radio button is checked, add a gold background */
.ar-radio-container input:checked ~ .ar-radio-checkmark {
    background-color: #365d9e;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.ar-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.ar-radio-container input:checked ~ .ar-radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.ar-radio-container .ar-radio-checkmark:after {
    top: 1px;
    left: 1px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #365d9e;
}




.subnavbar {
    opacity: .9;
    transition: opacity 0.5s ease;
    width: 100%;
    height:auto;
    background: #365d9e;
    color: #ccc;
    z-index: 999;
    position: fixed;
    top: 0px;
    font-weight: 600;
    font-size: 18px;
    text-align:center;
    background: -webkit-linear-gradient(bottom left, #7393cc 0%, #25457c 100%);
    background: -moz-linear-gradient(bottom left, #7393cc 0%, #25457c 100%);
    background: -o-linear-gradient(bottom left, #7393cc 0%, #25457c 100%);
    background: linear-gradient(to top right, #7393cc 0%, #25457c 100%);
}

.subnavbar2 {
    color: #365d9e;
    background: -webkit-linear-gradient(bottom left, #ffbb61 0%, #b37729 100%);
    background: -moz-linear-gradient(bottom left, #ffbb61 0%, #b37729 100%);
    background: -o-linear-gradient(bottom left,#ffbb61 0%, #b37729 100%);
    background: linear-gradient(to top right, #868686 0%, #202020 100%);
}

.subnavbar {
    transition: top 0.5s ease;
}

    .subnavbar a, a.link, a.visited {
        color: #ccc;
        text-decoration: none;
    }

.subnavbar-hide {
    top: -250px;
}

.hidden {
    display: none;
}

.ar-h3 {
    color: #365d9e;
}

.cprit-gold {
    color: #af841d;
}
.cprit-gold-bg {
    background: #af841d !important;
}
.cprit-gold-link a, a.link, a.visited {
    color: #af841d;
}

.cprit-yellow {
    color: #FFD700;
}
.cprit-yellow-link a, a.link, a.visited {
    color: #FFD700;
}
.cprit-nav-link{
    font-size:18pt !important;
}
a.cprit-subnav-link-active {
    color: #e7bd5b !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}
/*= EXTRAS
--------------------------------------------------------*/
.title {
    position: fixed;
    top: 39%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-weight: 300;
    color: #34495e;
}

    .title h1 {
        font-size: 44px;
    }

    .title h2 {
        font-size: 30px;
        color: #7f8c8d;
        margin-top: -20px;
    }

.ar-section-h1 {
    font-size: 58pt;
    color: #fff;
    /* text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc; */
    opacity: .7;
    text-shadow: 3px 3px rgba(33, 33, 33, 0.8);
    -webkit-text-stroke: 2px rgb(46, 46, 46);
}

.ar-section-h2 {
    font-size: 28pt;
    color: #fff;
    text-shadow: 2px 2px #444444;
    opacity: .7;
    /* -webkit-text-stroke: 1px rgb(46, 46, 46); */
    /* text-shadow: 2px 2px #747474; */
}
.ar-landing-h1-title {
    position: relative;
    z-index: 777;
    font-size: 68pt;
    font-weight:600;
    color: #fff;
    /* text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc; */
    opacity: .7;
    text-shadow: 3px 3px rgba(33, 33, 33, 0.8);
    -webkit-text-stroke: 2px rgb(46, 46, 46);
}

.ar-landing-videobg{
    width:100%;
    height:100%;
}
.section-h2 {
    font-size: 28pt;
    color: #fff;
    text-shadow: 2px 2px #444444;
    opacity: .7;
    /* -webkit-text-stroke: 1px rgb(46, 46, 46); */
    /* text-shadow: 2px 2px #747474; */
}

.ar-hero-container {
    position: absolute;
    width: 100% !important;
    height: 420px !important;
}

.ar-hero-section {
    /* background-color:rgba(0, 0, 0, 0.5); */
    background: #12162e;
    background: url("/images/dna-bg3.jpg");
    background-size: cover;
    width: 100% !important;
    height: 420px !important;
    width: 100%;
    overflow-y: hidden;
}

.ar-hero-section2 {
    background: url("/images/dna-bg3.jpg");
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw !important;
    height: 400px !important;
}

.ar-second-section {
    width: 100% !important;
    background: #fff;
    position: relative;
    z-index: 888;
    top: -510px;
    height: 800px;
}



.cprit-bg-video-text {
    /* for Safari browsers */
    transform: translate3d(0, 0, 20px);
    background-color: transparent;

}

    .cprit-bg-video-text .cprit-text-white {
        text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;
    }

video {
    position: relative;
    z-index: 666;
    /*to edit the opacity effect change the percentage below */
    /*filter: opacity(40%);*/
}
/*.ar-bg-video {
    background: #0e0757;
    background-image: url("images/blueishbg.jpg");
    overflow: hidden;
    background-size: cover;
}*/ 
.ar-letter {
    border: 1px solid #ccc;
    color: #dddddd;
    /* opacity: 0.85; */
    font-size: 18pt;
    font-weight: bold;
    text-align: left;
    border-radius: 5px;
    box-shadow: 4px 4px 4px 4px rgba(180,180,180,0.7);
    background: rgba(44, 43, 66, 0.85);
    text-shadow: 1px 1px #747474;
}

    .ar-letter a {
        color: #6b87b4;
    }

.ar-info-box {
    background: #212121;
    box-shadow: 4px 4px #fff;
    border: 1px solid #fff;
    color: #fff;
    /* opacity: 0.85; */
    font-size: 24pt;
    font-weight: bold;
    text-align: left;
    border-radius: 5px;
    box-shadow: 4px 4px 4px 4px rgba(180,180,180,0.7);
    background: #CA7C4E;
    text-shadow: 2px 2px #747474;
    background: -webkit-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%);
    background: -moz-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%);
    background: -o-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%);
    background: linear-gradient(to top right, #EEBE6C 0%, #CA7C4E 100%);
}

.ar-info-box2 {
    background: #efeef7;
    box-shadow: 2px 2px #bbbbbb;
    border: 1px solid #bbbbbb;
    color: #7f7f7f;
    font-size: 22pt;
    font-weight: bold;
    text-align: left;
    border-style: solid;
    line-height: 1.2;
    border-image: linear-gradient(#48466d, transparent) 12;
    border-bottom: 0;
}

.ar-pinwheel-container {
    position: relative;
    top: 170px;
}

.pinwheel-infographic-bg {
    position: absolute;
    z-index: 100;
}

.ar-pinwheel-numberball {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px #bbbbbb;
    color: #000;
    font-size: 26pt;
    font-weight: bold;
    z-index: 888;
    width: 55px;
    height: 55px;
    text-align: center;
}

.ar-pinwheel-text {
    position: absolute;
    width: 300px;
    font-size: 32px;
    z-index: 888;
    font-weight: bold;
    text-align: center;
}

.ar-pinwheel-centertext {
    position: absolute;
    z-index: 888;
    top: 290px;
    left: 435px;
    text-align: center;
    color: #7f7f7f;
    font-size: 36px;
    font-weight: bold;
    width: 300px;
}

.pinwheel-icon a.link, a.visited, a {
    color: #7f7f7f;
}

.pinwheel-icon a.hover {
    color: #37439d;
}

.ar-featured-thing {
    position: relative;
    float: left;
    top: 300px;
    left: 200px;
    width: 400px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.ar-third-section {
    height: 500px;
    background: #d3defa;
    position: relative;
    top: -100px;
    font-size: 26px;
    color: #363636;
    font-weight: bold;
    line-height: 2;
    padding-top: 50px;
    font-family: 'proxima-nova-soft', sans-serif;
}

.ar-section-lfc {
    width: 100%;
    background: #fff;
    min-height: 620px;
    position: relative;
}
.ar-section-a {
    width: 100%;
    background: #fff;
    height: 600px;
}

.ar-section-b {
    width: 100%;
    background: #e9f0f2;
    height: 600px;
}

.ar-index-summary-card {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    width: 100%;
    height: auto;
    max-width:1200px;
    min-height: 300px;
    border-top: 2px #fff;
}

.ar-card-featured-image {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow:hidden !important;
    padding: 5px;
    margin: auto;
    background: -webkit-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%);
    background: -moz-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%);
    background: -o-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%);
    background: linear-gradient(to top right, #EEBE6C 0%, #CA7C4E 100%);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ar-card-featured-image {
        padding:0px;
    }
}

.ar-image-caption {
    font-size: 18pt;
    color: #365d9e;
}

#map {
    /*overflow: visible !important;*/
    height: 900px !important;
    width: 100vw;
    position: relative;
    background: none;
}
.leaflet-popup-pane, .leaflet-popup {
    z-index: 1000 !important;
}
.story-map {
    border: 2px solid #365d9e;
}

.map-icon {
    position: relative;
    font-size: 38px;
    -webkit-text-stroke: 1px #fff;
    text-align: center;
    z-index: 999;
}

.map-icon-facility {
    /* color: #af841d; */
    color: #a12603;
    font-size: 42pt;
}

.map-icon-active {
    color: #af841d;
}

.story-card {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    width: 100%;
    height: 100%;
    min-height: 300px;
    border: 1px solid #ccc;
}

.county-name {
    background: #365d9e;
    color: #fff;
}

.cmap-options {
    font-weight: 600;
    font-size: 18px;
    color: #48466d;
    position: absolute;
    top: 100px;
    left: 40%;
}
.cmap-legend{
    position:absolute;
    top:40px;
    left:0px;
    height:280px;
    width:600px;
    font-size:18pt;
    z-index:111;
}
.cmap-legend-color {
    border: 1px solid #e1e7e9;
    min-height: 40px;
    border-radius:3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ar-aboutcprit-prevention-countycard {
    position: absolute;
    left: 20px;
    top: 50px;
    height: auto;
    width: 400px;
    font-size: 16px;
    z-index: 666;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
    .ar-aboutcprit-prevention-countycard.out{
        left:-350px;
    }
.ar-hpv-card-out{
}
.cmap-story {
    position: absolute;
    top: 0px;
    right: 50px;
    width: 550px;
    height: 800px;
    z-index: 555;
}

.cmap-years {
    position: relative;
    bottom: 0px;
    font-size: 24pt;
    z-index: 999;
    height: auto;
    font-weight: bold;
    color: rgba(77, 77, 77, 0.8);
    text-decoration: none;
    background: -webkit-linear-gradient(right,rgba(252, 192, 81, .5), rgba(212, 141, 8, .5));
    background: -moz-linear-gradient(right, rgba(252, 192, 81, .5), rgba(212, 141, 8, .5));
    background: -o-linear-gradient(right, rgba(252, 192, 81, .5), rgba(212, 141, 8, .5));
    background: linear-gradient(to left,rgba(252, 192, 81, .5), rgba(212, 141, 8, .5));
}


        .cmap-years .active {
            color: #c89929;
            font-size: 28pt;
            -webkit-text-stroke: 1px #fff;
            font-weight: 700;
        }

.cmap-years-year {
    border-right: 1px solid rgba(77, 77, 77, 0.8)
}

.cmap-play-button {
    font-size: 40pt;
    color: #c89929;
    -webkit-text-stroke: 1px #fff;
    position: absolute;
    left: 25px;
    top: -8px;
    height: 60px;
    cursor: pointer;
}
.expansion-map-body {
    background: linear-gradient(to left,rgba(255, 255, 255, 1), rgba(180, 180, 180, 1)) !important;
}
.ar-preventionmap-grants {
    overflow-y: auto;
}
.expansion-map-key {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 550px;
    height: 95%;
    z-index: 555;
    overflow-y: auto;
}

    .expansion-map-key.out {
        right: -420px !important;
    }

.expansionmap-lkey-color {
    border: 1px solid #303030;
    min-height: 80px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius:5px;
}

.expansion-map-card {
    position: absolute;
    left: 0px;
    top: 50px;
    height: 415px;
    width: 320px;
    font-size: 16px;
    z-index: 444;
}
    .expansion-map-card.out {
        left: -270px !important;
    }
.expansion-map-grant-card {
    border-radius: 6px !important;
    color: rgba(0,0,0,.87);
    background: #fff;
    width:70%;
    height:auto;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.map-card-toggle {
    position: absolute;
    top: -10px;
    right: -10px;
}
.lightgreybg {
    background: #f1f2f2;
}
.ar-expansion-countycard-color {
    background: linear-gradient(to top, #ffffff 0%, #fcd7f3 100%);
}
.ar-image-dropshadow {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);

}

.ar-carousel-dropshadow {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    border: 1px solid #e0e0e0;
    background: -webkit-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: linear-gradient(to top left, #e6e5e5 0%, #ffffff 100%);
}

.ar-small-card-title {
    /* background:#365d9e; */
    /* background:#4b4da0; */
    background: #e68d3d;
    background: #af841d;
    color: #fff;
    min-height: 50px;
}

.ar-section-card {
    height: 520px !important;
}
/* .ar-financials-table{
    
} */
.ar-subsection-a {
    width: 100vw !important;
    background: #fff;
    height: 700px;
}

    /*.ar-subsection-a .row {
        max-width: 1920px;
    }*/
.ar-subsection-b {
    width: 100vw !important;
    background: #e9f0f2;
    height: 700px;
}
    /*.ar-subsection-b .row {
        max-width: 1920px;
    }*/

.ar-diamond-graphic {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.ar-diamond-image {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 333;
}

.ar-diamond-number {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 700;
    color: #365d9e;
    -webkit-text-stroke: 2px #fff;
    font-size: 42pt;
    z-index: 444;
}

.ar-diamond-description {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 1.1;
    font-size: 16pt;
    z-index: 444;
}

.ar-diamond-icon {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 24pt;
    z-index: 444;
}

/*.ar-programs-image {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 333;
}

.ar-programs-number {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 28pt;
    z-index: 444;
}

.ar-programs-description {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    color: #616161;
    line-height: 1.1;
    font-size: 16pt;
    z-index: 444;
}*/

.ar-programs-image {
    position: relative;
    left: 0px;
    bottom: 0px;
    z-index: 333;
    height:75%;
}

.ar-programs-number {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    color: #365d9e;
    font-size: 60pt;
    -webkit-text-stroke: 2px #fff;
    z-index: 444;
    font-family: Consolas;
}

.ar-programs-description {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    color: #000;
    line-height: 1.2;
    font-size: 20pt;
    z-index: 444;
}
.pd-bg {
    background-image: url("/images/pd-bg2.png");
    background-size: contain;
    background-repeat: repeat-y;
}

.ar-cube-description {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.0 !important;
}

.ar-cube-subdescription {
    font-size: 19px;
    color: #494949;
    line-height: 1.0 !important;
}

.ar-cube-icon-left {
    position: absolute;
    top: 130px;
    left: 65px;
    text-align: center;
    font-weight: bold;
    color: #3f3f3f;
    font-size: 28pt;
    z-index: 444;
    transform: rotate(30deg);
    /* Safari */
    -webkit-transform: rotate(30deg);
    /* Firefox */
    -moz-transform: rotate(30deg);
    /* IE */
    -ms-transform: rotate(30deg);
}

.ar-cube-icon-right {
    position: absolute;
    top: 130px;
    left: 155px;
    text-align: center;
    font-weight: bold;
    color: rgb(182, 182, 182);
    font-size: 24pt;
    z-index: 444;
    transform: rotate(30deg);
    /* Safari */
    -webkit-transform: rotate(-30deg);
    /* Firefox */
    -moz-transform: rotate(30deg);
    /* IE */
    -ms-transform: rotate(30deg);
}

.ar-cube-number {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 30pt;
    z-index: 444;
}

.ar-cube-container {
    line-height: 1.1 !important;
    height: 100% !important;
}

.cprit-videotext-overlay {
    width: 100%;
    background-color: rgba(0, 0, 0, 1);
    display: block;
    position: absolute;
    bottom: 0rem;
    z-index: 10;
    margin: 0 auto;
    line-height: 1;
    padding-top: 1rem;
}
.cprit-slideshow-icon-play::after {
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
    margin: -2rem;
}
.collapsing {
    -webkit-transition: height 1.0s ease;
    -o-transition: height 1.0s ease;
    transition: height 1.0s ease;
}
.ar-coc-infographic {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height:632px;
}
.ar-coc-infographic-stat {
    font-size: 32pt;
    /*left:50px;*/
    text-align: center;
    font-weight: bold;
}
.ar-coc-infographic-desc {
    color: #6c6c6c;
    font-size: 16pt;
    /*left:50px;*/
    width:200px;
}
.ar-coc-infographic-icon {
    position: absolute;
    top: 490px;
    font-size: 44pt;
}
.ar-coc-infographic-col1 {
    color: #ffb200;
}
.ar-coc-infographic-col2 {
    color: #00639a;
}
.ar-coc-infographic-col3 {
    color: #e44214;
}
.ar-coc-infographic-col4 {
    color: #5d009a;
}
.ar-compliance-card {
    height: 320px;
    width:98% ;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.8);
    background: -webkit-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: linear-gradient(to top left, #e6e5e5 0%, #ffffff 100%);
}
.ar-compliance-card-top {
    width: 65%;
    margin: auto;
    height: 40px;
    border-radius: 5px;
    position: relative;
    top: -20px;
}
.ar-compliance-card-top-message{
    color:#fff;
    font-size:16pt;
    
}
.ar-compliance-card-stat {
    font-size: 32pt;
    position: relative;
    text-align: center;
    font-weight: bold;
    width: 75%;
    padding-bottom: 10px;
    border-bottom: 1px solid #7b7b7b;
}
.ar-compliance-card-desc {
    color: #6c6c6c;
    font-size: 20pt;
    position: relative;
    text-align: center;
    width: 90%;
    padding-top: 10px;
}
.ar-compliance-card-top1 {
    border: 1px solid #ffb200;
    background: linear-gradient(to top left, #ffb200 0%, #fdd16b 100%);
}
.ar-compliance-card-top2 {
    border: 1px solid #00639a;
    background: linear-gradient(to top left, #00639a 0%, #019bf0 100%);
}
.ar-compliance-card-top3 {
    border: 1px solid #e44214;
    background: linear-gradient(to top left, #e44214 0%, #fe673c 100%);
}
.ar-compliance-card-top4 {
    border: 1px solid #5d009a;
    background: linear-gradient(to top left, #5d009a 0%, #9404f2 100%);
}
.charcoal {
    color: #535353;
}


.ar-compliance-hcard {
    height: 150px;
    width: 98% !important;
    border: 1px solid #fff;
    background: -webkit-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: linear-gradient(to top left, #e6e5e5 0%, #ffffff 100%);
    /*border-radius: 10px;*/
}
.ar-compliance-card-wrapper {
    /* Equal width and height create a perfect square */
    width: 100%;
    height: 150px;
    /* Adding a border-radius of 1/2 width or height (same value) */
    /* turns that square into a circle */
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    /* Apply your box-shadow styles, which inherit the round .wrapper shape */
    box-shadow: 0px 50px 20px -20px #bebebe;
}
.ar-compliance-hcard-bot {
    width: 100% !important;
    height: 30px;
    position: absolute;
    bottom: 0px;
    border-bottom: 1px solid #fff;
}

.ar-compliance-hcard-stat {
    font-size: 28pt;
    text-align: center;
    font-weight: bold;
}
.ar-compliance-hcard-left {
}
.ar-compliance-hcard-desc {
    border-left: 1px solid #6c6c6c;
    color: #6c6c6c;
    font-size: 19pt;
    width: 75%;
    font-weight:700;
}
.ar-commitment-peerreview-card {
    height: 300px;
    width: 90% !important;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0 6px 10px 0px rgba(0,0,0,0.8);
}
.ar-compliance-hcard-top1 {
    background: linear-gradient(to top left, #ffb200 0%, #fdd16b 100%);
}

.ar-compliance-hcard-top2 {
    background: linear-gradient(to top left, #00639a 0%, #019bf0 100%);
}

.ar-compliance-hcard-top3 {
    background: linear-gradient(to top left, #e44214 0%, #fe673c 100%);
}

.ar-compliance-hcard-top4 {
    background: linear-gradient(to top left, #5d009a 0%, #9404f2 100%);
}

.charcoal {
    color: #535353;
}
.ar-ourmission-livercap-midbg {
    background-image: url("/images/ar-ourmission-livercapbg.jpg");
    background-position: right;
    background-repeat:repeat-y;
}
.ar-ourmission-liverman-bg {
    background-image: url("/images/ar-ourmission-liverhero.jpg");
    background-repeat:no-repeat;
    background-size:33%;
}
.ar-ourmission-treatments-card {
    width: 95%;
    text-align: center;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
    min-height: 220px;
}

a.ar-ourmission-treatments-card:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.ar-ourmission-treatments-card-stat {
    width: 100%;
    height: 50%;
    font-size: 36pt;
    text-align: center;
    font-weight: bold;
}
.ar-ourmission-treatments-card-col1 {
    background: #fcf2db;
    color: #ffb200;
}
.ar-ourmission-treatments-card-col2 {
    background: #c5e9fd;
    color: #00639a;
}
.ar-ourmission-treatments-card-col3 {
    background: #fdd1c4;
    color: #e44214;
}
.ar-ourmission-treatments-card-col4 {
    background: #c5e9fd;
    color: #00639a;
}
.ar-ourmission-treatments-card-desc {
    color: #535353;
    font-size:20pt;
    font-weight:bold;
}
.ar-mission-hpv-vidbg {
    background-image: url("/images/ar-ourmission-hpv-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    /*background-size: 40%;*/
}
.ar-mission-hpv-video {
    box-shadow: 0 6px 10px 0px rgba(0,0,0,0.8);
}

.ar-coc-othersources-profilecard {
    border-radius: 8px !important;
    color: rgba(0,0,0,.87);
    background: #fff;
    width: 95%;
    max-width:700px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ar-coc-othersources-profilecard-logo {
    width: 90%;
    min-height: 220px;
    border-radius: 6px !important;
    background: linear-gradient(to top, #ffffff 0%, #e4e4e4 100%);
    height: 440px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    position: relative;
    top: -40px;
    overflow: hidden !important;
}

.ar-coc-othersources-profilecard-name {
    position: absolute;
    bottom: 5px;
    text-align: center;
    z-index: 222;
    color: #fff;
    font-weight: 600;
    text-shadow: 2px 2px rgba(0,0,0,0.65);
    /*-webkit-text-stroke-width: 1px;*/
    /*-webkit-text-stroke-color: rgba(0,0,0,0.75);*/
}
.ar-aboutus-prevention-card {
    border: 1px solid #e2e3e4;
    border-radius: 8px !important;
    color: rgba(0,0,0,.87);
    background: #fff;
    width: 95%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.ar-ourmission-clinicaltrials-card {
    border-radius: 8px !important;
    color: rgba(0,0,0,.87);
    background: #fff;
    width: 95%;
    height:100% !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    
}
.ar-ourmission-clinicaltrials-card-logo {
    width: 90%;
    min-height: 220px;
    border-radius: 6px !important;
    background: linear-gradient(to top, #ffffff 0%, #fee9ea 100%);
    box-shadow: -2px 5px 15px -8px rgba(0,0,0,.34), 0 8px 10px -5px rgba(0,0,0,.3);
    position: relative;
    top: -30px;
}
.ar-ourmission-clinicaltrials-card-color1 {
    background: linear-gradient(to top, #ffffff 0%, #fee9ea 100%);
}
.ar-ourmission-clinicaltrials-card-color2 {
    background: linear-gradient(to top, #ffffff 0%, #e7f7fd 100%);
}
.ar-ourmission-clinicaltrials-card-color3 {
    background: linear-gradient(to top, #ffffff 0%, #fdeaeb 100%);
}
.ar-ourmission-clinicaltrials-card-logo-image{
    max-width:350px;
}
.btn.btn-round {
    border-radius: 30px !important;
    color: #fff;
    background: #af841d;
    text-decoration: none;
    border: 1px solid #af841d;
    font-size: 19pt;
}
.btn.btn-toggle {
    border-radius: 50% !important;
    color: #fff;
    background: #365d9e;
    text-decoration: none;
    border: 1px solid #365d9e;
    position:relative;
    z-index:777;
}
.ar-ourmission-hpv-statcard {
    border-radius: 80px;
    max-width: 580px;
    min-height: 160px !important;
    position: relative;
    color: #fff;
    box-shadow: 0 5px 15px -8px rgba(0,0,0,.24), 0 8px 10px -5px rgba(0,0,0,.2);
}
.ar-ourmission-hpv-statcard-icon{
    border-radius:50%;
    height:140px;
    width:140px;
    border:10px solid #fff;
    position:relative;
    float:left;
    top:10px;
    left:8px;
    font-size:42pt;
    float:left;
}
.ar-ourmission-hpv-statcard-desc {
    font-size: 20pt;
    height: 160px;
}
.ar-ourmission-hpv-statcard-highted-stat {
    font-size: 36pt;
    color: #FFD700;
    text-shadow: 2px 2px #444444;
    line-height: 1.0
}
.ar-ourmission-fp-card {
    border-radius: 6px !important;
    color: rgba(0,0,0,.87);
    background: #fff;
    width: 95%;
    min-height: 240px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: -webkit-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: linear-gradient(to top left, #e6e5e5 0%, #ffffff 100%);
}
.ar-hpv-h2 {
    text-shadow: 2px 2px #444444;
    color: #FFD700
}

.ar-highlights-covid-ball1{
    position:absolute;
    top:100px;
    z-index:111;
    height:600px;

    /*left:-400px;*/
}
.covid-canvas{
    height:800px;
}
.ar-highlights-covid-card {
    border-radius: 8px !important;
    /*color: rgba(0,0,0,.87);*/
    color: #fff;
    background: #fff;
    border: 6px solid #FFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: linear-gradient(to right,#bb340d,#df6948,#bb340d);
}
.ar-highlights-covid-card2 {
    background: linear-gradient(to right,#6d60c1,#8f8ffc,#6d60c1);
}
.ar-highlights-covid-card3 {
    background: linear-gradient(to right,#2b88f2,#129BF2,#2b88f2);
}
.ar-highlights-covid-card4 {
    background: linear-gradient(to right,#017c87,#11c1d1,#017c87);
}

.ar-ourmission-hpv-card {
    border-radius: 8px !important;
    /*color: rgba(0,0,0,.87);*/
    color: #fff;
    background: #fff;
    border: 6px solid #FFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: linear-gradient(to right,#a06ab2,#bf83d3,#a06ab2);
}
    .ar-ourmission-hpv-card a, a.link, a.visited {
        color: #fff;
    }


.ar-ourmission-hpv-card2 {
    background: linear-gradient(to right,#5d6098,#8588cc,#5d6098);
}
.ar-ourmission-hpv-card3 {
    background: linear-gradient(to right,#379887,#58b7a6,#379887);
}


.ar-highlights-covid-circle {
    border: 6px solid #7b53a8;
    border-radius: 50%;
    color: rgba(0,0,0,.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: -webkit-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: linear-gradient(to top left, #e6e5e5 0%, #ffffff 100%);
}
.ar-covid-h2 {
    text-shadow: 2px 2px #bdbdbd;
    color: #7b53a8;
    font-weight: 700;
}
.ar-ourmission-pharmacyexbg {
    background-image: url("/images/ar-ourmission-pharmacyexbg2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ar-aboutcprit-constimage {
    position: relative;
    top: 100px;
    max-width:800px;
}
.ar-aboutcprit-prevention-card-wrapper {
    padding:0px;
    margin:0px;
}

.ar-aboutcprit-prevention-card-card {
    height: 180px;
    width: 98% !important;
    /*border: 1px solid #cecece;*/
    background: -webkit-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: linear-gradient(to top left, #e6e5e5 0%, #ffffff 100%);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 8px;
    overflow:hidden;
}
.ar-aboutcprit-prevention-card-bot {
    width: 100% !important;
    height: 30px;
    position: absolute;
    bottom: 0px;
}

.ar-aboutcprit-prevention-card-stat {
    font-size: 28pt;
    text-align: center;
    font-weight: bold;
}

.ar-aboutcprit-prevention-card-desc {
    border-left: 1px solid #6c6c6c;
    color: #6c6c6c;
    font-size: 18pt;
    width: 75%;
    font-weight: 600;
}
.ar-aboutus-preventionmap-viddesc{
    position:relative;
    top:-30px;
    font-size:16pt;
    line-height:1.2;
}

.ar-aboutcprit-card-bgcolor1 {
    background: linear-gradient(to top left, #c55f44 0%, #de7357 100%);
}
.ar-aboutcprit-card-color1 {
    color: #c55f44;
}
.ar-aboutcprit-card-bgcolor2 {
    background: linear-gradient(to top left, #292c47 0%, #404360 100%);
}
.ar-aboutcprit-card-color2 {
    color: #292c47;
}

.ar-aboutcprit-card-bgcolor3 {
    background: linear-gradient(to top left, #731b02 0%, #a3391a 100%);
}
.ar-aboutcprit-card-color3 {
    color: #731b02;
}

.ar-aboutcprit-card-bgcolor4 {
    background: linear-gradient(to top left, #5d8a74 0%, #80ad97 100%);
}
.ar-aboutcprit-card-color4 {
    color: #5d8a74;
}
.ar-aboutcprit-card-bgcolor5 {
    background: linear-gradient(to top left, #c19c61 0%, #d8b67e 100%);
}
.ar-aboutcprit-card-color5 {
    color: #c19c61;
}
.ar-aboutcprit-card-bgcolor6 {
    background: linear-gradient(to top left, #508f4c 0%, #6da869 100%);
}
.ar-aboutcprit-card-color6 {
    color: #508f4c;
}
.ar-aboutcprit-card-bgcolor7 {
    background: linear-gradient(to top left, #e3dcad 0%, #F4F1DE 100%);
}
.ar-aboutcprit-card-color7 {
    color: #000;
}
.ar-aboutcprit-card-bgcolor8 {
    background: linear-gradient(to top left, #22adb6 0%, #47cfd8 100%);
}
.ar-aboutcprit-card-color8 {
    color: #22adb6;
}

.ar-aboutcprit-card-bgcolor9 {
    background: linear-gradient(to top left, #400169 0%, #5f049a 100%);
}
.ar-aboutcprit-card-color9 {
    color: #400169;
}

.ar-prevention-map-section {
    background: #fff;
    background: -moz-linear-gradient(left, #aeaead 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #aeaead 0%, #ffffff 100%);
    background: linear-gradient(to right, #aeaead 0%, #ffffff 100%);
}

.ar-ourmission-clinicaltrialscard-top1 {
    border: 1px solid #f4dca6;
    background: linear-gradient(to top left, #cfab58 0%, #f4dca6 100%);
}

.ar-ourmission-clinicaltrialscard-top2 {
    border: 1px solid #4c99c4;
    background: linear-gradient(to top left, #4c99c4 0%, #99d6f8 100%);
}

.ar-ourmission-clinicaltrialscard-top3 {
    border: 1px solid #d17054;
    background: linear-gradient(to top left, #d17054 0%, #fcc0af 100%);
}
.ar-ourmission-clinicaltrialscard-top4 {
    border: 1px solid #b193d5;
    background: linear-gradient(to top left, #b193d5 0%, #d6c1ef 100%);
}

.ar-aboutus-pd-card-top1 {
    border: 1px solid #42c1c7;
    background: linear-gradient(to top left, #29a6ab 0%, #63e4ea 100%);
}
.ar-aboutus-pd-card-top3 {
    border: 1px solid #9e6b15;
    background: linear-gradient(to top left, #9e6b15 0%, #ce9940 100%);
}
.ar-aboutus-pd-card-top4 {
    border: 1px solid #b34167;
    background: linear-gradient(to top left, #9d254d 0%, #d45d84 100%);
}
.ar-ourmission-ncilogo-card {
    min-height:365px;
    border: 1px solid #e6e5e5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ar-ourmission-corefacilities-card {
    height: 600px;
    background-size: cover;
    position: relative;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    overflow: hidden;
}
    .ar-ourmission-corefacilities-card.in {
        height: 102vh;
    }
    .ar-ourmission-corefacilities-card.pp-in {
        height: 90vh;
    }
    .ar-ourmission-corefacilities-card a, a.link, a.visited {
        color:#fff;
    }
.ar-ourmission-corefacilities-card-text {
    opacity: .85;
    cursor: pointer;
    position: absolute;
    display: block;
    -webkit-transition: bottom 1s linear;
    -moz-transition: bottom 1s linear;
    -o-transition: bottom 1s linear;
    transition: all 1s linear;
    width: 100%;
}
    .ar-ourmission-corefacilities-card-text.in {
        top: 430px;
    }
    .ar-ourmission-corefacilities-card-text.pp-in {
        top: 470px;
    }
    .ar-ourmission-corefacilities-card-text.cf-in {
        top: 470px;
    }
.ar-ourmission-corefacilities-card-title2 {
    height: 130px;
    width: 100%;
    /*text-decoration:underline;*/
}
.ar-ourmission-corefacilities-card-title {
    height: 170px;
    width: 100%;
    /*text-decoration:underline;*/
}
.btn-white{
    background:#fff;
}
.ar-aboutcprit-falink {
    visibility: hidden;
}
.ar-planning-cprit-bg {
    background: #171426;
}
.ar-planning-cprit-road-left {
    border-right: 5px dashed #fff;
}

.ar-planning-cprit-road1 {
    background: linear-gradient(to bottom,#FF4568,#FD2661);
}
.ar-planning-cprit-road2 {
    background: linear-gradient(to bottom,#FF8A2D,#FE6529);
}
.ar-planning-cprit-road3 {
    background: linear-gradient(to bottom,#01A9DA,#0076F4);
}
.ar-planning-cprit-road4 {
    background: linear-gradient(to bottom,#3CECA3,#11AD9F);
}

.ar-highlights-summary-card {
    position: relative;
    background: #5ba9b3;
    box-shadow: 10px 10px 10px 0 rgba(0,0,0,.50);
    cursor: pointer;
    border-radius: 10%;
    padding-bottom:90px;
}

.ar-highlights-summary-card-marker {
    font-size: 210pt;
    background: #fff;
    border-radius: 50%;
    width: 400px;
    height: 400px;
    position: absolute;
    top: -200px;
    z-index: 333;
    box-shadow: 10px 10px 10px 0 rgba(0,0,0,.50);
}
.ar-highlights-summary-card-stat {
    /*color: #65c3e4;*/
    z-index: 444;
    line-height: 1.2;
    font-size: 46pt;
    font-weight: 700;
    /*text-shadow: 2px 2px #444444*/
}

.ar-highlights-summary-card-details {
    position:relative;
    top:120px;
    -webkit-transition: height .5s linear;
    -moz-transition: height .5s linear;
    -ms-transition: height .5s linear;
    -o-transition: height .5s linear;
    transition: height .5s linear;
    overflow: hidden;
}

    /*.ar-highlights-summary-card-details.out {
        height: 430px;
    }*/
.ar-big-yellow-stat {
    font-size: 28pt;
    color: #FFD700;
    text-shadow: 2px 2px #444444;
    line-height:1.2;
}

.ar-ourmission-profile-card {
    height:100% !important;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
    background: -webkit-linear-gradient(bottom right, #eeecec 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #eeecec 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #eeecec 0%, #ffffff 100%);
    background: linear-gradient(to top left, #eeecec 0%, #ffffff 100%);
}
.ar-ourmission-profile-card-image {
    font-size: 210pt;
    background: #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: -100px;
    z-index: 333;
    box-shadow: 6px 6px 16px 0 rgba(0,0,0,.25);
    border: 1px solid #e6e5e5;
}
.ar-ourmission-profile-card-details{
    position:relative;
    top:30px;
    text-align:justify;
    line-height:1.2;
}
.ar-coc-table {
    border: 2px solid #3D405B;
    border-radius: 8px;
    background: #fff;
}
.ar-coc-table-row-subheader {
    background: #F4F1DE;
    color:#46586e;
}
.ar-coc-table-row-b {
    background-color: #F0F0F0;
}
/*.ar-coc-table .ar-coc-table-row:nth-child(odd) {
    background-color: #F0F0F0;
}*/
.ar-coc-table-row-header {
    background: #3D405B;
    color: #fff;
    font-size: 24pt;
    font-weight: 600;
    text-shadow: 2px 2px rgba(0,0,0,0.65);
}
.ar-coc-table-col-left {
}
.ar-coc-table-col-right {
}
.ar-coc-econimpact-statcard1 {
    height:500px;
    width:90%;
}
.ar-coc-econimpact-statcard1-diagnolthing {
    position:absolute;
    top:-30px;
    z-index:1;
    height: 60px;
    width: 90%;
    background: linear-gradient(to top left, #fbc344 0%, #e29f08 100%);
    transform: skewX(30deg);
    transform-origin: 0 0;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
}
.ar-coc-econimpact-statcard1-body {
    position: relative;
    z-index: 222;
    background: -webkit-linear-gradient(right, #d2d2d2 0%, #ffffff 100%);
    background: -moz-linear-gradient(right, #d2d2d2 0%, #ffffff 100%);
    background: -o-linear-gradient(right, #d2d2d2 0%, #ffffff 100%);
    background: linear-gradient(to left, #d2d2d2 0%, #ffffff 100%);
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
}
.simple-shadow {
    text-shadow: 1px 1px rgba(180,180,180,0.6);
}
.ar-ourprograms-card-stat {
    font-size: 40pt;
    font-weight: 600;
    color: #af841d;
    text-shadow: 2px 2px rgba(180,180,180,0.6);
}
.ar-aboutcprit-ourprograms-infographic-outer {
    height: 320px;
    width: 320px;
    border-radius: 50%;
    background: radial-gradient(#287388,#a0d5e4 );
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.ar-aboutcprit-ourprograms-infographic-label {
    font-size: 22pt;
    font-weight: 600;
    color: #535353;
    width:80%;
}

.ar-aboutcprit-ourprograms-infographic-ring {
    height: 320px;
    width: 320px;
    border-radius: 50%;
    position: relative;
    z-index: 66;
    box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, .25);
}

.ar-aboutcprit-ourprograms-infographic-inner {
    height: 240px;
    width: 240px;
    top: 40px;
    left: 40px;
    background: linear-gradient(to top left,#ffffff 0%, #ececec 100%);
    border-radius: 50%;
    position: absolute;
    z-index: 111;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .25);
}

.ar-aboutcprit-ourprograms-infographic-innerstat {
    height: 200px;
    width: 200px;
    top: 20px;
    left: 20px;
    background: linear-gradient(to bottom right,#ffffff 0%, #ececec 100%);
    border-radius: 50%;
    position: absolute;
    z-index: 222;
    border: 1px solid #fff;
    font-size: 40pt;
    font-weight: 600;
    color: #af841d;
    text-shadow: 2px 2px rgba(180,180,180,0.6);
}
.ar-aboutcprit-ourprograms-infographic-label-dollar {
    color: #af841d;
    font-size: 24pt;
}
.ar-aboutcprit-ourprograms-infographic-no50 {
    position: absolute;
    z-index: 55;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: #fff;
}
.ar-aboutcprit-ourprograms-infographic-nostat1 {
    position: absolute;
    z-index: 55;
    top: 70%;
    left: 50%;
    height: 50%;
    width: 50%;
    background: #fff;
    transform: skewY(36deg)
}
.ar-aboutcprit-ourprograms-infographic-nostat2 {
    position: absolute;
    z-index: 55;
    top: 50%;
    left: 50%;
    height: 50%;
    width: 50%;
    background: #fff;
    transform: skewY(-3deg)
}
.ar-aboutcprit-ourprograms-infographic-nostat3 {
    position: absolute;
    z-index: 55;
    top: 55%;
    left: 50%;
    height: 50%;
    width: 50%;
    background: #fff;
    transform: skewY(9deg)
}
.ar-aboutcprit-ourprograms-infographic-nostat4 {
    position: absolute;
    z-index: 55;
    top: 22%;
    left: 50%;
    height: 75%;
    width: 75%;
    background: #fff;
    transform: skewY(-32deg)
}
.ar-aboutcprit-ourprograms-infographic-nostat5 {
    position: absolute;
    z-index: 55;
    top: 0%;
    left: 50.8%;
    height: 100%;
    width: 55%;
    background: #fff;
    transform: skewX(-10deg);
}
.ar-highlights-summary-infographic-nostat1 {
    position: absolute;
    z-index: 55;
    top: 0;
    left: 0;
    height: 63%;
    width: 50%;
    background: #fff;
    transform: skewY(-22deg)
}
.ar-highlights-summary-infographic-nostat2 {
    position: absolute;
    z-index: 55;
    top: 40%;
    left: 50%;
    height: 62%;
    width: 50%;
    background: #fff;
    transform: skewY(-16deg)
}
.ar-highlights-summary-infographic-nostat3 {
    position: absolute;
    z-index: 55;
    top: 20%;
    left: 50%;
    height: 80%;
    width: 50%;
    background: #fff;
    transform: skewY(-48deg)
}
.ar-coc-cost-funnel {
    width: 800px;
    position: relative;
}
.ar-coc-cost-funnel-top {
    position: absolute;
    top: -20px;
    left: 29px;
    z-index: 200;
    height: 40px;
    background: radial-gradient(#92a7b1,#677d88);
    width: 740px;
    border-radius: 50%;
    border-bottom: 1px solid #92a7b1;
}
.ar-coc-cost-funnel-bar-container{
    position:relative;
    margin-top:40px;
}
.ar-coc-cost-funnel-bar {
    height: 160px;
    background: linear-gradient(0.25turn,#677d88,#92a7b1,#677d88);
    width: 800px;
    position: relative;
    z-index: 111;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}
.ar-coc-cost-funnel-bar-right {
    position: absolute;
    right: -40px;
    top: -1px;
    z-index: 222;
    height: 162px;
    background: #e9f0f2;
    width: 92px;
    transform: skewX(-15deg);
}

.ar-coc-cost-funnel-bar-left {
    position: absolute;
    left: -40px;
    top: -1px;
    z-index: 222;
    height: 162px;
    background: #e9f0f2;
    width: 90px;
    transform: skewX(15deg);
}
.ar-coc-cost-funnel-bar2 {
    background: linear-gradient(0.25turn,#06cfea, #02a9c0,#06cfea );
    width: 700px;
}
.ar-coc-cost-funnel-top2 {
    background: radial-gradient(#02a9c0,#06cfea);
    width: 640px;
    border: 1px solid #02a9c0;
}
.ar-coc-cost-funnel-bar3 {
    background: linear-gradient(0.25turn, #18c09e,#20e9c1, #18c09e );
    width: 600px;
}
.ar-coc-cost-funnel-top3 {
    background: radial-gradient(#20e9c1,#18c09e);
    width: 540px;
    border: 1px solid #20e9c1;
}
.ar-coc-cost-funnel-bar4 {
    background: linear-gradient(0.25turn,#d78e16, #f9b84c,#d78e16);
    width: 500px;
}
.ar-coc-cost-funnel-top4 {
    background: radial-gradient(#d78e16,#f9b84c);
    width: 440px;
    border: 1px solid #d78e16;
}
.ar-coc-cost-funnel-bar5 {
    background: linear-gradient(0.25turn,#ce4116, #fb6e43,#ce4116 );
    width: 400px;
}
.ar-coc-cost-funnel-top5 {
    background: radial-gradient(#ce4116,#fb6e43);
    width: 340px;
    border: 1px solid #ce4116;
}
.ar-coc-cost-funnel-bar6 {
    background: linear-gradient(0.25turn,#7b3eba, #a365e3,#7b3eba );
    width: 300px;
}
.ar-coc-cost-funnel-top6 {
    background: radial-gradient(#7b3eba,#a365e3);
    width: 240px;
    border: 1px solid #7b3eba;
}
.ar-coc-cost-funnel-text{
    color:#fff;
    font-weight:600;
    font-size:20pt;
    line-height:1.2;
}

.ar-coc-economy-pie{
    position:relative;
    height:700px;
    width:700px;
}
.ar-coc-economy-pie-label {
    position: absolute;
    z-index: 777;
    left: 50%;
    height: 50px;
    padding-left: 10px;
    line-height: 1.0;
    background: linear-gradient(to right,#c0c0c0 0%, #ffffff 100%);
}
.ar-coc-economy-pie-ring1 {
    position: absolute;
    height: 700px;
    width: 700px;
    border-radius: 50%;
    background: radial-gradient(#6b1acf,#9852ee);
    overflow: hidden;
}
.ar-coc-economy-pie-ring2 {
    position: absolute;
    top: 50px;
    left: 50px;
    height: 600px;
    width: 600px;
    border-radius: 50%;
    background: radial-gradient(#e44214, #fe673c);
    overflow: hidden;
}
.ar-coc-economy-pie-ring3 {
    position: absolute;
    top: 50px;
    left: 50px;
    height: 500px;
    width: 500px;
    border-radius: 50%;
    background: radial-gradient(#00639a, #019bf0);
    overflow: hidden;
}
.ar-coc-economy-pie-ring4 {
    position: absolute;
    top: 50px;
    left: 50px;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background: radial-gradient(#e29f08,#fbc344);
    overflow: hidden;
    border: 1px solid #e29f08;
}
.ar-coc-economy-pie-ring5 {
    position: absolute;
    top: 50px;
    left: 50px;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    background: radial-gradient(#25a01f,#37c230);
    overflow: hidden;
    border: 1px solid #25a01f;
}
.ar-coc-economy-pie-inner {
    position: absolute;
    top: 50px;
    left: 50px;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background: linear-gradient(#ececec,#ffffff);
    overflow: hidden;
}
.ar-coc-economy-pie-50perc {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 50%;
    background: #fff;
    overflow: hidden;
}
.ar-coc-economy-pie-30perc {
    position: absolute;
    top: 70%;
    transform: skewY(-30deg);
    height: 60%;
    width: 50%;
    background: #fff;
    /*background: linear-gradient(to right, #999 0, #fff 7px, #fff 100%);*/
    overflow: hidden;
}
.ar-coc-economy-pie-75perc {
    position: absolute;
    left: 50%;
    height: 50%;
    width: 50%;
    background: #fff;
    /*background: linear-gradient(to right, #999 0, #fff 7px, #fff 100%);*/
    overflow: hidden;
}
.ar-coc-economy-pie-25percpt1 {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 50%;
    background: #fff;
    /*background: linear-gradient(to right, #999 0, #fff 7px, #fff 100%);*/
    overflow: hidden;
}
.ar-coc-economy-pie-25percpt2 {
    position: absolute;
    top: 50%;
    height: 50%;
    width: 100%;
    background: #fff;
    /*background: linear-gradient(to right, #999 0, #fff 7px, #fff 100%);*/
    overflow: hidden;
}

.ar-coc-economy-pie-80perc {
    position: absolute;
    left: 50%;
    height: 50%;
    width: 50%;
    background: #fff;
    transform: rotate(30deg);
}
.ar-coc-economy-infographics-container {
    max-width: 1340px;
    border: 1px solid #d4d4df;
    border-radius:8px;
}
.ar-coc-economy-infographic-container {
    position: relative;
    width: 300px;
    height: 300px;
}
.ar-coc-economy-infographic-container-top {
    margin-top:100px;
}
.ar-coc-economy-infographic {
    width: 300px;
    height: 300px;
    position: absolute;
    z-index: 111;
    border-radius: 10%;
    box-shadow: 4px 8px 10px 0 rgba(0,0,0,.35);
    background: #F4F1DE;
}
.ar-coc-economy-infographic-bottom {
    position: absolute;
    z-index: 11;
    left: 54px;
    top: 200px;
    width: 194px;
    height: 194px;
    transform: scaleX(.75) rotate(45deg) skew(-15deg, -15deg);
    background: #F4F1DE;
    box-shadow: 4px 8px 10px 0 rgba(0,0,0,.35);
    overflow: hidden;
}
.ar-coc-economy-infographic-bottom-cover {
    position: absolute;
    z-index: 222;
    left: 54px;
    top: 200px;
    width: 194px;
    height: 194px;
    transform: scaleX(.75) rotate(45deg) skew(-15deg, -15deg);
    background: #F4F1DE;
}
.ar-coc-economy-infographic-second-row{
    margin-top:100px;
}
.ar-coc-economy-infographic-top {
    top: -94px;
}
.ar-coc-economy-infographic-content{
    position:absolute;
    z-index:333;
    width:100% !important;
    padding:5px;
    top:-10px;
}
.ar-coc-economy-infographic-stat {
    font-size: 36pt;
    font-weight: 600;
}
.ar-coc-economy-infographic-icon {
    color: #fff;
    font-size: 36pt;
}
.ar-coc-economy-infographic-header {
    font-size: 32pt;
    font-weight: 500;
    line-height: 1.1;
    font-family: verdana;
    text-shadow: 2px 2px rgba(180,180,180,0.6);
}

.ar-coc-cancercosts-bg {
    background: #46586e;
}
.ar-coc-cancercosts-dashed {
    border-right: 4px dashed #fff;
}
.ar-coc-othersources-dashed {
    border-right: 4px dashed #535353;
}
.ar-coc-cancercosts-dashed-bot {
    border-bottom: 4px dashed #fff;
}
.ar-coc-cancercosts-stat {
    color: #FFD700;
    font-size: 42pt;
    font-weight: 600;
}
.ar-coc-big-stat {
    font-size: 42pt;
    font-weight: 600;
}
.ar-coc-economy-quadrant{
    min-height:50vh;
}

.ar-coc-economy-quadrant-text {
    font-size: 28pt;
    font-weight: 600;
}

.ar-planning-programpriorities-hexagon {
    position: relative;
    width: 300px;
    height: 173.21px;
    background-color: #fff;
    margin: 86.60px 0;
}

    .ar-planning-programpriorities-hexagon:before,
    .ar-planning-programpriorities-hexagon:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 150px solid transparent;
        border-right: 150px solid transparent;
    }

    .ar-planning-programpriorities-hexagon:before {
        bottom: 100%;
        border-bottom: 86.60px solid #fff;
    }

    .ar-planning-programpriorities-hexagon:after {
        top: 100%;
        width: 0;
        border-top: 86.60px solid #fff;
    }
.ar-coc-othersources-quote-container {
    padding-left: 30px;
    padding-right: 20px;
}
.ar-coc-othersources-quote {
    color: #af841d;
    /*font-family: Copperplate, "Copperplate Gothic Light", fantasy;*/
    /*font-family: verdana;*/
    /*font-weight: 600;*/
    font-size: 20pt;
    line-height: 1.2;
    text-shadow: 1px 1px rgba(180,180,180,0.75);
    position: relative;
    z-index: 444;
    text-align: justify;
}
    .ar-coc-othersources-quote:before {
        font-family: Georgia, serif;
        content: "\201c";
        position: absolute;
        top: -20px;
        left: -44px;
        font-size: 4em;
        color: #fff;
        font-weight: normal;
        z-index: 111;
        text-shadow:none;
    }

    .ar-coc-othersources-quote:after {
        font-family: Georgia, serif;
        content: "\201d";
        position: absolute;
        bottom: -110px;
        line-height: 100px;
        right: -32px;
        font-size: 8em;
        color: rgba(220, 220, 220, 0.8);
        font-weight: normal;
        z-index: 111;
        text-shadow: none;
    }
.ar-coc-othersources-cite {
    font-size: 16pt;
    line-height: 1.0;
    text-align:left !important;
}
.ar-planning-future-card-stat {
    font-size: 26pt;
    font-weight: 600;
    color: #af841d;
    text-shadow: 1px 1px rgba(180,180,180,0.6);
    line-height: 1.1;
}
.ar-planning-roadmap {
    /*background: linear-gradient(to bottom,#445c76,#5c7996);*/
    background:#1c232b;
    border-radius:10px;
}
.ar-planning-roadmap-inner1 {
    border-right: 4px dashed #fff;
    border-top: 4px dashed #fff;
    border-radius: 0px 10px 10px 0px;
}
.ar-planning-roadmap-inner2 {
    border-left: 4px dashed #fff;
    border-top: 4px dashed #fff;
    border-radius: 10px;
}
.ar-planning-roadmap-content {
    background: #fff;
    border-radius: 0px 10px 10px 0px;
}
.ar-planning-roadmap-rightcontent {
    width: 105% !important;
    /**/
}
.ar-planning-roadmap-leftcontent {
    width: 105% !important;
    position: relative;
    left: -5%;
    border-radius: 10px;
}

.ar-aboutus-prevention-card-hero {
    border-radius: 6px !important;
    background: linear-gradient(to top, #ffffff 0%, #fee9ea 100%);
    box-shadow: -2px 5px 15px -8px rgba(0,0,0,.34), 0 8px 10px -5px rgba(0,0,0,.3);
    position: relative;
    top: -40px;
    overflow: hidden;
}
.ar-planning-bulletmatrix-box {
    border: 1px solid #232d6b;
    background: #fff;
}
.ar-planning-bulletmatrix-box-image {
    background-image: url('/images/ar-planning-pp-pd1.jpg');
    background-size: cover;
    height: 400px;
}
.ar-planning-bulletmatrix-text {
    color: #232d6b;
    background-color: rgba(255,255,255,.68);
    font-weight: 600;
    font-size:22pt;
}
.charcoal li:nth-child(even) {
    color:#000;
}
.ar-planning-bulletmatrix-bullet {
    list-style: none;
}
    .ar-planning-bulletmatrix-bullet li {
        color: #232d6b;
        font-weight:600;
    }
        .ar-planning-bulletmatrix-bullet li:before {
            content: ' ';
            border: 3px solid #232d6b;
            border-radius: 100%;
            width: 2px;
            height: 2px;
            display: inline-block;
            padding: 0.25em;
            font-size: 12pt;
            line-height: .5;
            margin-right: 0.5em;
        }

.ar-planning-logoimage{
    height:80px;
}
.ar-planning-academicbg {
    background: linear-gradient(to top, #c5c5c5 0%, #ffffff 100%);
}
.ar-highlights-covid-banner {
    background-image: url("/images/ar-highlights-covid-banner.jpg");
    background-size: cover;
    font-size: 5.75rem;
    color: #fff;
    text-shadow: 2px 2px rgba(180,180,180,0.6);
    height: 500px;
    font-weight: 600;
}
.ar-commitment-peerreview-bg {
    background-image: url("/images/ar-commitment-peerreview.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.ar-commitment-peerreview-statbg{
    /*background-color: rgba(255,255,255,.75);*/
}
.ar-commitment-peerreview-headingcard {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    width: 100%;
    height: 100%;
    min-height: 400px;
    border: 1px solid #ccc;
    background-color: rgba(255,255,255,.75);
    border-radius:10px;
}
.ar-planning-pdcard {
    border-radius: 6px !important;
    background: #fff;
    width: 100%;
    height: auto;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border: 1px solid #ccc;
    font-size:16pt;
    min-height:330px;
    line-height:1.2;
}
.ar-planning-pdcard-image{
    height: 200px;
}
.ar-planning-company-more {
    position: relative;
    z-index: 111;
}
    .ar-planning-company-more.in {
        position: absolute;
        top:0px;
        z-index:555;
        padding:10px;
        height:100%;
        width:98%;
        background:#fff;
        display:flex;
        align-content:center;
    }
.ar-planning-company-description-text {
    background: #fff;
}
.ar-planning-withoutcancer-card {
    border-radius: 8px !important;
    color: rgba(0,0,0,.87);
    background: #fff;
    width: 95%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: -webkit-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -moz-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom right, #e6e5e5 0%, #ffffff 100%);
    background: linear-gradient(to top left, #e6e5e5 0%, #ffffff 100%);
}

.ar-ourmission-livercard {
    border-radius: 8px !important;
    color: rgba(0,0,0,.87);
    background-color: rgba(255,255,255,100);
    width: 95%;
    max-width: 700px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.ar-ourmission-liver-logo {
    background: #fff;
    height: 220px;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ar-ourmission-scholarsbg{
    background-image:url("/images/ar-ourmission-scholarsbg.png");
    background-size:cover;
}
.ar-ourmission-scholarscard {
    border-radius: 8px !important;
    color: rgba(0,0,0,.87);
    background-color: rgba(255,255,255,.85);
    width: 85%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ar-ourmission-trainingbg {
    background-image: url("/images/ar-ourmission-trainingbg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.ar-ourmission-training-card-container {
    transition: all 0.5s ease;
}
    .ar-ourmission-training-card-container.out{
        margin-top: 350px;
    }
.ar-ourmission-training-card {
    height: 100% !important;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,.80);
    /*background: linear-gradient(to top left, #cfab58 0%, #f4dca6 100%);*/
}
.ar-ourmission-training-logoimage{
    max-width:400px;
}

.ar-ourmission-scholar-carousel {
    position:relative;
    top:-100px;
}
.ar-ourmission-scholar-carousel-item {
    background: linear-gradient(rgba(255,255,255,.80),#e5edf6);
    border-radius: 10px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
    min-height: 520px;
    /*height:100% !important;*/
    overflow: hidden;
}
.ar-ourmission-scholar-profile-image {
    position:absolute;
    bottom:0px;
}
.ar-highlights-org-carousel-item {
    border-radius: 8px !important;
    /*color: rgba(0,0,0,.87);*/
    color: #fff;
    background: #fff;
    border: 6px solid #FFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: linear-gradient(to right,#c55f44,#de7357,#c55f44);
    height: 100px;
    width: 100%;
    display:flex;
    align-content: center;
    justify-content: center;
    text-align: center;
}
.ar-highlights-orgcard {
    background: linear-gradient(to right,#383a49,#57596e,#383a49);
}
.ar-highlights-orgcard2 {
    background: linear-gradient(to right,#c19c61,#d8b67e,#c19c61);
}
.ar-highlights-orgcard3 {
    background: linear-gradient(to right,#92a89d,#b3c7bd,#92a89d);
}
.ar-highlights-orgcard4 {
    background: linear-gradient(to right,#640a1b,#7d182b,#640a1b);
}
.ar-highlights-org-carousel-indicators li, .ar-highlights-org-carousel-indicators li.active {
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 50%;
    margin: 1px 4px;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.ar-highlights-org-carousel-indicators {
    bottom: -40px;
}
.ar-ourmission-findings-timeline-left {
    border-right: 8px solid #0f3454;
    border-top: 8px solid #0f3454;
    border-top-right-radius: 20px;
    position: relative;
    padding-bottom: 120px;
}
.ar-ourmission-findings-timeline-first-right {
    margin-top: 320px;
}
.ar-ourmission-findings-timeline-noneleft {
    border-right: 8px solid #0f3454;
    position: relative;
    top: 20px;
}
.ar-ourmission-findings-timeline-right {
    border-left: 8px solid #0f3454;
    border-top: 8px solid #0f3454;
    border-top-left-radius: 20px;
    position: relative;
    top: -20px;
    left: -8px;
    padding-bottom: 120px;
}
.ar-ourmission-findings-timeline-month {
    background: #0f3454;
    font-weight: bold;
    text-align: center;
    font-size: 24pt;
    width: 360px;
    padding: 8px;
    text-align: center;
    color: #fff;
    position: relative;
    top: -40px;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    border: 4px solid #fff;
}
.ar-ourmission-findings-timeline-legend{
    position:relative;
    margin-top:10px;
}
.ar-ourmission-findings-timeline-legend-icon {
    top: 5px !important;
    /*left: -20px;*/
    height: 60px !important;
    width: 60px !important;
    font-size: 20pt !important;
}
.ar-ourmission-findings-timeline-legend-text{
    position:relative;
    left:30px;
}
.ar-ourmission-findings-timeline-card {
    /*background: #6d60c1;*/
    background: linear-gradient(to bottom,#b4acea 0%,#6d60c1 100%);
    color: #fff;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    position: relative;
    margin-top: 45px !important;
    padding-top: 40px !important;
    text-align: justify;
    width: 85%;
}
.ar-ourmission-findings-timeline-card-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #6d60c1;
    color: #fff;
    top: -35px;
    right: -35px;
    padding-top: 6px;
    font-size: 32pt;
    text-align: center;
    border: 4px solid #fff;
}
.ar-ourmission-findings-timeline-card-award {
    background: linear-gradient(to bottom,#79b7fd 0%,#2b88f2 100%);
}
.ar-ourmission-findings-timeline-card-icon-award {
    background: #2b88f2;
}
.ar-ourmission-findings-timeline-card-prevention {
    background: linear-gradient(to bottom,#1b9ba6 0%,#016c76 100%);
}
.ar-ourmission-findings-timeline-card-icon-prevention {
    background: #017c87;
}
.ar-ourmission-findings-timeline-card-pdm {
    background: linear-gradient(to bottom,#dc542d 0%,#af2d08 100%);
}
.ar-ourmission-findings-timeline-card-icon-pdm {
    background: #bb340d;
}
.ar-ourmission-findings-timeline-card-partner {
    background: linear-gradient(to bottom,#358226 0%,#124808 100%);
}
.ar-ourmission-findings-timeline-card-icon-partner {
    background: #124808;
}
.ar-ourmission-findings-timeline-card-finance {
    background: linear-gradient(to bottom,#c98f1e 0%,#a66e02 100%);
}
.ar-ourmission-findings-timeline-card-icon-finance {
    background: #b87a01;
}

.ar-ourmission-pd-pipeline-container{
    margin-top:35px;
}
.ar-ourmission-pd-pipeline {
    height: 100% !important;
    width: 170px;
    background: linear-gradient(to right,#32333b 0%,#8a848d 50%,#32333b 100%);
    position: relative;
    z-index: 111;
    border: 1px solid #32333b;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.ar-ourmission-pd-pipeline-top {
    background: radial-gradient(at center, #18191d 0%,#3f3b41 90%,#575359 100%);
    position: absolute;
    top: -35px;
    z-index: 222;
    width: 170px;
    height: 70px;
    border: 1px solid #32333b;
    border-radius: 50%;
}
.ar-ourmission-pdcard {
    /*border-radius: 50%;*/
    color: rgba(0,0,0,.87);
    background-color: rgba(255,255,255,.80);
    width:75%;
    height:180px;
}
.ar-ourmission-pd-pipeline-textblock {
    border: 2px solid #6f6d70;
    border-radius: 5px;
    position: relative;
    z-index:444;
}
    .ar-ourmission-pd-pipeline-textblock:after,
    .ar-ourmission-pd-pipeline-textblock:before {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 100px;
        height: 50px;
        border: 2px solid #fff;
    }


/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
    .ar-ourmission-pd-pipeline-textblock:after {
        top: -2px;
        border-color: transparent transparent transparent #6f6d70;
        border-width: 50px;
    }

/* this border color controlls the outside, thin border */
    .ar-ourmission-pd-pipeline-textblock:before {
        top: 0px;
        border-color: transparent transparent transparent #6f6d70;
        border-width: 50px;
    }
.ar-ourmission-pd-pipeline-textblock-left {
    border: 2px solid #6f6d70;
    border-radius: 5px;
    position: relative;
    z-index: 444;
}

    .ar-ourmission-pd-pipeline-textblock-left:after,
    .ar-ourmission-pd-pipeline-textblock-left:before {
        content: '';
        display: block;
        position: absolute;
        left: -100px;
        width: 100px;
        height: 50px;
        border: 2px solid #fff;
    }


    /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
    .ar-ourmission-pd-pipeline-textblock-left:after {
        top: -2px;
        border-color: transparent #6f6d70 transparent transparent;
        border-width: 50px;
    }

    /* this border color controlls the outside, thin border */
    .ar-ourmission-pd-pipeline-textblock-left:before {
        top: 0px;
        border-color: transparent #6f6d70 transparent transparent;
        border-width: 50px;
    }

.ar-ourmission-investment-card {
    border-radius: 8px !important;
    color: rgba(0,0,0,.87);
    background: linear-gradient(to bottom right,#eae3ce 0%,#f7f4ec 50%,#eae3ce 100%);
    width: 95%;
    height: 100% !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.ar-ourmission-investment-card-logo {
    width: 75%;
    border-radius: 6px !important;
    position: relative;
    top: -30px;
}
.ar-ourmission-investment-card-stat {
    font-size: 24pt;
    font-weight: 600;
    color: #af841d;
    text-shadow: 1px 1px rgba(180,180,180,0.6);
    line-height:1.2;
}

.ar-ourmission-scholars-introtext {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    z-index:222;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);
    border: 1px solid #ccc;
    background-color: rgba(255,255,255,.75);
    border-radius: 10px;
    width: 95%;
}
#slider {
    width: 95%
}

    #slider li {
        width: 80%;
    }

/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
    margin: 0 auto 20px;
    position: relative;
    left: 0;
    top: 0;
    border-radius: 10px;
    /*box-shadow: inset 0 0 10px #888;*/
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    /***(>'-')> Control Panel Font size here <('-'<)***/
    font-size: 18px;
}

/* active slider border highlight */
.mb-active-slider {
    border-color: #333;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
    margin: 0;
    /* padding: 20px; */
    display: block;
    cursor: pointer;
    float: left;
    list-style: none;
}

    /* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
    .mb-slider .mb-panel.current {
        cursor: auto;
    }

/*** Inside the panel ***/
.mb-inside {
    padding: 10px;
    /*border: 1px solid #999;*/
}

    .mb-inside * {
        max-width: 100%;
    }


/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
    display: block;
    width: 45px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0;
    font-weight:900;
}

    a.mb-scrollButtons.mb-left {
        background-position: left top;
        left: -45px;
    }
        a.mb-scrollButtons.mb-left::before {
            color: #af841d;
            font-size:28pt;
            content: "\f137";
            font-family: "Font Awesome 5 Pro", FontAwesome;
        }


    a.mb-scrollButtons.mb-right {
        background-position: right top;
        right: -45px;
    }
        a.mb-scrollButtons.mb-right::before {
            color: #af841d;
            font-size: 28pt;
            content: "\f138";
            font-family: "Font Awesome 5 Pro", FontAwesome;
        }

    a.mb-scrollButtons.mb-left:hover {
        background-position: left bottom;
    }

    a.mb-scrollButtons.mb-right:hover {
        background-position: right bottom;
    }

    a.mb-scrollButtons.disabled {
        display: none;
    }

/*** Controls added below the panels ***/
.mb-controls {
    margin: 0 auto;
    text-align: center;
    background: #af841d;
    position: relative;
    z-index: 100;
}

    .mb-controls a {
        color: #666;
        font: 18px/2.2 Georgia, Serif;
        display: inline-block;
        text-decoration: none;
        padding: 2px;
        margin: 0 5px 0 0;
        text-align: center;
        outline: 0;
    }

        .mb-controls a:hover {
            color: #fff;
        }

        .mb-controls a.current {
            color: white;
        }

.mb-active-slider .mb-controls {
    background: #af841d;
}

.ar-ourmission-productdev-card {
    border-radius: 8px !important;
    background: #fff;
    width: 85%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background: linear-gradient(to bottom right,rgba(184,205,224,.95) 0%,rgba(237,246,253,.90) 50%,rgba(184,205,224,.95) 100%);
}
.ar-ourmission-productdev-card-images{
    max-width:600px;
}
.ar-ourmission-productdev-bg {
    background: url("/images/ar-ourmission-pipeline-bg.png");
    background-repeat:no-repeat;
}
.ar-ourmission-pd-leftbg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.ar-ourmission-pd-rightbg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.ar-ourmission-pd-introtext {
    position: relative;
    z-index: 222;
    /*box-shadow: 0 6px 10px -4px rgba(0,0,0,0.52);*/
    /*border: 1px solid #ccc;*/
    background-color: rgba(233,240,242,.75);
    border-radius: 10px;
    width: 95%;
}
.ar-ourmission-productdev-spacer {
    height: 200px;
}

.ar-ourmission-training-card-container {
    margin-top: 120px;
}

.ar-ourmission-clinicaltrialsprofile1 {
    background: linear-gradient(to top left, #dfc485 0%, #fdecc5 100%);
}

.ar-ourmission-clinicaltrialsprofile2 {
    background: linear-gradient(to top left, #69b3dc 0%, #c0e6fc 100%);
}

.ar-ourmission-clinicaltrialsprofile3 {
    background: linear-gradient(to top left, #dfa18f 0%, #fbccbe 100%);
}

.ar-ourmission-clinicaltrialsprofile4 {
    background: linear-gradient(to top left, #c5ade1 0%, #ecdefc 100%);
}