@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Exo';
    src: url('/assets/fonts/Exo/Exo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ExoSemi';
    src: url('/assets/fonts/Exo/Exo-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2Semi';
    src: url('/assets/fonts/Exo_2/Exo2-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2Med';
    src: url('/assets/fonts/Exo_2/Exo2-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2Bold';
    src: url('/assets/fonts/Exo_2/Exo2-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


#reference {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
    height: 5000px;
	background-image: url(/assets/images/REFERENCE.jpg);
	background-position: top center;
	background-size: 100%;
	opacity: 0.5;
    display: none;
	/*margin-top: 20vw;*/
}

body {
    font-family: 'Open Sans';
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #000;
	-webkit-font-smoothing: antialiased;
}

#container {
	width: 100%;
	/*max-width: 1400px;*/
	margin: 0 auto;
	position: relative;
} 

.content {
    box-sizing: border-box;
	  max-width: 930px;
	  margin: 0 auto;
    /*max-width: 767px;*/
	  padding: 0 6vw;
    width: 100%;
	position: relative;
}
	.content.large {
		max-width: 1210px;
	}


nav {
	font-family: "Exo";
	text-align: center;
	position: absolute;
	right: 5vw;
	width: 15vw;
	height: 10vw;
	overflow: hidden;
}
	nav a {
		color: white;
		text-decoration: none;
		position: relative;
		font-size: 5vw;
		line-height: 8vw;
	}
		nav a.active:after {
			display: block;
			content: " ";
			/*position: absolute;*/
			margin: 0 auto;
			bottom: -8px;
			left: 0px;
			width: 40%;
			height: 2px;
			background-color: #f35455;
		}
		
		nav a.toggle {
			background-image: url(/assets/images/icons/hamburger.png);
			background-position: center;
			background-size: cover;
			width: 15vw;
			height: 10vw;
			display: block;
		}
			nav.open a.toggle {
				background-image: url(/assets/images/icons/X.png);
				background-position: right 5vw bottom;
				background-repeat: no-repeat;
				height: 10vw;
				width: 100vw;
				background-size: 12vw;
				padding: 5vw 0 0 !important;
				display: block;
			}
		
	nav.open {
		position: fixed;
		top: 0px;
		right: 0px;
		width: 100vw;
		height: 100vh;
		background-color: #003346;
		background-image: none;
		z-index: 1000;
	}
		nav.open a {
			display: block;
			padding: 5vw 0 0;
		}
		
	br.desktop {
		display: none;
	}


sup {
	font-size: 50%;
	line-height: 0;
}

h1 {
	font-family: Exo2Semi;
	color: white;
	font-weight: normal;
	text-align: center;
	margin: 0;
	font-size: 9.25vw;
	line-height: 11vw;
	margin: 13vw 0 0;
	text-align: left;
}

h2 {
	font-family: Exo2Bold;
	color: #073749;
	font-weight: normal;
	margin: 0;
	font-size: 6.25vw;
	line-height: 8vw;
	margin-bottom: 6vw;
}

h3 {
	font-family: Exo2Med;
	color: #073749;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
	font-size: 4.65vw;
	line-height: 6.5vw;
	margin-bottom: 3vw;
}

h4 {
	font-family: "Open Sans";
	color: #073749;
	font-weight: bold;
	margin: 0;
	margin-bottom: 4vw;
	font-size: 4.75vw;
	line-height: 6.25vw;
}

h5 {
	font-family: Exo;
	color: #073749;
	font-weight: normal;
	margin: 0;
	font-size: 4.65vw;
	line-height: 6.5vw;
	margin-bottom: 7vw;
}

ul {
	margin: 0;
	padding-left: 10vw;
}

p, li {
	font-family: "Open Sans";
	font-size: 3.75vw;
	line-height: 4.5vw;
	margin: 0;
	margin-bottom: 10vw;
}
	p.illustrative {
		position: absolute;
		font-size: 2.5vw;
		line-height: 2.5vw;
		bottom: 5vw;
		left: 5vw;
		margin: 0;
	}
	
	.isi p, footer p {
		font-size: 3.85vw;
		line-height: 5vw;
		margin-bottom: 3vw;
	}
	
	.isi p a {
		color: #ca4748;
		text-decoration: none;
	}
	
	p.callout {
		font-size: 3.75vw;
		line-height: 5.25vw;
		color: white;
		text-align: left;
		margin: 10vw 1vw 12vw 0;
	}
	
	p.footnote, p.footnote2 {
		font-size: 2.5vw;
		line-height: 4vw;
		margin-top: 3vw;
		margin-bottom: 10vw;
	}

	p.fineprint {
		font-size: 3.25vw;
		line-height: 4.5vw;
		margin-bottom: 2.5vw;
	}
	
	footer .links {
		margin: 10vw 0;
	}

.button {
	font-family: "Exo2Med";
	display: inline-block;
	background-color: #f35455;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	font-size: 4.5vw;
	line-height: 4.5vw;
	padding: 3.25vw 5vw;
}

.center {
	text-align: center;
}
	.mobile-left {
		text-align: left !important;
	}

.white {
	color: white;
}

span.nobreak {
	white-space: nowrap;
}

header {
	background-position: center;
	background-size: cover;
}

.header-links {
	text-align: right;
	font-family: "Open Sans";
	padding: 2.5vw 0;
	font-size: 3.5vw;
	line-height: 4.5vw;
	margin-bottom: 3vw;
}
	.header-links a {
		color: white;
		padding: 0 4vw;
		border-right: 1px solid white;
		text-decoration: none;
		white-space: nowrap;
	}	
		.header-links a:last-child {
			border-right: 0;
			padding-right: 0;
		}
.nav-container {
	display: flex;
	justify-content: space-between;
}
		
	.nav-container img {
		width: 49vw;
		margin-left: 3vw;
	}
	
section.white {
	padding: 10vw 0;
	background-color: #ffffff;
}

section.grey {
	padding: 10vw 0;
	background-color: #ebebeb;
}

#home {
	background-image: url(../images/heroes/0.0_Hero-Background.png);
	background-position: top center;
	min-height: 78vh;
}

	.home-content {
		display: flex;
		justify-content: center;
		align-items: center;
		height: auto;
	}
	
		.home-content a.button {
			margin-bottom: 80px;
		}
	
	#home .content {
		height: 100%;
	}

#do-i-have {
	background-image: url(../images/backgrounds/1.0_Hero-Background-mobile.png);
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
}

