@charset "utf-8";


/*===== Common CSS =====*/
/*===== HeaderFooter CSS =====*/
/*===== HomePage CSS =====*/


/*===== Responsive CSS =====*/

/*===============================
  ===============================*/

/*===== Common CSS =====*/
/*
.tk-proxima-nova { font-family: "proxima-nova",sans-serif; }
.tk-proxima-nova-condensed { font-family: "proxima-nova-condensed",sans-serif; }
.tk-proxima-nova-extra-condensed { font-family: "proxima-nova-extra-condensed",sans-serif; }
.tk-arya-double { font-family: "arya-double",sans-serif; }
.tk-arya-triple { font-family: "arya-triple",sans-serif; }
.tk-arya-triple-alt { font-family: "arya-triple-alt",sans-serif; }
*/

:root {
    --pcdis-body_bg: #3b2f2f;
    
    --pcdis-banner_title_font: "arya-triple",sans-serif;
    --pcdis-sec_title_font: "arya-double",sans-serif;
    --pcdis-ticker_slide_font: "proxima-nova-extra-condensed",sans-serif;
    --pcdis-body_font: "proxima-nova",sans-serif;
    
    --pcdis-primary_color: #251c1c;
    --pcdis-blue: #1dd2ff;
    --pcdis-pink: #c74a7d;
    --pcdis-white: #ffffff;
}

html, body { overflow-x: hidden; }
body { background: var(--pcdis-body_bg); padding: 0; margin: 0; font-family: var(--pcdis-body_font); font-size: 16px; font-weight: normal; line-height: 24px; color: rgba(255,255,255,0.6); position: relative; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; }

body.pageload { overflow: auto; overflow-x: hidden; }

* { box-sizing:border-box; }
*:hover { -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
*:focus, .btn-default-focus { box-shadow: none !important; outline:none !important; }


.loader { z-index: 101; position: fixed; left:0; top:0; width:100%; height:100vh; background: var(--pcdis-primary_color); text-align: center; }
.loader, .loader * { transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; }
.loader img { width:120px; height:60px; position: absolute; left:0; right:0; top:0; bottom:0; margin: auto; opacity: 0.3; -webkit-animation: grayscale 2s infinite; }

@-webkit-keyframes grayscale {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.25;
    }
}

.pageload .loader { left: 100%; }



h1, h2, h3, h4, h5, h6, p, ul { padding: 0; margin: 0; }

h1, h5 { font-size: inherit; display: block; }



h1, h1 a, h1 img { height:65px; display: block; object-fit: contain; }
h2 { font-family: var(--pcdis-banner_title_font); color: var(--pcdis-white); font-size:55px; line-height: 70px; }

