/* Fonts */
@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('../fonts/TradeGothicLTStd.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd.woff') format('woff'),
        url('../fonts/TradeGothicLTStd.svg#TradeGothicLTStd') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Cond';
    src: url('../fonts/TradeGothicLTStd-Cn18.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Cn18.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Cn18.svg#TradeGothicLTStd-Cn18') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold Ext';
    src: url('../fonts/TradeGothicLTStd-BoldExt.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-BoldExt.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-BoldExt.svg#TradeGothicLTStd-BoldExt') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold Cond';
    src: url('../fonts/TradeGothicLTStd-BdCn20.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-BdCn20.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-BdCn20.svg#TradeGothicLTStd-BdCn20') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold';
    src: url('../fonts/TradeGothicLTStd-Bold.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Bold.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Bold.svg#TradeGothicLTStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold Obl';
    src: url('../fonts/TradeGothicLTStd-Bd2Obl.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Bd2Obl.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Bd2Obl.svg#TradeGothicLTStd-Bd2Obl') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Ext';
    src: url('../fonts/TradeGothicLTStd-Extended.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Extended.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Extended.svg#TradeGothicLTStd-Extended') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Obl';
    src: url('../fonts/TradeGothicLTStd-Obl.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Obl.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Obl.svg#TradeGothicLTStd-Obl') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold No2';
    src: url('../fonts/TradeGothicLTStd-Bd2.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Bd2.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Bd2.svg#TradeGothicLTStd-Bd2Obl') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* Colors */
:root {
  	--black: #000000;
  	--dark: #151F27;
  	--darkbg: linear-gradient(to bottom, #243746 , #07131C);
  	--darkblue: #007BB9;
  	--blue: #009DEC;
  	--red: #F0374F;
  	--gray: #EFEFEF; 
  	--light: #F2F2F2; 
  	--white: #FFFFFF; 
}

.red {
	color: var(--red);
}

.white {
	color: var(--white);
}

/* Main */
html, body {
    overflow-x: hidden;
}
body {
	font-family: 'Trade Gothic LT Std', sans-serif;
}

strong {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
}

.pb-60 {
	margin-bottom: 60px;
}

/* Navbar */
.navbar {
	height: 72px;
	background-color: var(--dark);
} 

.navbar-brand , .navbar-brand a{
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-transform: uppercase;
	color: var(--light);
	font-size: 24px;
	text-decoration: none;
}

.navbar .navbar-nav .nav-item {
	margin-right: 30px;
}

.navbar .navbar-nav .nav-item .nav-link {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	text-transform: uppercase;
	color: var(--light);
	font-size: 18px;
}

.navbar .navbar-nav .nav-item .nav-link i {
	margin-left: 10px;
}

.navbar .navbar-nav .nav-item .active {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--blue);
	font-size: 20px;
}

.navbar .navbar-nav .nav-item .show i {
	transform: rotate(180deg);
}
.sitemap-list .nav-item {
	margin-bottom:25px;
}
.sitemap-list .nav-item .nav-link {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
	text-transform: uppercase;
	color: var(--black);
	font-size: 24px;
	text-decoration: underline;
}

.sitemap-menu {
	list-style: none;
}
.sitemap-menu a {
	font-family: 'Trade Gothic LT Std', sans-serif;
	font-size: 24px;
	color: var(--black);
	line-height: 1.8;
}
sup {
    top: -0.57em;
}

small sup {
    top: -1.2em;
    font-size:0.65em;
}
/* Main Banner */
.main-banner {
	background: var(--black);
}

.main-banner .main-bg {
	background: url(../img/Shattered_USEye.png) no-repeat;
	background-position: right;
	background-size: cover;
}

.main-banner .content {
	padding: 48px 0px;
	margin-bottom: 70px;
}

.main-banner .subtitle {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 23px;
}

.main-banner .title {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 58px;
	text-transform: uppercase;
	line-height: 0.9;
	max-width: 450px;
}
.main-banner .title sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 34px;
}

.main-banner p {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--light);
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 8px;
	max-width: 450px;
}
.main-banner p small {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--light);
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 10px;
}

.main-banner p sup {
	font-family: 'Trade Gothic LT Std', sans-serif;
	font-size: 12px;
}

.main-banner .blue-btn {
	margin: 12px 0px 20px 0px;
    display: inline-block;
}

