body {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}

body a {
	color: #fff;
}
body a:hover {
	color: #fff;
}

.navbar-brand {
	height: 50px;
	width: 200px;
	display: inline-block;
	background: url(../images/coronainbd-logo-light.svg) no-repeat;
}

.content {
	padding: 30px;
}
.content-extended {
	padding: 60px;
}
.content-dark {
	padding: 60px;
	background: #303044;
}
.content-alert {
	padding: 80px;
	background: #c11724;
}

.bg-dark-corona {
	background: #222242;
}
.corona-bg-dark {
	background: #3a3a4f;
	color: #fff;
}

.switch {
	background: #d9d16f;
	color: #303044 !important;
	transition: all 500ms;
	border-radius: 5px;
}
.switch:hover {
	background: #bcbce2;
	color: #303044 !important;
}

.btn-corona {
	background: #d9d16f;
	color: #303044;
	margin-bottom: 3px;
}
.btn-corona:hover {
	background: #bcbce2;
}

.corona-box {
	background: #303044;
	margin-bottom: 30px;
}
.corona-box .corona-title {
	background: #222242;
	font-weight: 700;
	padding: 20px 30px;
}
.corona-box .corona-title h2 {
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 26px;
}
.corona-box .corona-content {
	padding: 30px;
}

.corona-numbers {
	margin-bottom: 5px;
}
.corona-numbers h2 {
	font-weight: bold;
	font-size: 36px;
}
.int-numbers h2 {
	font-weight: bold;
	font-size: 18px;
}

.big-number {
	font-size: 48px;
	color: #d9d16f;
}

.numbers-box {
	text-align: center;
	padding-top: 15px;
	border-radius: 5px;
}
.numbers-box span {
	display: block;
	padding: 5px;
	font-size: 12px;
	color: #fff;
	border-radius: 0px 0px 5px 5px;
}

.confirmed {
	background: #ffe0bb;
	color: #f7931e;
}
.confirmed span {
	background: #f7931e;
}

.recoveries {
	background: #98d8b4;
	color: #00a048;
}
.recoveries span {
	background: #00a048;
}

.deaths {
	background: #edb9bf;
	color: #c11724;
}
.deaths span {
	background: #c11724;
}

.news-box {
	height: 613px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.news-box .news {
	color: #fff;
	text-decoration: none;
	border: 1px solid #bcbce2;
	display: block;
	padding: 15px;
	border-radius: 5px;
	transition: all 500ms;
	margin-bottom: 10px;
}
.news-box .news:hover {
	background: #38384c;
}
.news-box .news p {
	text-align: justify;
}
.news-box .news .time-ago {
	text-align: right;
	margin: 0;
	font-size: 11px;
}

.news-box .news-text {
	margin-bottom: 20px;
}

/* .call-to-actions {} */
.call-to-actions .action {
	padding: 15px;
	margin-bottom: 30px;
	display: block;
	background: #d9d16f;
	color: #40406b;
	text-decoration: none;
	border-radius: 5px;
	transition: all 500ms;
	min-height: 130px;
}
.call-to-actions .action:hover {
	background: #222242;
	color: #fff;
}
.call-to-actions .action h2 {
	font-weight: bold;
	font-size: 24px;
}
.call-to-actions .action p {
	margin: 0;
}

.content-intro {
	background: #bf6087;
	padding: 60px;
	text-align: center;
}
.content-intro h1 {
	font-weight: bold;
}

/* .modules {} */
.modules .illustration {
	display: block;
	width: 100%;
	height: 200px;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: auto 150px !important;
}
.modules .illustration-lg {
	display: block;
	width: 100%;
	height: 400px;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: auto 350px !important;
}

.prevention-tip {
	margin-bottom: 30px;
}
.prevention-tip img {
	width: 100%;
	height: auto;
}

.dos-donts {
	margin-top: 30px;
}
.dos-donts .advice {
	margin-bottom: 15px;
}
/* .dos-donts .advice div {} */
.dos-donts .advice div h5 {
	margin: 0;
	line-height: 30px;
}
.dos-donts .advice .dont {
	background: #3a3a4f;
	border: 2px solid #c11724;
	display: block;
	padding: 15px;
	margin-bottom: 1px;
	height: 100%;
}
.dos-donts .advice .dont strong {
	background: #c11724;
	padding: 3px 5px;
}
.dos-donts .advice .do {
	background: #3a3a4f;
	border: 2px solid #00a048;
	padding: 15px;
	margin-bottom: 1px;
	height: 100%;
}
.dos-donts .advice .do strong {
	background: #00a048;
	padding: 3px 5px;
}

/* progress meter */
#progress_meter {
	background: #303044;
	text-align: center;
	padding: 10px 0;
	font-size: 18px;
	display: block;
}
#progress_meter span {
	display: inline-block;
	border-radius: 50%;
	background: #bcbce2;
	width: 30px;
	height: 30px;
	line-height: 1.8;
	color: #222242;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