#couple {
	background-image: url(../images/backgrounds/0.0_Background.png);
	background-position: left 57% top;
	background-size: cover;
}

#faq {
	background-image: url(../images/backgrounds/FAQ_Hero-Background-mobile.png);
	background-position: top center;
}

#file-not-found {
	background-image: url(../images/backgrounds/404_Hero-Background.png);
	background-position: top center;
}


#couple p.illustrative.desktop, p.desktop {
	display: none;
}

#static-isi {
	position: fixed;
	bottom: 0px;
	width: 100%;
	/*max-width: 1400px;*/
	max-height: 125px;
	background-color: white;
	padding: 20px 0;
	z-index: 100;
	transition: max-height 650ms ease-in-out;
}
	#static-isi.open {
		height: auto;
		max-height: 70vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		/*display: none;*/
	}
	
	#static-isi.inline {
		/*position: static;
		max-height: none;
		margin-bottom: 6px;*/
		display: none;
	}
	
	#isi-button {
		position: absolute;
		top: -.5vw;
		right: 2.5vw;
		width: 7vw;
		height: 7vw;
		background-image: url(/assets/images/icons/Pinned-ISI-Plus.png);
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
		#static-isi.open #isi-button {
			background-image: url(/assets/images/icons/Pinned-ISI-Minus.png);
		}
		
	footer {
		margin-bottom: 8vw;
	}
		
	footer .links a {
		color: #ca4748;
		text-decoration: none;
		display: inline-block;
		margin: 0 5vw;
	}
		footer .links a:first-child {
			margin-left: 0;
		}	
		
	footer img {
		margin-top: 12vw;
		margin-bottom: 5vw;
		max-width: 58vw;
	}
	
	.signoff {
		text-align: center;
	}
	
	footer span.desktop {
		display: none;
	}

section {
    position: relative;
    padding: 16vw 0;
}
	section.nopad {
		padding: 0;
	}

img {
    max-width: 100%;
    height: auto;
}

img.smaller-img {
	max-width: 80%;
}