h3 { font-family: var(--pcdis-sec_title_font); color: var(--pcdis-white); font-size: 36px; line-height: 45px;  
    text-shadow: 0px 4px 4px rgba(38, 28, 28, 0.004);
    background-image: -moz-linear-gradient( -90deg, rgb(198,167,167) 0%, rgb(238,222,222) 99%);
    background-image: -webkit-linear-gradient( -90deg, rgb(198,167,167) 0%, rgb(238,222,222) 99%);
    background-image: -ms-linear-gradient( -90deg, rgb(198,167,167) 0%, rgb(238,222,222) 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h4 { color: var(--pcdis-white); font-size: 25px; line-height: 30px; font-weight: 700; }

h5, h5 img { width:100px; height:53px; display: block; object-fit: contain; }
h6 { color: var(--pcdis-white); font-size: 15px; line-height: 20px; font-weight: 300; text-align: right; opacity: 0.25; }

img, svg { border: none; vertical-align: middle; max-width: 100%; }
ul li { list-style: none; }

a { cursor: pointer; color:var(--pcdis-white); font-weight: 300; outline: none !important; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; color:var(--pcdis-white); }

a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
button, input, textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }




header, main, section, footer { display: block; position: relative; }

.container { width:95%; max-width:1600px; }


/*===== *************** =====*/



/*===== HeaderFooter CSS =====*/
header { z-index: 100; position: absolute; left:0; right:0; top:0; padding:30px 0; }
header .logo a { display: inline-block; vertical-align: middle; border-right: 2px solid rgba(255,255,255,0.2); margin-right: 15px; padding-right: 20px; }

header .logo a img { width:127px; display: block; }

header .logo a.sub-logo { margin:0; padding:0; border: none; }

header .logo a.sub-logo img { width: 135px;  }





footer .logo-copyright_text { display: flex; justify-content: space-between; align-items: center; padding:30px 0 40px; border-top:1px solid rgba(255,255,255,0.25); }
footer .logo-copyright_text h5 { opacity: 0.25; }


/*===== *************** =====*/



/*===== HomePage CSS =====*/
/* Banner */
.banner-wrp { padding:120px 0 50px; position: relative; z-index: 2; background: #261c1d; }
.banner-wrp * { position: relative; z-index: 2; }
.banner-wrp::before { content: ""; display: block; z-index: 1; position: absolute; left:-500px; top:0; width:1200px; height:1000px; background: url("../images/blue_glow-bg.png")no-repeat left center / contain; -webkit-animation: MoveObject 5s infinite; -moz-animation: MoveObject 5s infinite; animation: MoveObject 5s infinite; }

@-webkit-keyframes MoveObject {
    0%,
    100% {
        left:-500px;
        top:-100px;
    }

    50% {
        left:-250px;
        top:0;
    }
}


.banner-wrp .img { z-index: 0; position: absolute; right:0; top:0; bottom:0; max-width:45%; }
.banner-wrp .img img { width:100%; height:100%; object-fit: cover; object-position:left center; }


.banner-wrp .text { max-width:800px; }
.banner-wrp .text p { color: var(--pcdis-white); font-size: 36px; line-height: 40px; }
.banner-wrp .text span.blue { display: block; color: var(--pcdis-blue); font-weight: bold; }


/* Social_Determinants_of_Health */
.social_detarminants-wrp { padding:70px 0 0; position: relative; 
    background-image: -moz-linear-gradient( -90deg, rgb(38,29,30) 0%, rgba(40,30,31,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(38,29,30) 0%, rgba(40,30,31,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(38,29,30) 0%, rgba(40,30,31,0) 100%);
}
.social_detarminants-wrp .container { position: relative; z-index: 2; }
.social_detarminants-wrp h3 { margin-bottom:30px; }

.social_detarminants-wrp .img, .social_detarminants-wrp .img img { position: relative; z-index: 1; }
.social_detarminants-wrp .img::before { content: ""; display: block; position: absolute; left:-150px; right:-150px; top:-150px; bottom:-150px; background: url("../images/dark_coffee_glow-bg.png")no-repeat center center / contain; }




/* Prostate_Cancer_Assessment */
.cancer_assessment-wrp { position: relative; padding:150px 0; background: url("../images/prostate_cancer_assesment-sec_bg.png")no-repeat center center / cover; }
.cancer_assessment-wrp .video-wrp { margin:20px 0 20px 20px; position: relative; z-index: 2; }
.cancer_assessment-wrp h3 { margin-bottom:15px; }


.assessment_flow-chart { position: relative; z-index: 2; background: rgba(255,255,255,0.12); border:2px solid rgba(255,255,255,0.4); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); -moz-backdrop-filter: blur(3px); }

.assessment_flow-chart ul { padding:5px 40px; }
.assessment_flow-chart ul li { margin:30px 0; position: relative; }
.assessment_flow-chart ul li.has-child { display: flex; align-items: center; justify-content: space-between; }
.assessment_flow-chart ul li .width50 { min-width:49%; max-width:49%; position: relative; }
.assessment_flow-chart ul li .width50::before { content: ""; display: block; position: absolute; left:0; right:0; top:-32px; margin: auto; width:10px; height:30px; background: url("../images/down_arrow-ic.svg")no-repeat center bottom / cover; }

.assessment_flow-chart ul li.has_two-child::before { content: ""; display: block; position: absolute; left:0; right:0; top:-20px; width:51%; height:2px; margin: auto; background: var(--pcdis-white); }
.assessment_flow-chart ul li.has_two-child .width50::before { top:-22px; height:20px; }

.assessment_flow-chart ul li .width50.parent::after { content: ""; display: block; position: absolute; left:0; right:0; bottom:-12px; width:2px; height:10px; margin: auto; background: var(--pcdis-white); }

.assessment_flow-chart h4, .assessment_flow-chart a.video-link { font-size:20px; line-height: 30px; font-weight: normal; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; }
.assessment_flow-chart h4 { background: #271f1f; padding:8px 10px; border:2px solid #271f1f; }
.assessment_flow-chart li img.ic { min-width:25px; max-width:25px; height:25px; object-fit: contain; margin-right:10px; }
.assessment_flow-chart a.video-link { background: #130c0c; border:2px solid #130c0c; padding:8px 50px 8px 10px; box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83); -webkit-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83); -moz-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83); }

.assessment_flow-chart a.video-link img.play { position: absolute; right:10px; top:9px; margin:0; -webkit-animation: BlinkPlayIc 1.5s infinite; -moz-animation: BlinkPlayIc 1.5s infinite; animation: BlinkPlayIc 1.5s infinite; }

@-webkit-keyframes BlinkPlayIc {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.35;
    }
}

.assessment_flow-chart a.video-link:hover { border:2px solid var(--pcdis-blue); }
.assessment_flow-chart a.video-link:focus { box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; -webkit-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; -moz-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; }

.assessment_flow-chart li a.btn-play_ic { overflow: hidden; background: #271f1f; z-index: 1; position: absolute; right: calc(24.5% - 12px); top: calc(100% + 6px); box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; -webkit-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; -moz-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.assessment_flow-chart li a.btn-play_ic img.play { padding:0; margin: 0; display: block; -webkit-animation: BlinkPlayIc 1.5s infinite; -moz-animation: BlinkPlayIc 1.5s infinite; animation: BlinkPlayIc 1.5s infinite; }

.assessment_flow-chart ul li:last-child { margin-top:50px; }
.assessment_flow-chart .note { color: var(--pcdis-white); font-size: 13px; opacity: 0.4; margin: -20px 20px 5px; overflow: auto; width: 100%; display: inline-block; }


.cancer_assessment-wrp .listing-points { margin:0 0 0 20px; padding:30px; background: rgba(37,28,28,0.55); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.cancer_assessment-wrp .listing-points li { display: flex; justify-content: flex-start; align-items: center; margin-top:30px; }
.cancer_assessment-wrp .listing-points li img { min-width:40px; max-width:40px; height:40px; object-fit: contain; margin-right:20px; }
.cancer_assessment-wrp .listing-points li p { font-size:20px; color: #9b8b8b; }



.video-wrp, .video-short_des { margin:0 0 20px 20px; position: relative; z-index: 11; }

.video-short_des { display: flex; justify-content: flex-start; align-items: flex-start; padding:10px 15px; background: url("../images/green_pattern-bg.jpg")no-repeat center center / cover; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.video-short_des img.ic { min-width:20px; max-width:20px; height:20px; object-fit: contain; margin:2px 10px 0 0; }
.video-short_des p { font-size:21px; color: #251c1c; line-height: 25px; }

.video-wrp { display: block; position: relative; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; -webkit-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; -moz-box-shadow: 0px 8px 11.04px 0.96px rgba(39, 30, 30, 0.83) !important; }
.video-wrp h4 { font-size:30px; line-height: 35px; z-index: 10; position: absolute; left:0; right:0; top:0; padding:15px 20px; }
.video-wrp img { width:100%; height:280px; object-fit: cover; }


.jw-controls-backdrop, .jw-overlays { display: none !important; }


/* TickerSlider */
.ticker-slider { font-family: var(--pcdis-ticker_slide_font); overflow: hidden; z-index: 0; position: absolute; left:0; right:0; bottom:200px; opacity: 0.25; }
ul.scroller { position: relative; white-space: nowrap; }
.ticker-slider .scroller li { text-transform: uppercase; margin:0 10px; font-size:120px; font-weight: 300; line-height: 120px; display: inline; white-space:nowrap;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--pcdis-blue);
}



/* Prostate_Cancer_Pharmacotherapies */
.cancer_therapy-wrp { padding:0; position: relative; }
.cancer_therapy-wrp * { position: relative; z-index: 3; }
.cancer_therapy-wrp::before { content: ""; display: block; z-index: 2; position: absolute; left:-100px; top:0; bottom:-150px; width:80%; background: url("../images/coffee_glow-bg.png")no-repeat left center / contain; -webkit-animation: MoveObject 5s infinite; -moz-animation: MoveObject 5s infinite; animation: MoveObject 5s infinite; }

.cancer_therapy-wrp::after { content: ""; display: block; z-index: 0; position: absolute; right:0; top:200px; bottom:170px; width:35%; opacity: 0.35; background: url("../images/linear_patter-bg.svg")no-repeat left center / cover; }

.cancer_therapy-wrp h3 { margin-bottom:20px; }

.cancer_therapy-wrp .therapies { background: rgba(37,28,28,0.4); height:120px; border:2px solid #f1dbe1; padding:9px 10px; margin-bottom:20px; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.cancer_therapy-wrp .therapies h4 { font-size:18px; line-height: 21px; }
.cancer_therapy-wrp .therapies p {
    font-size: 14px;
    line-height: 21px;
    display: block;
}
.cancer_therapy-wrp .therapies .d-flex { align-items: flex-start; }
.cancer_therapy-wrp .therapies .d-flex img { min-width:16px; max-width:16px; height:16px; margin:3px 5px 0 0; }

.cancer_therapy-wrp .therapies.androgen { border:2px solid var(--pcdis-pink); }
.cancer_therapy-wrp .therapies.androgen * { color: var(--pcdis-pink); }

.cancer_therapy-wrp .note * { line-height: 18px; }
.cancer_therapy-wrp .note h4 { margin:5px 0; font-size: 14px; font-weight: normal; }
.cancer_therapy-wrp .note h4 .pink { color: var(--pcdis-pink) }
.cancer_therapy-wrp .note p { font-size: 13px; line-height: 16px; font-weight: 300; color: rgba(255,255,255,0.4); }


/* Expanding_the_Workforce */
.expanding_workforce-wrp { padding:100px 0; position: relative; z-index: 1;
    background-image: -moz-linear-gradient( 90deg, rgb(59,48,48) 0%, rgb(37,28,28) 20%, rgb(37,28,28) 80%, rgb(59,48,48) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(59,48,48) 0%, rgb(37,28,28) 20%, rgb(37,28,28) 80%, rgb(59,48,48) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(59,48,48) 0%, rgb(37,28,28) 20%, rgb(37,28,28) 80%, rgb(59,48,48) 100%);
}
.expanding_workforce-wrp h3 { margin-bottom:25px; }

.expanding_workforce-wrp .urologists-usa, .expanding_workforce-wrp .pie-chart { position: relative; }
.expanding_workforce-wrp .urologists-usa h4 { position: absolute; left:0; top:0; z-index: 2; font-size: 22px; font-weight: 300; padding: 20px 70px; line-height: 30px; }
.expanding_workforce-wrp .urologists-usa h4 .blue { color: var(--pcdis-blue); font-weight: bold; }
.expanding_workforce-wrp .urologists-usa img, .expanding_workforce-wrp .pie-chart img { width:100%; height:auto; }

.expanding_workforce-wrp .note { font-size: 13px; line-height: 16px; font-weight: 300; color: rgba(255,255,255,0.4); }


.expanding_workforce-wrp .black_people_comprise-infographic { position: relative; text-align: right; padding-top:15px; margin-top:15px; border-top:1px solid rgba(255,255,255,0.3); }
.expanding_workforce-wrp .black_people_comprise-infographic img { width:60%; }
.expanding_workforce-wrp .black_people_comprise-infographic h4 { position: absolute; left:0; top:100px; z-index: 2; font-size: 22px; font-weight: 300; padding: 20px 0; line-height: 30px; text-align: left; }
.expanding_workforce-wrp .black_people_comprise-infographic h4 .blue { color: var(--pcdis-blue); font-weight: bold; }

.expanding_workforce-wrp .note.black_people_comprise { max-width: 300px; margin-top: -60px; }




/* RESOURCES */
.resources-wrp { padding:0 0 60px; }
.resources-wrp .resource-link { margin:25px 0; padding:20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.resources-wrp .resource-link h4 { display: flex; align-items: center; font-size:21px; }
.resources-wrp .resource-link h4 img { min-width:30px; max-width:30px; height:30px; margin-right:10px; }

.resources-wrp .resource-link li { margin:10px 0; padding-left:40px; }
.resources-wrp .resource-link li a { display: flex; align-items: flex-start; opacity: 0.45; text-decoration: underline; }
.resources-wrp .resource-link li a img { min-width:20px; max-width:20px; height:20px; margin:3px 10px 0 0; }

.resources-wrp .resource-link.red { background: rgba(191,79,64,0.17); }
.resources-wrp .resource-link.blue { background: rgba(17,151,184,0.17); }
.resources-wrp .resource-link.green { background: rgba(120,139,2,0.17); }
.resources-wrp .resource-link.coffee_brown { background: rgba(23,13,13,0.17); }
.resources-wrp .resource-link li a:hover { color:white; opacity: 1; }


/* Modal */
.modal-backdrop.show { opacity: 0.8; }
.modal-open { padding:0 !important; }
.modal.modal-static .modal-dialog { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }

.modal-open header, .modal-open main, .modal-open footer { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); }

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

.modal-header, .modal-body { padding:12px 0; border: none; }
.modal-header .close { border: none; background: transparent; }
.modal-header .close img { min-width:22px; max-width:22px; height:22px; display: block; object-fit: contain; }


.jw-display-icon-container .jw-icon { opacity: 0; }


/*===== *************** =====*/



/*===== Responsive CSS =====*/
@media screen and (max-width: 1365px) {
    
    
    /* HeaderFooter CSS */
    
    
    /* HomePage CSS */
    .banner-wrp .text { max-width: 700px; }
    .banner-wrp .text h2 { margin:0; }
    .banner-wrp .text p { font-size: 32px; }
    
    .assessment_flow-chart h4, .assessment_flow-chart a.video-link, .cancer_assessment-wrp .listing-points li p, .video-short_des p { font-size: 18px; }
    
    .video-wrp, .video-short_des { margin:0 0 20px; }
    
    
    .expanding_workforce-wrp .urologists-usa h4 { font-size: 18px; padding: 25px 50px; line-height: 20px; }
    .expanding_workforce-wrp .black_people_comprise-infographic h4 { font-size: 18px; line-height: 20px; top:80px; }
    .cancer_assessment-wrp .listing-points { margin:0; }
    
    
    .cancer_therapy-wrp .therapies p { font-size: 12px; }
    .cancer_therapy-wrp .therapies .d-flex img { min-width:14px; max-width:14px; height:14px; margin:3px 3px 0 0; }
    
        
}


@media screen and (max-width: 1200px) {
    
    h2 { font-size:45px; line-height: 55px; }
    h3 { font-size:32px; }
    
    /* HeaderFooter CSS */
    
    
    /* HomePage CSS */
    .banner-wrp .text { max-width: 600px; }
    .banner-wrp .text p { font-size: 28px; line-height: 35px; }
    
    .cancer_assessment-wrp { padding:100px 0; }
    .cancer_therapy-wrp .therapies h4 { font-size: 19px; line-height: 22px; }
    
    .assessment_flow-chart h4, .assessment_flow-chart a.video-link { font-size: 16px; }
    .assessment_flow-chart li img.ic { min-width: 25px; max-width: 25px; height: 25px; margin-right:5px; }
    
    .video-wrp h4 { font-size: 25px; line-height: 30px; }
    
    .resources-wrp .resource-link h4 { font-size:20px; }
    
    .assessment_flow-chart h4, .assessment_flow-chart a.video-link, .cancer_assessment-wrp .listing-points li p, .video-short_des p { font-size: 16px; line-height: 22px; }
    
    
    .cancer_therapy-wrp .therapies p { font-size: 14px; }
    .cancer_therapy-wrp .therapies .d-flex img { min-width:16px; max-width:16px; height:16px; margin:3px 5px 0 0; }
    
    
        
}


@media screen and (max-width: 991px) {
    body { font-size: 15px; line-height: 24px; }
    
    h1 a, h1 img { width:100px; height:50px; }
    h2 { font-size: 35px; line-height: 40px; }
    h3 { font-size: 30px; line-height: 40px; }
    h5, h5 img { width:80px; height:40px; }
    h6 { font-size:13px; margin-top:15px; text-align: center; }
    header .logo a{margin-right:5px}
    .container { width: 100%; }
    
    /* HeaderFooter CSS */
    header { padding:15px 0; }
    
    footer .logo-copyright_text { padding:15px 0 25px; flex-direction: column; }
    
    /* HomePage CSS */
    .banner-wrp { padding:90px 0 50px; }
    .banner-wrp .img { max-width:50%; }
    .banner-wrp .text { max-width:450px; }
    .banner-wrp .text p { font-size: 20px; line-height: 25px; }
    
    .social_detarminants-wrp h3, .cancer_assessment-wrp h3, .resources-wrp h3 { text-align: center; }
    .social_detarminants-wrp .img img { max-width:500px; margin: auto; display: block; }
    .cancer_assessment-wrp .listing-points { margin-top:30px; }
    .cancer_assessment-wrp .listing-points li { align-items: center; }
    .cancer_therapy-wrp .note { text-align: center; margin-top:0; }
    
    
    .assessment_flow-chart h4, .assessment_flow-chart a.video-link { font-size: 18px; }
    
    
    .video-wrp, .video-short_des { max-width:400px; margin: 25px auto !important; }
    .ticker-slider { bottom:0; }
    .ticker-slider .scroller li { font-size: 80px; }
    
    .cancer_therapy-wrp::after { bottom:0; width:75%; opacity: 0.25; }
    .cancer_therapy-wrp .note h4 { margin:0 0 10px; }
    .cancer_therapy-wrp .video-short_des, .expanding_workforce-wrp .video-short_des { margin-top:50px !important; }
    
    .expanding_workforce-wrp h3, .cancer_therapy-wrp h3 { text-align: center; }
    .expanding_workforce-wrp .urologists-usa, .expanding_workforce-wrp .pie-chart { max-width:400px; margin: auto; }
    .expanding_workforce-wrp .note { text-align: center; margin-top:25px; }
    .expanding_workforce-wrp .note.black_people_comprise { margin-top:-80px; text-align: left; }
    
    .resources-wrp .resource-link { margin:15px 0 0; }
    .resources-wrp .resource-link h4 { font-size: 19px; }
    .resources-wrp .resource-link h4 img { min-width: 25px; max-width: 25px; height: 25px; }
    .resources-wrp .resource-link li { padding-left:30px; }
    
    
}


@media screen and (max-width: 767px) {
    body { font-size: 14px; line-height: 20px; }
    
    h4 { font-size: 22px; line-height: 28px; }
    
    /* HeaderFooter CSS */
    
    
    /* HomePage CSS */
    
    .banner-wrp { padding:420px 0 20px;  }
    .banner-wrp::before { top:25%; }
    .banner-wrp .img { max-width:100%; left:0; bottom: inherit; height:400px; }
    .banner-wrp .text { max-width:100%; }
    .banner-wrp .text p { margin:0; }
    
    .cancer_assessment-wrp .listing-points { padding:15px 15px 30px; }
    .cancer_assessment-wrp .listing-points h4 { font-size: 20px; }
    .cancer_assessment-wrp .listing-points li { margin-top:15px; align-items: flex-start; }
    .cancer_assessment-wrp .listing-points li img { min-width: 35px; max-width: 35px; height: 35px; margin-right: 10px; } 
    
    .assessment_flow-chart h4, .assessment_flow-chart a.video-link { font-size: 16px; line-height: 20px; }
    .assessment_flow-chart ul { padding:15px 10px; }
    .assessment_flow-chart ul li { margin:0 0 30px; }
    .assessment_flow-chart li img.ic { min-width: 22px; max-width: 22px; height: 22px; }
    
    .assessment_flow-chart li a.btn-play_ic { top: calc(100% + 5px); }
    .assessment_flow-chart li a.btn-play_ic img.play { min-width: 28px; max-width: 28px; height: 28px; }
    
    .cancer_assessment-wrp .video-wrp { margin:20px auto 10px !important; }
    .cancer_therapy-wrp .note h4 span { display: block; }
    
    .ticker-slider .scroller li { font-size: 75px; }
    
    .video-wrp img { height:225px; }
    .video-wrp h4 { padding:12px; }
    
    .expanding_workforce-wrp .black_people_comprise-infographic h4, .expanding_workforce-wrp .note.black_people_comprise { text-align: center; max-width: 100%; }
    .expanding_workforce-wrp .note.black_people_comprise br { display: none; }
    
    .resources-wrp .resource-link { padding:15px; }
    .resources-wrp .resource-link h4 { font-size: 18px; }
    .resources-wrp .resource-link li { padding-left:30px; }
       
    
}


@media screen and (max-width: 576px) {
    
    h2 { font-size: 25px; line-height: 35px; }
    h3 { line-height: 30px; letter-spacing: -1.5px; }
    
    
    /* HeaderFooter CSS */
    h1 a, h1 img { width: 80px; height: 40px; }

    
    /* HomePage CSS */
    .banner-wrp { padding: 220px 0 20px; }
    .banner-wrp .img { height: 200px; }
    .banner-wrp .text p { font-size: 16px; line-height: 22px; }
    
    .cancer_assessment-wrp .video-wrp { width:calc(100% - 20px); margin:20px auto 10px !important; line-height: 28px; }
    
    .assessment_flow-chart h4, .assessment_flow-chart a.video-link { flex-direction: column; align-items: center; font-size:15px; min-height:112px; font-size: 18px; }
    .assessment_flow-chart a.video-link { padding:8px 15px 40px;  }
    .assessment_flow-chart li img.ic { min-width:20px; max-width:20px; height:20px; margin:0; }
    .assessment_flow-chart li img.ic.play { min-width:25px; max-width:25px; height:25px; margin:0; }
    .assessment_flow-chart a.video-link img.play { top:inherit; bottom:10px; left:0; right:0; margin: auto; }
    .assessment_flow-chart .note { margin:0; padding:0 15px 15px; }
    
    .assessment_flow-chart h4, .assessment_flow-chart a.video-link, .cancer_assessment-wrp .listing-points li p, .video-short_des p { font-size: 14px; }
    
    .video-wrp h4 { font-size: 20px; line-height: 25px; padding:10px 15px; }
    
    .cancer_therapy-wrp .therapies { height: auto; }
    
    .expanding_workforce-wrp .black_people_comprise-infographic img { width:100%; }
    .expanding_workforce-wrp .black_people_comprise-infographic h4 { position: relative; top:0; padding:0 0 20px; }
    .expanding_workforce-wrp .note.black_people_comprise { margin-top:20px; }

    .resources-wrp .resource-link h4 { font-size: 17px; line-height: 22px; }
    
    .expanding_workforce-wrp .note, .cancer_therapy-wrp .note p { font-size: 12px; }

           
}

.btn.book-now {
    background: #1dd2ff;
    border:2px solid #1dd2ff;
    border-radius: 0;
    color: #251c1c;
    display:block;
    font-size: 16px;
    padding: 2px 0;
    height: 40px;
    line-height: 38px;
    z-index: 1000;
    position: fixed;
    left: 0;
    top:100px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform-origin: bottom left;
    width: 120px;
    /* Hover styles, 
    media queries */
  }
.btn.book-now:hover {
    color: #1dd2ff;
    background: transparent;
}

@media screen and (max-width:1200px) {
    
    .btn.book-now { font-size:14px; width:100px; height:36px; line-height: 34px; }
    
}

@media screen and (max-width:991px) {
    
    header, section { padding-left: 0 !important; }
    .btn.book-now { top:100px; }
    
}

@media screen and (max-width:768px) {
    
    .btn.book-now { top:40px; font-size:13px; width:90px; height:32px; line-height: 30px; }
    
}


/*===== *************** =====*/


/*===== Modal CSS =====*/
.page-load.modal-open { overflow: hidden; }
.modal-open header, .modal-open main, .modal-open footer, .modal-open .bg-video { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); }

.modal-open, .modal-open .modal { padding:0 !important; }
.modal-dialog { max-width: 1000px; margin-top:0; margin-bottom:0; }
.modal-content { background: transparent; border:none; }
.modal-header { border-bottom:none; padding-bottom: 0px; }
.modal-header .modal-title {  font-size: 32px; line-height:36px;}
.modal-header .modal-title span { font-size: 20px; display: block; opacity: 0.75; }
.modal-header .close { color: #fff; font-weight: normal; font-size: 30px; padding: 15px 20px; }
.modal-header .close:hover { color: #fff !important; opacity: 1 !important; }

.modal-footer { border: none; }

.modal-body.focus-here { overflow: auto; }

/* width */
.modal-body.focus-here::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.modal-body.focus-here::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
 
/* Handle */
.modal-body.focus-here::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 10px;
}

/* Handle on hover */
.modal-body.focus-here::-webkit-scrollbar-thumb:hover {
  background: #aaaaaa; 
}

.modal-body{color: #fff;text-align: left;}
.modal-body h5 { color: #fff; margin:15px 0 0; font-size: 28px;width:auto;height:auto;opacity: 1;}
.modal-body p.name { font-size:24px; color: #fff; font-weight: bold; }
.modal-body p { margin: 10px 0; }
.modal-body p a { font-style: italic; color:#1dd2ff; opacity: 0.75; }
.modal-body p a:hover { text-decoration: underline; }

.modal-body ul li { margin:10px 0; }
.modal-body ul li .d-flex span.dot { min-width: 6px; height: 6px; display: block; background: #aaaaaa; margin: 8px 10px 0 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.modal-body ul li .d-flex p { margin:0; }

.panel-timeline { display: flex; justify-content: space-between; align-content: center; width:99%; border: 2px solid rgba(255,255,255,0.2); }
.panel-timeline div { padding: 10px 40px; }
.panel-timeline span { display: block; font-size:15px; opacity: 0.75; } 
.panel-timeline p { margin: 0; color:#fff; }

.faculty-details-pop ul li { width: 49%; display: inline-block; vertical-align: top; margin: 0 0 10px; padding-right:20px; }
.faculty-details-pop ul li:last-child { margin: 0; }
.faculty-details-pop ul li p { margin:5px 0; }

.modal-backdrop.show { opacity: 1; background-color: rgba(0, 0, 0, .75); }

.hide { display: none !important; }
/*.jwplayer.jw-flag-aspect-mode { width:90% !important; margin:0 5% !important; }*/
.claim-credit { padding: 1rem; width: 100% !important; }
.claim-credit ul { margin:10px 0 20px; }
.claim-credit ul li { margin:15px 0; }
.claim-credit ul li span.number { min-width: 25px; }
.claim-credit p b {  color:#1dd2ff; font-size:22px }
.claim-credit p a { font-style: italic; color:#1dd2ff;  }
.claim-credit p a:hover { text-decoration: underline; }

.claim-credit-wrapper .close-claim { width: 40px; height: 40px; padding:9px; border: 2px solid #fff; background: transparent; opacity: 0.5; }
.claim-credit-wrapper .close-claim img { display: block; }
.claim-credit-wrapper .close-claim:hover, .claim-credit-wrapper .close-claim:focus, .claim-credit-wrapper .close-claim:active { opacity: 1; }

.claim-credit p.note { font-size: 18px; }


.modal-body { overflow: hidden; }
/*.modal-body iframe { width:100% !important; height: 945px !important; border: none; background: transparent; outline: none; }*/
.modal-body iframe, .modal-body video { width:100% !important; }

.modal.show .modal-dialog { margin: 0 auto !important; }

.activity-content .modal-content { overflow: auto; height: calc(100vh - 60px); }
.modal-body.focus-here { padding-bottom: 20px; }
.activity-content .modal-footer { position: fixed; left: 0; right: 0; bottom: -50px; z-index: 10000; padding: 10px 15px; }
/*===== *************** =====*/