.blue-btn {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
	text-decoration: none;
	background: var(--darkblue);
	border-radius: 32px;
	color: var(--white);
	font-size: 14px;
	padding: 15px 20px 12px 20px
}
.blue-btn:hover {
	color: var(--white);
}
.blue-btn i {
	padding-left: 10px;
}

.gray-btn {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
	text-decoration: none;
	background: var(--gray);
	border-radius: 32px;
	color: var(--black);
	font-size: 14px;
	padding: 15px 20px;
	margin-right: 30px;
}

.graybg {
	background: #919191;
}

/* Content Banner */

.content-banner {
	background: var(--black);
}

.content-banner .content-bg {
	background: url(../img/3.2_NotAMonophasicDisease_Desktop.png) no-repeat;
	background-position: right !important;
	background-size: cover !important;
}

.content-bg .content {
    padding-top:70px;
}

.content-banner .diagnosing {
	background: url(../img/1.2_DiagnosingNMOSD_Desktop.png) no-repeat;
}

.content-banner .pathophysiology {
	background: url(../img/2.0_Pathophysiology_Desktop.png) no-repeat;
}

.content-banner .impact {
	background: url(../img/3.1_ImpactOfAttacks_Desktop.png) no-repeat;
}

.content-banner .demographic {
	background: url(../img/3.3_DemographicRiskFactors_Desktop.png) no-repeat;
}

.main-banner .wistia-bg, .content-banner .wistia-bg, .wistia-bg {
		background: none !important;
	}

.content-banner .content {
	padding: 40px 0px;
	margin-bottom: 30px;
}

.content-banner .subtitle {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 18px;
    margin-bottom: 8px;
}

.content-banner .title {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 46px;
	line-height: 44px;
	text-transform: uppercase;
	max-width: 85%;
}

.content-banner .title sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
		font-size: 26px;
	}

.content-banner p {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--light);
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 15px;
	max-width: 82%;
}



/* Main Content */
.main-content {
	background: var(--darkbg);
}

.main-content-white {
	background: var(--gray);
}

.main-content .main-card {
	background: var(--gray);
	padding: 64px;
	margin-top: -90px;
}

.main-content .main-card h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--black);
	font-size: 28px;
	text-transform: uppercase;
    min-height: 110px;
}

.main-content .main-card sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 18px;
}

.main-content .main-card hr {
	background: #707070;
	border: solid #707070 1px;
    margin: 44px 0px 44px 0px;
	opacity: 1;
}

/* Disease Content */
.disease-content {
	background: var(--gray);
	padding: 60px 0px;
}

.disease-content h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 40px;
}

.disease-content h2 sup, .demographic-data h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 24px;
}

.disease-content p {
	font-size: 20px !important;
}

.access-copy p {
    font-size: 16.5px !important;
}

.disease-content p sup, .content p sup, .info-box-container li sup {
	font-size: 12px !important;
}

.info-box-container h3 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 18px !important;
}

.header-black sup {
    font-size: 10px !important;
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
}

.disease-content .ref-small, .ref-small {
	line-height: 1 !important;
	font-size: 14px !important;
	max-width: 100% !important;
	margin-top: 0 !important;
}

.disease-content .ref-small sup {
    font-size:8px !important;
}

.ref-small small sup {
    font-size:8px !important;
    top:-0.6em !important;
}

.disease-content .video-title {
	text-align: center;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	margin: 40px 0px;
	font-size: 25px;
}

.disease-content img {
	display: block;
	margin: auto;
	max-width: 100%;
}

.disease-content .video-quote {
	text-align: center;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	margin: 40px 0px;
	font-size: 36px;
}

.disease-content .video-quote sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
}


.big-list {
	border-top: 2px solid var(--black);
	padding-top: 20px;
	margin-bottom: 40px;
}

.big-list img {
	width: 150px;
	min-width: 150px;
	margin-right: 40px;
}

.big-list h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 32px;
}

.big-list h3 sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size: 20px;
}

.big-list ul, .normal-list ul {
  list-style: none; 
  padding-left: 1rem;
  margin-left:20px;
}

.big-list ul li::before, .normal-list ul li::before {
  content: "\2022"; 
  color: var(--blue); 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}

.big-list ul > li {
	font-size: 18px;
}

.normal-list ul > li {
	font-size: 16px;
    margin-bottom: 6px;
    line-height: 1.2;
}

.small-bullet {
	font-size:  1rem !important;
}

.red-header {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 18px;
	background: var(--red);
	padding: 0px 8px;
	text-align: center;
	color: var(--white);
	height: 70px;
}

.red-header sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size: 10px;
}