table {
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

table td {
    vertical-align: top;
}

figure {
    margin: 10vw 0;
}

.nowrap {
    white-space: nowrap;
}

.section {
    background-color: #ffffff;
    margin: 0;
    padding: 100px 40px;
}

.section--grey {
    background-color: #ebebeb;
}

.headline--bold {
    font-family: 'Exo2Bold';
}

.headline--medium {
    font-family: 'Exo2Med';
}

.headline--semi {
    font-family: 'Exo2Semi';
}

.copy {
    font-family: "Open Sans";
}

.color--black {
    color: #000000;
}

.color--blue {
    color: #073749;
}

.color--green {
    color: #015941;
}

.color--greyLight {
    color: #ebebeb;
}

.color--greyDark {
    color: #cccccc;
}

.color--orange {
    color: #f35455;
}

.color--white {
    color: #ffffff;
}

.copy--regular {
    font-weight: normal;
}

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

.size--16 {
	font-size: 2.5vw;
}

.size--20 {
	font-size: 3vw;
	line-height: 3.75vw;
}

.size--26 {
	font-size: 3.75vw;
	line-height: 4.5vw;
	margin-bottom: 5vw;
}

.size--36 {
	font-size: 6vw;
	line-height: 7.25vw;
}

.size--40 {
	font-size: 6.25vw;
}

.size--46 {
	font-size: 7vw;
}

.bullets {
    font-size: 24px;
    list-style-type: none;
    padding: 0px 0px 0px 0px;
}

.bullets li {
    position: relative;
    padding-left: 20px;
}

.bullets li:last-of-type {
	margin-bottom: 0;
}

.bullets li:before {
    color: #073749;
    content: '•';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.bullets--orange li:before{
    color: #f35455;
}

.cta--button {
	background-color: #f35455;
    border: 2px solid #ffffff;
	color: white;
    font-family: "Exo2Med";
    font-size: 4.5vw;
    padding: 3vw 0;
    text-align: center;
	text-decoration: none;
    text-transform: uppercase;
}

.couple-content a.button {
	padding: 3.5vw 17vw;
}


.pop-link {
	font-family: "Exo2Bold";
	font-weight: bold;
	color: #F35455;
	display: inline-block;
	text-decoration: none;
	margin-top: 1.5vw;
	padding: 1vw 6vw 1vw 0;
	background-image: url("/assets/images/icons/popup-arrow.png");
	background-position: right center;
	background-size: 4vw;
	background-repeat: no-repeat;
}

.pop-link.where {
	margin-top: 0;
	margin-bottom: 1.5vw;
}


.part2 {
	padding-top: 79vw;
}

.part3 {
	padding-top: 60vw;
}
	.couple-content .part3 a.button {
		padding: 3.5vw 8vw;
	}
	
.spacer-85 {
	height: 15vw;
}


/* -----===== OVERLAYS =====----- */
.overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 75vh;
	align-items: center;
	justify-content: center;
	background-color: rgba(45, 45, 45, .44);
	
	display: none;
}

	.overlay.active {
		display: flex;
	}

.overlay-content {
	background-color: white;
	width: 80vw;
	margin: 0 auto;
	padding: 5vw;
	overflow: hidden;
	position: relative;
}

div.horizontal-content {
	display: flex;
	justify-content: space-between;
	position: relative;
}

div.horizontal-content.w4 {
	width: 295vw;
	transition: transform 500ms ease-in-out;
}

	div.horizontal-content.pos1 {
		transform: translateX(5vw);
	}
	div.horizontal-content.pos2 {
		transform: translateX(-70vw);
	}
	div.horizontal-content.pos3 {
		transform: translateX(-145vw);
	}
	div.horizontal-content.pos4 {
		transform: translateX(-220vw);
	}

div.horizontal-content.w3 {
	width: 220vw;
	transition: transform 500ms ease-in-out;
}

div.actual-photo {
	width: 70vw;
	display: inline-block;
}

	div.actual-photo img {
		/*max-width: 70vw;*/
		width: 100%;
		border: 2px solid #0D0E0F;
	}

	div.actual-photo h4 {
		text-align: center;
		margin-bottom: 1.5vw;
	}

	div.actual-photo p {
		font-size: 3vw;
		line-height: 3.75vw;
	}

	div.actual-photo p.center {
		margin-bottom: 0;
	}

	div.actual-photo p span.close-button {
		display: inline-block;
		font-family: "Exo2Med";
		color: white;
		background-color: #F35455;
		font-size: 4.75vw;
		line-height: 4.75vw;
		padding: 3vw 7vw;
		margin-bottom: 0;
	}

div.next-photo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 12vw;
	height: 100%;
}