#progress_meter span.selected {
	background: #fff;
	color: #303044;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
#progress_meter span.right_answer {
	background: #009245;
	color: #fff;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
#progress_meter span.wrong_answer {
	background: #c1272d;
	color: #fff;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

/* login section */
#login {
	padding: 40px 0;
	display: block;
}

#login .login_heading {
	text-align: center;
	margin-top: 60px;
}
#login .login_heading object {
	width: 600px;
}

#login #login_form {
	text-align: center;
	padding-top: 40px;
}
#login #login_form input {
	border: none;
	border-radius: 5px;
	padding: 7px 10px;
	display: inline-block;
	width: 300px;
	font-size: 21px;
	margin-bottom: 5px;
	color: #222242;
}
#login #login_form input:focus {
	outline: none;
}

#login button {
	font-size: 26px;
	color: #fff;
	background: #222242;
	border: none;
	padding: 10px 25px;
	border-radius: 10px;
	margin-top: 20px;
	outline: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
#login button:hover {
	background: #302f2f;
}
#login button span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../images/proceed.png");
}

/* myths section */
#myths {
	display: block;
	padding: 40px 0 0 0;
}

#myths .ns {
	display: none;
}

#myths .myth {
	text-align: center;
	margin-bottom: 60px;
	display: none;
}

/* #myths .myth .right_or_wrong {} */
#myths .myth .right_or_wrong a.right_button:link,
#myths .myth .right_or_wrong a.right_button:visited {
	font-size: 21px;
	color: #fff;
	border: 2px solid #009245;
	border-radius: 5px;
	display: inline-block;
	padding: 10px 40px 10px 40px;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	background: #009245;
}
#myths .myth .right_or_wrong a.right_button:hover {
	background: none;
	color: #fff;
}
#myths .myth .right_or_wrong a.wrong_button:link,
#myths .myth .right_or_wrong a.wrong_button:visited {
	font-size: 21px;
	color: #fff;
	border: 2px solid #c1272d;
	border-radius: 5px;
	display: inline-block;
	padding: 10px 40px 10px 40px;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	background: #c1272d;
}
#myths .myth .right_or_wrong a.wrong_button:hover {
	background: none;
	color: #fff;
}
#myths .myth .right_or_wrong span {
	display: inline-block;
	font-size: 24px;
	padding: 0 15px;
}
#myths .myth .right_or_wrong .the_myth {
	color: #fff;
	font-size: 48px;
	margin: 80px 0;
	font-weight: bold;
}

#myths .myth .the_answer {
	display: none;
}
#myths .myth .the_answer p {
	font-size: 24px;
	margin-bottom: 60px;
}
#myths .myth .the_answer a:hover {
	color: #fff;
}
#myths .myth .the_answer h2 {
	text-transform: uppercase;
	font-size: 36px;
	margin-top: 60px;
	margin-bottom: 20px;
	display: none;
}
/* #myths .myth .the_answer h2 strong {} */
#myths .myth .the_answer h2.right_answer strong {
	background: #009245;
	color: #fff;
	padding: 3px 7px;
}
#myths .myth .the_answer h2.wrong_answer strong {
	background: #c1272d;
	color: #fff;
	padding: 3px 7px;
}

#myths .next_question {
	font-size: 26px;
	color: #fff;
	background: #222242;
	border: none;
	padding: 10px 25px;
	border-radius: 10px;
	margin-top: 20px;
	outline: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
#myths .next_question:hover {
	background: #302f2f;
}

/* result */
#result {
	padding: 80px 0;
	text-align: center;
	display: none;
}

#result h2 {
	font-size: 48px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 30px;
	display: none;
	font-weight: bold;
}
/* #result h2 span {} */

#result h3 {
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
/* #result h3.rank span {} */
#result h3.rank {
	margin-bottom: 60px;
}

#result a:link,
#result a:visited {
	font-size: 26px;
	color: #fff;
	background: #222242;
	border: none;
	padding: 10px 25px;
	border-radius: 10px;
	margin: 5px 0px;
	display: inline;
	outline: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	text-decoration: none;
}
#result a:hover {
	background: #302f2f;
}

/* #result #repeat {} */