.info-pic {
	margin: 0px auto;
	padding: 12px 0px;
	display: block;
	max-width: 100%;
}

.complement-pathway-video-title {
	padding: 60px 0px 20px 0px;
	text-align: left;
}

.complement-pathway-video-title h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 36px;
	margin-bottom: 10px;
}

.complement-pathway-video-title h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 21px;
}

.complement-pathway-video {
	padding: 60px 0px;
	text-align: center;
}

.complement-pathway-video h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 36px;
	margin-bottom: 40px;
}

.complement-pathway-video h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 21px;
}

.complement-pathway-video img {
	display: block;
	margin: auto;
	max-width: 100%;
}

.complement-pathway-video p {
	margin-top: 40px;
	color: var(--white);
	text-align: left;
	font-size: 20px;
}

.table-section-title {
	padding: 60px 0px 20px 0px;
	text-align: left;
}

.table-section-title h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 36px;
	margin-bottom: 10px;
}
.table-section-title h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 21px;
}
.attack-numbers {
	text-align: center;
	margin-bottom: 40px;
}

.attack-numbers h2 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
}

.attack-numbers h2 sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size: 22px;
}
.attack-numbers p {
	padding:0 15px;
}
.redgrad-line {
	height: 3px;
	width: 100%;
	background: linear-gradient(to right,var(--red),var(--black));
	margin-bottom: 30px;
}

.demographic-data {
	padding: 50px 0px;
}

.demographic-data h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 35px;
	margin-bottom: 40px;
}

.demographic-data hr {
    margin: 30px 0px;
    color: var(--white);
    border: 0;
    border-top: 3px solid;
    opacity: 1;
}
.demographic-title {
    padding-right:92px;
}
.demographic-title p {
        padding-right: 110px;
    }
.demographic-data h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	color: var(--white);
	font-size: 32px;
	margin-bottom: 20px;
}
.demographic-data h3 sup{
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size:20px;
}

.external-cta {
    display:inline-block;
    margin-top:50px;
}

.paper-pic {
	margin-right: 30px;
}

.evidence-box h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-align: left;
    color: var(--white);
    font-size: 24px;
}

.evidence-box .header-gray, .evidence-box .header-red, .evidence-box .header-blue {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
    text-align: center;
    color: var(--white);
}

.evidence-box img {
	max-width: 100%;
	margin: 40px 0px 20px 0px;
}

.evidence-box p {
	color: var(--white);
	min-height: 100px;
}

.evidence-box small {
	color: var(--white);
}

.evidence-box hr {
	margin: 40px 0px;
	border-top: 3px solid var(--white);
    opacity: 1;
}

.pb60 {
	padding-bottom: 60px;
}

.info-box-container {
	padding: 60px 0px;
	text-align: center;
}

.info-card {
	background: var(--gray);
	padding: 60px 93px;
	margin-bottom: 40px;
	text-align: left;
}

.info-card img {
	margin-right: 40px;
	min-width: 120px;
	width: 120px;
}

.info-card h3 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 28px;
	margin-bottom: 10px;
}

.info-card .black-line {
	height: 3px;
	width: 90px;
	background: var(--black);
	margin-bottom: 20px;
}
.facts-card {
        text-align:center !important;
    }
.table thead, .table thead tr {
	border: none;
}

.table thead tr th {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-align: center;
	color: var(--white);
	padding: 0px 30px 20px 30px;
	border: none;
}

.header-black {
	padding: 15px;
	background: var(--black) !important;
	color: var(--white);
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 20px;
	line-height: 1;
	min-height: 70px;
}

.header-gray {
	padding: 15px;
	background: rgba(255,255,255,0.25) !important;
}

.header-red {
	padding: 15px;
	background: var(--red) !important;
}

.header-blue {
	padding: 15px;
	background: var(--darkblue) !important;
}

.header-white {
	padding: 15px;
	background: rgba(255,255,255,1.0) !important;
	margin-bottom: 20px;
	color: #1f313f !important;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 20px;
	line-height: 1;
	min-height: 70px;
}

.table tbody tr td {
	vertical-align: middle;
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	text-align: left;
	color: var(--white);
	padding: 20px 60px;
	font-size: 24px;
}

.table tbody tr td strong{
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
}

.table tbody tr td i {
	font-size: 48px;
}

.highlight-top {
	border-top: 4px solid var(--white);
	border-right: 4px solid var(--white);
	border-left: 4px solid var(--white);
}
.highlight-middle {
	border-right: 4px solid var(--white);
	border-left: 4px solid var(--white);
}
.highlight-bottom {
	border-bottom: 4px solid var(--white);
	border-right: 4px solid var(--white);
	border-left: 4px solid var(--white);
}