div.prev-photo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 12vw;
	height: 100%;
}


div.swiper {
	display: block;
	/*background-color: rgba(255, 0, 0, 0.25);*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 75%;
}


/* 2.0 treatment-with-veregen */
#treatment .header {
    text-align: center;
    background: url('../images/backgrounds/treatment-header-bg-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#treatment .header h1 {
	text-align: center;
	margin: 4vw 0;
}

#treatment .header--subtitle {
    color: #ffffff;
	font-size: 3.75vw;
	line-height: 4.5vw;
	padding-bottom: 36vw;
	margin-bottom: 0;
}

#treatment .header--illustrative {
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    right: 40px;
	font-size: 2.5vw;
	margin-bottom: 2vw;
}

#treatment .card1 {
	padding: 10vw 0 10vw 0;
}

#treatment .card2 {
	padding: 7vw 0;
}

#treatment .card3 {
	padding: 7vw 0;
}

#treatment .card4 {
	padding: 7vw 0;
	background: url(../images/backgrounds/treatment-card4-bg-desktop-psd.jpg);
	background-size: cover;
	background-position: top left 60%;
}

#treatment .figcaption_title {
    font-family: 'Open Sans';
    font-size: 5.5vw;
    color: #073749;
}

#treatment .step {
    border-bottom: 1px solid #073749; 
    text-align: center;
    padding-bottom: 13vw;
    /*margin-top: 90px;*/
	margin-top: 0;
}

#treatment .step:last-of-type {
    border-bottom: none;
	border-right: none;
}

#treatment .step__title {
    color: #f35455;
    font-family: 'Exo2Semi';
    font-size: 11vw;
}

#treatment .step__copy {
    font-size: 4vw;
	max-width: 57vw;
	margin: 2vw auto;
    color: #000000;
}

#treatment .cta {
    background: url('../images/backgrounds/treatment-cta-mobile.jpg');
    background-size: cover;
    padding-top: 12vw;
    padding-bottom: 12vw;
    margin-bottom: 2vw;
}

#treatment .cta--button {
    display:block;
    max-width: 100%;
}

#treatment .absolute {
    position: absolute;
    bottom: -50px;
    left: 40px;
}


div.before-after-container {
	background-color: #EBEBEB;
	margin-bottom: 5vw;
	margin-left: -6vw;
	margin-right: -6vw;
}

div.before-after-image-container {
	padding: 3vw 0;
}

div.before-after-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
}

div.before-after-header p {
	font-family: "Exo2Bold";
	font-weight: bold;
	margin-bottom: 1.5vw;
}

div.before-after-header p span {
	font-family: "Exo2Med";
	font-weight: 500;
}

div.before-after-image {
	margin-bottom: 3vw;
	position: relative;
}


p.citation {
	font-size: 4.25vw;
    line-height: 5.5vw;
	margin-bottom: 3vw;
}

img.blurred-image {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.reveal-image-button {
	position: absolute;
	font-family: "Exo2Bold";
	font-size: 4vw;
	text-align: center;
	line-height: 4vw;
	background-color: rgba(7, 55, 73, .65);
	color: white;
	top: 24%;
	left: 0px;
	width: 100%;
	padding: 3vw 0;
	display: flex;
    align-items: center;
    justify-content: center;
}

div.reveal-image-button img {
	width: 5vw;
	display: inline-block;
	margin-right: 3vw;
	pointer-events: none;
}

div.before-after-image.revealed img.blurred-image, div.before-after-image.revealed div.reveal-image-button {
	display: none;
}

img.close-eye {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 12vw;
	display: none;
}
div.before-after-image.revealed img.close-eye {
	display: block;
}




.step--wash {
	max-width: 21%;
}

.step--apply {
	max-width: 21%;
}

.step--3x {
	max-width: 21%;
}

/* 4.0 Savings and Support */

#savings .header .content {
	padding-bottom: 21vw;
}

#savings p {
	line-height: 5.5vw;
	margin-bottom: 1vw;
}

#savings h2 {
    color: #073749;
    font-family: 'Exo2Semi';
    font-size: 6.25vw;
	margin-bottom: 3vw;
}