/* .updates {} */
.updates .update {display: block;margin-bottom: 10px;background: #3a3a4f;padding: 15px;border:2px solid #d9d16f;font-size: 18px}

.corona-input {display: block;background: #3a3a4f;border:none;padding: 30px 15px !important;color:#d9d16f;font-size: 18px}
.input-group-text {background: #d9d16f;border:none;font-size:18px}

#selectors {position: fixed;bottom:0;width: 100%;display: none}
#selectors a {width: 50%;background: #d9d16f;color:#3a3a4f;display: inline-block;text-align: center;font-size: 18px;padding: 10px 0;font-weight: bold;}
#selectors a.selected,
#selectors a:hover {background: #222242;color:#d9d16f;text-decoration: none}

.m0 {
	margin: 0;
}
.mt-30 {
	margin-top: 30px;
}
h1 {
	font-weight: bold;
}

.h-100 > div {
	margin: auto;
}

.ypf-logo {width: 50%}

/* Donation Cards */
.donations {}
.donations .donation-card {padding: 40px;background: #303044;border-radius: 40px;transition: all 300ms;margin-top: 15px;margin-bottom:15px;border:2px solid #303044}
.donations .donation-card:hover {background: #222242;border: 2px solid #d9d16f}
.donations .donation-card h2.org-name {font-weight: bold;margin-bottom: 20px}
.donations .donation-card .how-to-donate,
.donations .donation-card .contact-info {display: none}

.superhero-intro {font-size: 18px}

.modal {color: #111}

footer {
	background: #222242;
	padding: 30px;
	text-align: center;
}

@media screen and (max-width: 992px) {
	.donations .donation-card {padding: 20px;border-radius: 15px}

	.numbers-box {
		margin-bottom: 10px;
	}

	.content {
		padding: 15px;
	}
	.content-intro {
		padding: 20px;
	}
	.content-dark {
		padding: 20px;
	}
	.content-intro img {
		width: 90% !important;
		margin-bottom: 30px !important;
	}
	.content-alert {
		padding: 40px;
	}
	.content-extended {
		padding: 20px;
	}

	.corona-box .corona-title h2 {
		font-size: 21px;
	}
	.corona-box .corona-content {
		padding: 15px;
	}
	.call-to-actions .action {
		margin-bottom: 5px;
		min-height: auto !important;
	}
	.call-to-actions {
		margin-bottom: 10px;
	}
	.call-to-actions .action h2 {
		font-size: 18px;
	}

	.modules .illustration-lg {
		display: block;
		width: 100%;
		height: 400px;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 100% !important;
	}

	.content-alert h4 {
		margin-top: 30px;
		text-align: center;
	}

	#progress_meter span {
		overflow: hidden;
		text-indent: -9999px;
		width: 10px;
		height: 10px;
	}
	#myths .myth .right_or_wrong .the_myth,
	#myths .myth .the_answer h2 {
		font-size: 30px;
	}
	#myths .myth .the_answer p {
		font-size: 18px;
	}

	.switch {
		background: none !important;
		color: #fff !important;
	}

	.dos-donts .advice {
		margin-bottom: 30px;
	}
	.dos-donts .advice .dont {
		margin-bottom: 5px;
		height: auto;
	}

	.container {
		padding: 0;
		margin: 0;
	}

	#myths .myth .the_answer h2 {
		margin-top: 20px;
		font-size: 25px !important;
	}
	.myth_heading {
		font-size: 24px;
	}
	#myths .myth .the_answer p {
		margin-bottom: 15px;
	}
	#result a {
		display: block !important;
	}

	.numbers-box span {
		min-height: 45px;
		font-size: 10px;
	}

	.btn-corona {
		display: block;
		width: 100%;
		font-size: 18px;
	}

	.live-update .news-box {
		height: auto !important;
		min-height: auto !important;
		overflow: auto;
	}

	.dateDropZone {margin-top:10px}
	.ypf-logo {width: 75%}

	#selectors {display: block;}
}

/* Blinker Live Update */
.blinking {
	-webkit-animation: 1s blink ease infinite;
	-moz-animation: 1s blink ease infinite;
	-ms-animation: 1s blink ease infinite;
	-o-animation: 1s blink ease infinite;
	animation: 1s blink ease infinite;
	margin-top: -15px;
	margin-left: -16px;
}

@keyframes blink {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@-ms-keyframes blink {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@-o-keyframes blink {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

.live-title {
	display: inline;
}

/* Scrollbar */
/* Track */

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #3a3a4f;
}

/* Handle */

::-webkit-scrollbar-thumb {
	background: #222242;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

tspan {
	display: none !important;
}