.stat-content {
	text-align: left;
}

.highlighted-stat {
	font-size: 120px;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-align: center;
    line-height: 1;
}

.highlighted-stat-break {
	font-size: 30px;
	line-height: 1;
	text-align: center;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
}

.highlighted-stat-body {
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	margin: 10px 0px 40px 0px;
    padding: 0px 16px;
}

.highlighted-stat-body strong{
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
}

.hightlight-big {
	  display:none;
	}

.test-list-box {
	color: var(--white);
	border-left: 4px solid var(--white);
}
.test-list-content {
	padding: 0px 20px;
}
.test-list-content p {
	font-size: 19px;
	margin-bottom:8px;
}
.test-list-content li {
	font-size: 18px;
}

.paradigm-list-box {
	color: var(--black);
	border-left: 3px solid var(--black);
}
.paradigm-list-content {
	padding: 30px 20px 10px 30px;
}
.paradigm-list-content p {
	font-size: 20px;
}
.paradigm-list-content li {
	font-size: 18px;
}

.lab-list p {
	margin-bottom: 0;
	font-size: 20px;
}
.lab-list a {
	color: var(--white);
}
.lab-list .lab-box {
	background: var(--white);
	padding: 20px 30px;
}
.lab-list .lab-box p {
	margin-bottom: 0;
	font-size: 15px;
}
.lab-list .lab-box strong {
	font-size: 19px;
}

.top-crack {
	max-width: 20%;
	height: auto;
	position: absolute;
	margin-top: 0%;
	margin-left: -5%;
}

.right-crack {
	max-width: 15%;
	height: auto;
	position: absolute;
	margin-top: 0%;
	margin-left: 68%;
}

.bottom-crack {
	max-width: 16%;
    height: auto;
    position: absolute;
    margin-top: 34%;
    margin-left: 68%;
}
#cracks-bg {
	margin-top: 0%;
    margin-left: -23%;
}

#cracks-bg img {
	max-width: 150%;
    position: absolute;
}

#counter-inner {
	margin-top: 0%;
    margin-left:0%;
}

#counter-inner img {
	max-width: 100%;
    position: absolute;
}

.hidden-content {
	opacity: 0;
}

.first-image-box {
        margin-top:-60px;
    }

/* Contact */

.form-group {
	margin-bottom: 30px;
}

.form-group label {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 16px;
}

.form-control {
	border-radius: 0;
	border: 1px solid var(--blue);
}

.modal-content {
	border-radius: 0;
	padding: 60px;
}

/* CTA Banner */

.cta-card {
	padding: 20px 91px;
	min-height: 150px;
}

.cta-card h3 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 28px;
}

.cta-card h3 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 18px;
}

.cta-line {
	height: 2px;
	width: 20%;
	background: var(--black);
	margin: 0px 40% 40px 40%;
}

/* Subscribe Banner */

.subscribe-banner {
	padding: 80px 0px;
}

.subscribe-banner h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	color: var(--red);
	font-size: 32px;
}

.subscribe-banner p {
	color: var(--light);
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 32px;
}

.references-block {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--white);
	line-height: 1.14;
	font-size: 14px;
	margin-bottom: 40px;
}

.references-block span {
	font-style: oblique;
}

/* Footer */
footer {
	background: var(--gray);
	padding: 60px 0px 16px 0px;
}

footer ul {
	list-style: none;
}

footer .nav-item .nav-link {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	text-transform: uppercase;
	color: var(--black);
	font-size: 12px;
	letter-spacing: 0.6px;
}

footer img {
	height: 62px;
	margin: 30px 0px;
}

footer p {
	font-size: 14px;
}

input[type=checkbox]:checked {
   background: var(--blue) !important;
}
input[type=checkbox]:checked:before {
   content:'\f00c';
   font-family:'FontAwesome';
   color:#fff;
    font-size: 16px;
    padding-left: 3px;
}
#wistia-cinemograph {
	    min-height:80vh !important;
	    position: absolute !important;
        top: 0;
        right: -5% !important;
        width: 125% !important;
	}