#savings .header {
    text-align: center;
    background: url('../images/backgrounds/savings-header-bg-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 800px;*/
}

#savings .header--subtitle {
    color: #ffffff;
	margin: 0 10vw;
}

#savings .header--illustrative {
    color: #ffffff;
    text-align: left;
	font-size: 2.5vw;
	margin-bottom: 0;
	position: absolute;
	bottom: 5vw;
}

.card1--image {
	margin-bottom: 0;
	margin-top: 5vw;
}


#savings .container .button {
    text-align: center;
    line-height: 4vw;
	font-size: 4vw;
	min-width: 44vw;
}

#savings .container .buttonWrap {
    text-align: center;
	margin-top: 7vw;
}

/*#savings #card3 {
	padding-top: 10vw;
}*/
#savings #card4, #savings #card3 {
    background-color: #ebebeb;
}

#savings #card3 .flex {
	margin-bottom: 10vw;
}

#savings .card3--image img {
	max-width: 37vw;
	margin-bottom: 6vw;
}

#savings #card3 table {
    font-size: 2.5vw;
	line-height: 3.25vw;
}

#savings ul a {
    text-decoration: none;
    color: #f35455;
    word-wrap: break-word;
}

#savings .cta {
    background: url('../images/backgrounds/treatment-cta-mobile.jpg');
    background-size: cover;
    padding-top: 15vw;
    padding-bottom: 12vw;
    margin-bottom: 0;
}

#savings .cta--button {
    display:block;
    max-width: 100%;
	padding: 4vw 0;
}

#savings .cta--illustrative {
    font-size: 14px;
    position: absolute;
    bottom: -60px;
    left: 40px;
}


#hcp-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.5); 
	display: none;
}
	#hcp-overlay div {
		background-color: white;
		max-width: 550px;
		text-align: center;
		padding: 30px;
	}
	#hcp-overlay p {
		margin-bottom: 20px;
	}
	#hcp-overlay div.buttons {
		display: flex;
		justify-content: space-around;
	}



#external-link-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.5); 
	display: none;
	z-index: 9999;
}
	#external-link-overlay > div {
		background-color: white;
		max-width: 550px;
		text-align: center;
		padding: 30px;
		margin-top: -80px;
	}
	#external-link-overlay p {
		margin-bottom: 20px;
	}
	#external-link-overlay div.buttons {
		display: flex;
		justify-content: space-around;
	}

@media screen and (max-width: 640px) {
	#external-link-overlay div {
		padding: 10px;
	}
	#external-link-overlay div.buttons {
		display: block;
		padding-top: 0;
		padding-bottom: 0;
	}
	#external-link-overlay div.buttons .button {
		display: block;
		margin-bottom: 10px;
	}
	#external-link-overlay h2 {
		margin-bottom: 10px;
		line-height: 6vw;
		font-size: 5vw;
	}
	#external-link-overlay p {
		margin-bottom: 10px;
	}
}
	
/* -----===== DO I HAVE EGW =====----- */
.red-callout {
	background-color: rgba(243, 84, 85, 0.5);
	padding: 5vw 5vw;
	max-width: 530px;
	margin-top: 87px;
}
	.red-callout h1 {
		font-family: "ExoSemi";
		margin-top: 0;
		font-size: 9.25vw;
		line-height: 9.25vw;
		margin-bottom: 3vw;
		text-align: left;
	}
	
	.red-callout p {
		color: white;
		font-size: 3.75vw;
		line-height: 4.5vw;
		margin-bottom: 5vw;
	}
	
	#do-i-have p.illustrative {
		margin-left: 6vw;
	}

.hpv-stats div p {
	text-align: center;
	color: black;
	font-size: 4vw;
	line-height: 6vw;
	max-width: 55vw;
	padding: 0 8vw 14vw;
	margin: 0 auto 10vw;
	border-bottom: 1px solid #bebebe;
}
	div.currently p {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 2vw;
	}

.hpv-stats div img {
	display: block;
	width: 24vw;
	margin: 0 auto;
	margin-bottom: 9vw;
}

span.emphasis {
	font-family: "ExoSemi";
	color: #f35455;
	font-size: 11vw;
}
span.red, strong.red {
	color: #f35455;
}
span.semi {
	font-weight: 600;
}
span.cap {
	text-transform: uppercase;
}
.blue {
	color: #073749;
}