/* Responsive */
@media(max-width: 1400px) {
	.navbar .navbar-nav .nav-item .nav-link {
		font-size: 17px;
	}
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{
		display: none; 
    	border-radius: 0;
    	padding: 12px 18px;
  		background-color: var(--gray);
  	}
    .navbar .nav-item .dropdown-menu .dropdown-item { line-height: 36px;}
    .navbar .nav-item .dropdown-menu .dropdown-item:hover { background: transparent;}
    .navbar .nav-item .dropdown-menu .active{ background: none; text-decoration: underline;
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;}
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.navbar .nav-item .show{ display: block !important;}
}

@media(max-width: 1180px) {
    .main-banner{
	    background:none;
	}
	.main-banner .main-bg {
	    background-position: 70%;
	}
	.navbar .navbar-nav .nav-item {
	    font-size: 16px;
	    margin-right: 14px;
	}
	.navbar .navbar-nav .nav-item .nav-link {
	    font-size: 14px;
	}
	.main-content .main-card {
	    padding: 34px;
	}
	.cta-card {
	    padding: 20px 30px;
	    min-height: 140px;
	}
	footer .nav-item .nav-link {
	    font-size: 9px;
	}
	#wistia-cinemograph {
	    min-height:80vh !important;
	    position: absolute !important;
        top: 0;
        right: -22% !important;
        width: 158% !important;
	}
}
@media(max-width: 1025px) {
    #wistia-cinemograph {
        right: -22% !important;
        width: 178% !important;
	}
	#wistia-cinemograph.diagnosing-video {
	    width:184% !important;
	}
}
@media(max-width: 870px) {
    
.navbar-collapse {
	    background: var(--white);
	    padding: 30px;
	}
	.navbar .navbar-nav .last {
	    border-bottom: none !important;
	}

	.navbar .navbar-nav .nav-item .nav-link {
	    color: var(--black);
	    font-size: 18px;
	}

	.navbar .navbar-nav .nav-item .active {
	    color: var(--blue);
	}

	.navbar-collapse.collapse {
	    display: none !important;
	    z-index: 2;
	}

	.dropdown-menu {
		border: none;
	}
	.dropdown-menu li {
		padding: 12px 0px;
	}
	.dropdown-menu li a {
		font-family: 'Trade Gothic LT Std Cond', sans-serif;
		font-size:18px;
	}
	.dropdown-item.active, .dropdown-item:active {
	    background-color: var(--white) !important;
	    text-decoration: underline;
	}
	.navbar .navbar-nav .nav-item {
	    padding:14px 0px;
	    border-bottom: 1px solid var(--gray);
	}
	.navbar-collapse.show {
	    display: block !important;
	}
	.navbar .navbar-nav .nav-item .nav-link i {
		float: right;
	}
	
	#wistia-cinemograph {
	    min-height:80vh !important;
	    position: absolute !important;
        top: 0;
        right: -28% !important;
        width: 203% !important;
	}
	#wistia-cinemograph.diagnosing-video {
	    width:209% !important;
	}
}
@media(max-width: 820px) {
    .main-banner{
	    background:none;
	}
	.main-banner .main-bg, .content-banner .content-bg{
	    background-position: 70% !important;
	}

	.navbar-toggler span{
		color: var(--white);
		font-size: 14px;
	}
	.cta-card {
	    padding: 20px 30px;
	    min-height: 180px;
	}
	.main-content .main-card {
	    padding: 34px;
	}
	.main-content .main-card h2 {
	    min-height: 140px;
	}
	footer .nav-item .nav-link {
	    font-size: 9px;
	}
	#wistia-cinemograph {
	    width:220% !important;
	}
	
	#wistia-cinemograph.diagnosing-video {
	    width:280% !important;
	}
}

@media(max-width: 768px) {
	
	#wistia-cinemograph.diagnosing-video {
	    width:300% !important;
	}
}