#look-for {
	background-color: white;
}
	#look-for > div {
		display: none;
	}
		#look-for.one > div.state1 {
			display: block;
		}
		#look-for.two > div.state2 {
			display: block;
		}

#think-you-have p, #think-you-have li {
	font-size: 3.75vw;
	line-height: 5vw;
	margin-bottom: 1vw;
}

#think-you-have ul {
	padding-left: 5vw;
}

div.row {
	display: flex;
	/*justify-content: center;
	align-content: center;
	align-items: center;*/
	flex-wrap: wrap;
}
	div.row > * {
		width: 100%;
	}
	
	div.centered {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
	
	div.row div.padded {
		padding: 12vw 9vw;
	}
		
	div.row li:last-child {
		margin-bottom: 0;
	}
	
	
	div.row.buttons {
		flex-wrap: unset;
	}
	
	div.row.buttons a {
		text-align: center;
		font-family: "Open Sans";
		font-weight: bold;
		text-decoration: none;
		display: block;
		cursor: pointer;
		width: unset;
		font-size: 3.75vw;
		line-height: 4.5vw;
		padding: 4vw 7vw;
	}
		div.row.buttons a.on  {
			background-color: #f35455;
			color: white;
		}
		div.row.buttons a.off  {
			background-color: #cccccc;
			color: black;
		}

#treated h2 {
	margin-bottom: 12vw;
}
#treated h2.second {
	margin-bottom: 0;
}


		
#necessary {
	padding-top: 14vw;
}
	#necessary p {
		color: black;
	}

#prescription-drugs {
	width: 100%;
	margin-bottom: 5vw;
}

	#prescription-drugs th, #prescription-drugs td {
		width: 25%;
		vertical-align: middle;
	}
	#prescription-drugs th {
		background-color: #073749;
	}
		#prescription-drugs th p {
			color: white;
			font-family: "Exo2Bold";
			font-weight: normal;
			margin: 0;
			font-size: 3vw;
			line-height: 3.5vw;
			padding: 2vw;
		}
	#prescription-drugs td.grey {
		background-color: #dbdbdb;
	}
		#prescription-drugs td p {
			font-size: 2.75vw;
			line-height: 3.25vw;
			padding: 2vw;
			margin-bottom: 0;
		}
	#prescription-drugs td.red {
		background-color: #f35455;
	}
		#prescription-drugs td.red p {
			color: white;
		}
	#prescription-drugs td.spacer {
		height: 2vw;
		padding: 0;
	}	
	#prescription-drugs td.semi {
		font-weight: 600;
	}
	#prescription-drugs td.bold {
		font-weight: bold;
	}

	#clear-callout {
		background-image: url(../images/backgrounds/1.0_CTA.png);
		background-position: center;
		background-size: cover;
	}
	
	
	#sex-and-genital-warts {
		background-image: url(../images/backgrounds/3.0_Hero-Background.png);
		background-position: top center;
	}
		#sex-and-genital-warts p.illustrative {
			color: black;
			z-index: 100;
			bottom: -5vw;
		}
	
	#egw .red-callout {
		margin-top: 15vw;
		padding-bottom: 9vw;
	}
	
		#egw .red-callout h1 {
			font-size: 8.5vw;
			line-height: 9vw;
		}
	
	
	#can-have-sex {
		padding-top: 14vw;
		padding-bottom: 15vw;
	}
	
	#can-have-sex p {
		color: black;
		margin-bottom: 4vw;
	}
	
	#what-you-can-do {
		padding-top: 16vw;
		padding-bottom: 2vw;
	}
	
	#what-you-can-do h5 {
		font-family: "Exo2Semi";
		font-size: 5vw;
		line-height: 7.25vw;
		margin-bottom: 14vw;
	}
	
	#what-you-can-do h5 span.here {
		font-size: 9vw;
	}
	
	#talk {
		padding: 15vw 0 7vw;
	}
	
	.chart-row img {
		display: block;
		margin: 0 auto;
		width: 28%;
		margin-bottom: 7vw;
	}
	
	.chart-row p {
		width: 75%;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 9vw;
	}
	
	#talk h2 {
		font-family: "Exo2Med";
	}
	
	#cards {
		position: relative;
		padding: 0;
	}

	#action-callout {
		background-image: url(../images/backgrounds/2.0-3.0-4.0_CTA.png);
		background-position: center;
		background-size: cover;
	}
	
	.card {
		margin: 0 0 2.5vw 0;
		height: 35vh;
		background-position: center;
		background-size: cover;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.card h3 {
			text-align: center;
			color: white;
			font-family: "Exo2Bold";
			font-size: 5.5vw;
			line-height: 8vw;
			text-transform: none;
			margin: 0 15vw;
		}
	
	.card-content {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 75vh;
		background-color: #073749;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		display: none;
	}
		.card-content.active {
			display: flex;
			z-index: 100;
		}
		.card-content h3 {
			font-family: "Exo2Bold";
			font-size: 5.5vw;
			line-height: 7vw;
			color: white;
			margin: 0 10vw;
			margin-bottom: 10vw;
			pointer-events: none;
			max-width: 720px;
		}
		.card-content p {
			font-size: 3.75vw;
			line-height: 4.5vw;
			color: white;
			margin: 0 10vw;
		}
		
		.card-content .content-lock {
			position: absolute;
			width: 100%;
			top: 20px;
			height: 48px;
		}
			.card-content .content-lock .content {
				height: 48px;
			}
				.card-content .content-lock .content .close {
					width: 48px;
					height: 48px;
					background-image: url(../images/icons/close-icon.png);
					background-position: center;
					background-repeat: no-repeat;
					float: right;
					cursor: pointer;
				}
	
	#egw #card1 {
		background-image: url(../images/backgrounds/3.0_Tile-Front_Remain-Calm.png);
		background-position: left center;
	}
	#egw #card2 {
		background-image: url(../images/backgrounds/3.0_Tile-Front_Ask-your-partner.png);
	}
	#egw #card3 {
		background-image: url(../images/backgrounds/3.0_Tile-Front_Know-how-to-avoid.png);
	}
	#egw #card4 {
		background-image: url(../images/backgrounds/3.0_Tile-Front_Pick-the-right-time.png);
	}
	
	#action-callout a {
		border: 1px solid white;
		padding: 3vw 15vw;
	}

#treated p {
	margin-bottom: 3vw;
}

#clear-callout a {
	border: 1px solid white;
	padding: 4vw 10vw;
}


#savings .header h1 {
	text-align: center;
	margin-top: 8vw;
}

#faq .red-callout {
	margin-top: 15vw;
	margin-right: -6vw;
	padding: 3vw 10vw 3vw 7vw;
	margin-left: 6vw;
}

	#faq .red-callout h1 {
		font-size: 8vw;
	}
	
#faq .content {
	padding-bottom: 15vw;
}

	
.question {
	display: flex;
	flex-wrap: no-wrap;
	align-items: center;
	background-color: #ebebeb;
	background-image: url(../images/icons/FAQ-expand.png);
	background-position: right 4vw center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 3vw;
	margin-bottom: 5vw;
}
	.question.open {
		background-image: url(../images/icons/FAQ-collapse.png);
	}

	.question .number {
		background-color: #073749;
		color: white;
		font-family: "ExoSemi";
		font-size: 5vw;
		line-height: 5vw;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 15vw;
		height: 15vw;
		min-width: 15vw;
	}
	
	.question h2 {
		color: #073749;
		font-family: "ExoSemi";
		color: black;
		margin-bottom: 0;
		pointer-events: none;
		font-size: 4.25vw;
		line-height: 4.25vw;
		margin-left: 4vw;
		padding-right: 10vw;
	}
	
	.question-answer {
		display: none;
		background-color: white;
	}
	
		.question.open + .question-answer {
			display: block;
		}
		
		.question-answer p {
			margin-left: 0;
			color: black;
			margin-bottom: 3vw;
		}
		
		.question-answer p a {
			color: #f35455;
			text-decoration: none;
		}
	
p.eyebrow {
	font-family: "Exo2Bold";
	font-size: 28px;
	color: #f35455;
	margin-bottom: 30px;
}
	#not-found h1 {
		font-size: 46px;
		line-height: 50px;
		color: #073749;
		text-align: left;
		margin-bottom: 10px;
		margin-top: 0;
	}
	
	#file-not-found .content {
		min-height: 170px;
	}
	
@media screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none;
    }	
}