@media(max-width: 545px) {
    .main-banner, .wistia-bg {
    	background: var(--black) !important;
    }
	.main-banner .main-bg, .content-banner .content-bg, .content-banner .diagnosing, .content-banner .pathophysiology, .content-banner .impact {
		background: none;
	}

	.navbar-toggler {
		border: none;
	    display: block;
	}

	.navbar-collapse {
	    background: var(--white);
	    padding: 30px;
	}
	.navbar-collapse.show {
	    height: 100vh !important;
	}

	.main-banner .content, .content-banner .content {
		padding: 48px 40px 80px;
		margin-bottom: 0px;
	}

	.main-banner .title {
		font-size: 48px;
		line-height: 48px;
	}

	.main-banner p {
		font-size: 16px;
		line-height: 22px;
	}
	
	.demographic .title {
	    font-size:36px !important;
	    line-height:34px !important;
	}

	.main-banner .title sup {
		font-size: 28px;
	}

	.main-content .main-card {
		background: var(--gray);
		padding: 30px 24px;
		margin-top: 40px;
	}
	
	.content-banner p {
    font-size: 19px;
	}
	
	.content-bg .content {
        padding-top:30px;
        padding-bottom:30px;
    }
    
    .first-image-box {
        margin-top:0;
    }

	.main-content .first {
		margin-top: -40px;
	}

	.main-content .main-bg {
		padding: 0px 34px;
	}
	.disease-content p {
    font-size: 17px !important;
}
	.main-content .main-card hr {
		background: var(--dark);
		border: solid var(--dark) 1px;
		margin: 16px 0px 24px 0px;
	}
	.info-card {
	    padding: 30px 30px;
	}

	.disease-content {
	    background: var(--gray);
	    padding: 60px 30px;
	}
	.paper-pic {
    	margin: 15px 0px;
	}
	.info-card img {
		margin-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.disease-content img {
        margin: 15px auto;
    }
	.big-list img {
		margin-bottom: 20px;
		margin-right: auto;
	}
	.test-list-box, .paradigm-list-box {
	    margin-bottom: 40px;
	}
	.attack-numbers {
    margin-bottom: 30px;
}
	     
	.table thead tr th {
	    padding: 0px 4px 10px 4px;
	    border: none;
	    font-size: 12px;
	}
	footer p {
	    padding:20px 60px;
	}
	.subscribe-banner {
	    padding:50px 0px;
	}

	.modal-body h2 {
		font-size: 40px;
	}

	.close-modal {
		margin-bottom: 20px;
	}
	
	.disease-content .video-quote {
    text-align: left;
}

#wistia-cinemograph {
	    display:none;
	}

#video-placeholder {
    max-width: 144% !important;
    margin-left: -18%;
}

#wistia-video {
    margin-left: -14%;
    width: 127.5% !important;
    margin-bottom:40px;
}
	#external-target {
		text-align: center !important;
	}
.mobile-left-push {
 margin-left:-6px;   
}
	.table tbody tr td {
	    vertical-align: middle;
	    padding: 10px 0px;
	    font-size: 14px;
	}
	.table tbody tr td i {
	    font-size: 24px;
	}
	
	.evidence-box {
	    margin-top:80px;
	}

	.evidence-box h3 {
	    margin-top: 30px;
	    font-size:32px;
	}

	.evidence-box .header-gray{
	    margin-top: 20px;
	    font-size:22px;
	}
	.evidence-box .header-red, .evidence-box .header-blue {
	    margin-top: 50px;
	    font-size:22px;
	}
	.evidence-box img {
	    margin: 10px 0px;
	}

	.evidence-box p {
	    color: var(--white);
	    min-height: auto;
	}

	.evidence-box hr {
		margin: 10px 0px;
	}
	
	.highlight-top, .highlight-middle, .highlight-bottom {
	    border:none;
	}
	
	.hightlight-big {
	   height: 150px;
        width: 85%;
        margin-left: -5%;
        margin-top: -166px;
	    position:absolute;
	    border: 3px solid #fff;
	    display:block;
	}
	.cta-card {
	    padding: 20px 20px;
	    min-height: 0;
	}

	.blue-btn {
		display: block !important;
		text-align: left;
	}

	.blue-btn i {
		float: right;
    	font-size: 18px;
	}

	footer .nav-item .nav-link {
	    font-size: 12px;
	}

	footer ul {
		padding-left: 0;
		flex-direction: column!important;
	}

	footer ul > li {
		margin-bottom: 30px;
	}
    
    .big-list {
        margin-bottom: 10px;
    }
    .lab-list .lab-box {
    margin-top: 30px;
}
	.first-item {
	    margin-top:10px;
	}
	.no-pad-xs {
        padding: 0px 0px;
    }
    
    .facts-card {
        margin-top:50px;
    }
    .demographic-title {
        padding-right: 0px;
    }
    .demographic-data h3 {
        font-size:24px;
    }
    .demographic-title p {
        padding-right: 0px;
    }
    .external-cta {
        margin-top:10px;
    }
}

@media(max-width: 380px) {
	
	table .header-gray, table .header-blue, table .header-red {
	    font-size:11px;
	}
}
@media(max-width: 360px) {
	
	table .header-gray, table .header-blue, table .header-red {
	    font-size:10px;
	}
	.blue-btn {
	    font-size:12px;
	}
}