body {
	font: 14px/24px 'Poppins', sans-serif;
	color: #2c3e50;
	background: #fff;
	overflow-x: hidden;
}
p.lead{
	line-height: 1.4;
}

/* Standard Styles Starts */

a { color: #346bae; }
a:hover,
a:focus {
	color: #1a4374;
}
a:focus { outline: none; }

/* Heading Styles Starts */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
}
h1 { font-size: 48px; }
h2 { font-size: 42px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.h3 { font-size: 36px; }

.hs-1 {
	position: relative;
}
	.hs-1::after {
		content: "";
		margin-top: 15px;
		margin-bottom: 30px;
		width: 90px;
		height: 4px;
		display: block;
		background-color: #346bae;
	}
	.hs-1.text-center::after {
		margin-left: auto;
		margin-right: auto;
	}
	.hs-1.text-white::after {
		background-color: #fff;
	}

/* Form & Buttons Styles Starts */

.btn-main {
	background-color: #346bae;
}
.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	background-color: #222;
}
.btn-main.alt-1:hover,
.btn-main.alt-1:focus,
.btn-main.alt-1:active,
.btn-main.alt-1.active {
	background-color: #4d86cb;
}
.btn-main,
.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	color: #fff;
}

.btn-1 {
	padding: 10px 25px;
}

/* Topbar Styles Starts */

.topbar {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #eee;
}
	.top-links li:not(:last-of-type) {
		margin-right: 16px;
	}

/* Navigation Styles Starts */

#nav {
	padding-top: 35px;
	padding-bottom: 32px;
	background: #fff;
	border: none;
}
#nav.sticky-nav {
	width: 100%;
	z-index: 999;
}
#nav.fixednav {
	padding-top: 25px;
	padding-bottom: 25px;
	-webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.3);
}
#nav .navbar-toggler {
	padding: 15px 0 0;
	line-height: normal;
}
#nav .navbar-toggler:hover,
#nav .navbar-toggler:focus {
	color: #006dfe;
	outline: none;
}
	#nav .navbar-brand {
		padding-top: 0;
		padding-bottom: 0;
	}
		#nav .nav-link {
			padding-top: 0;
			padding-bottom: 0;
			padding-right: 15px;
			padding-left: 15px;
			color: #222;
			font-size: 16px;
			font-weight: 500;
		}
		#nav .nav-item:hover .nav-link,
		#nav .nav-link:hover,
		#nav .nav-item.active .nav-link {
			color: #006dfe;
		}
		#nav .nav-item.active .nav-link::after {
			content: "";
			margin-top: 3px;
			width: 100%;
			height: 3px;
			display: block;
			background-color: #006dfe;
		}

/* Main Slider Styles Starts */

.main-slider .carousel-caption {
	top: 10%;
	left: 0;
	right: 0;
}

/* Main Container Styles Starts */

.main-container {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* Section Styles Starts */

.section-area-1 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.section-area-2 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.section-area-3 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-grey-1 {
	background-color: #f8f8f8;
}

/* About Section Styles Starts */

.about-section {
	padding-top: 90px;
	position: relative;
}
	.about-box-1 {
		margin-bottom: 40px;
		padding: 30px;
		background-color: #346bae;
		-webkit-border-radius: 25px 25px 0 25px;
		   -moz-border-radius: 25px 25px 0 25px;
		        border-radius: 25px 25px 0 25px;
	}
	.about-box-1:hover {
		-webkit-border-radius: 25px 25px 25px 0;
		   -moz-border-radius: 25px 25px 25px 0;
			    border-radius: 25px 25px 25px 0;
	}
	.about-box-1.alt-1 {
		background-color: #548bcd;
	}
	.about-box-1.alt-2 {
		background-color: #7aa5d9;
	}
		.about-img-wrap {
			position: relative;
			background: url(../images/misc/dots.png) no-repeat 55% 40%;
		}
			.about-box-2 {
				position: absolute;
				top: 15px;
				right: 0;
				padding: 25px;
				background-color: #346bae;
				-webkit-border-radius: 25px 25px 0 25px;
				   -moz-border-radius: 25px 25px 0 25px;
						border-radius: 25px 25px 0 25px;
			}
	.a-virus {
		position: absolute;
	}
	.a-virus-1 {
		top: 60px;
		right: -10px;
	}
	.a-virus-2 {
		bottom: 50px;
		left: 20px;
	}
	.a-virus-3 {
		top: 150px;
		right: 30px;
	}

/* Symptoms, Preventation Section Styles Starts */

.s-virus {
	position: absolute;
	top: 40px;
	left: 10%;
}
.p-virus {
	position: absolute;
	top: 25%;
	right: -160px;
}

/* Team Carousel Styles Starts */

.team-carousel {
	position: relative;
}
	.team-carousel .img-fluid {
		margin-left: auto;
		margin-right: auto;
	}
	.team-carousel .slick-prev::before,
	.team-carousel .slick-next::before {
		color: #222;
		font-size: 38px;
		font-weight: bold;
	}
	.team-carousel .slick-prev::before {
		content: "\f104";
	}
	.team-carousel .slick-next::before {
		content: "\f105";
	}
	.t-virus {
		position: absolute;
		top: 100px;
		left: -100px;
	}

/* App Download Section Styles Starts */

.app-dowload-section {
	padding-top: 50px;
	padding-bottom: 60px;
	background: url(../images/misc/covid-img1.png) no-repeat 40px center,
				url(../images/section-bg/app-section-bg.jpg) no-repeat center;
}
	.ad-virus {
		position: absolute;
		right: -150px;
		bottom: 50px;
	}

/* News Section Styles Starts */

.news-section-area {
	background: transparent url(../images/section-bg/blog-section-bg.jpg) repeat;
}
	.news-post-carousel .slick-dots {
		bottom: -60px;
	}
		.news-post-carousel .slick-dots li button::before {
			color: #f2f2f2;
			font-size: 18px;
			line-height: normal;
			opacity: 1;
		}
		.news-post-carousel .slick-dots li.slick-active button::before {
			color: #346bae;
			font-size: 18px;
			opacity: 1;
		}

/* Contact Section Styles Starts */

.contact-section {
	position: relative;
}
.contact-section .status {
	display: none;
}
.contact-form {
	padding-top: 30px;
}
	.contact-form .form-control {
		margin-bottom: 20px;
		padding: 15px 25px;
		font-size: 15px;
		color: #878787;
		background-color: #f1f1f1;
		border: none;
	}
	.contact-form .form-control:focus {
		background-color: #e8e8e8;
	}
	.contact-form input[type=text].form-control,
	.contact-form input[type=email].form-control {
		height: 52px;
	}
	.contact-form textarea.form-control {
		line-height: 25px;
	}
	.contact-form .form-control::-webkit-input-placeholder {
		color: #878787;
	}
	.contact-form .form-control::-moz-placeholder {
		color: #878787;
	}
	.contact-form .form-control:-ms-input-placeholder {
		color: #878787;
	}
	.contact-form .form-control:-moz-placeholder {
		color: #878787;
	}
	.contact-form .btn {
		margin-top: 5px;
		margin-bottom: 20px;
	}

.cf-virus {
	position: absolute;
	top: 50px;
	right: 20%;
}

/* CSS Animation Styles Starts */

.covid-virus {
	width: 102px;
	height: 102px;
	background: url(../images/misc/virus.png) no-repeat;
}
.covid-bacteria {
	width: 127px;
	height: 125px;
	background: url(../images/misc/bacteria.png) no-repeat;
}

.bounce-1 {
	-webkit-animation: bounce-1 10s linear infinite;
	   -moz-animation: bounce-1 10s linear infinite;
		    animation: bounce-1 10s linear infinite;
}

@-webkit-keyframes bounce-1 {
	0%, 50%, 100%  {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		        transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(30px);
		   -moz-transform: translateY(30px);
		        transform: translateY(-30px);
	}
	75% {
		-webkit-transform: translateY(30px);
		   -moz-transform: translateY(30px);
		        transform: translateY(30px);
	}
}
@-moz-keyframes bounce-1 {
	0%, 50%, 100%  {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		        transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(30px);
		   -moz-transform: translateY(30px);
		        transform: translateY(-30px);
	}
	75% {
		-webkit-transform: translateY(30px);
		   -moz-transform: translateY(30px);
		        transform: translateY(30px);
	}
}
@keyframes bounce-1 {
	0%, 50%, 100%  {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		        transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(30px);
		   -moz-transform: translateY(30px);
		        transform: translateY(-30px);
	}
	75% {
		-webkit-transform: translateY(30px);
		   -moz-transform: translateY(30px);
		        transform: translateY(30px);
	}
}

.img-zoom {
	position: relative;
	overflow: hidden;
}
	.img-zoom img {
		-webkit-transform: scale(1.0);
		   -moz-transform: scale(1.0);
				transform: scale(1.0);
	}
	.img-zoom:hover img {
		-webkit-transform: scale(1.2);
		   -moz-transform: scale(1.2);
				transform: scale(1.2);
	}

/* Box Styles Starts */

.box-1 {
	margin-bottom: 40px;
	padding: 35px 30px;
	background-color: #f8f8f8;
}
	.box-1:hover {
		-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
		        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
	}

.box-2 {
	margin-bottom: 30px;
	padding: 30px;
	border: 1px solid #f8f8f8;
	border-bottom: 4px solid #346bae;
}
	.box-2:hover {
		-webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
		   -moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
		        box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
	}

.box-3 {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
	.box-3:hover {
		-webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
		   -moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
			    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
	}

/* Accordion Styles Starts */

.faq-accordion .card {
	margin-bottom: 20px;
	background: none;
	border: none;
}
	.faq-accordion .card-header {
		margin-bottom: 0 !important;
		background: #fff;
		border: none;
	}
	.faq-accordion .card-header.active {
		background-color: #346bae;
	}
	.faq-accordion .card-header,
	.faq-accordion .card-header:first-child {
		border-radius: 5px;
	}
		.faq-accordion .card-title a {
			color: #222;
		}
		.faq-accordion .card-header.active .card-title a {
			color: #fff;
		}
		.faq-accordion .card-title a:hover,
		.faq-accordion .card-title a:focus {
			color: #346bae;
			text-decoration: none;
		}
		.faq-accordion .card-header .fa {
			margin-top: 3px;
			font-size: 14px;
		}
	.faq-accordion .card-body {
		margin-top: 10px;
		background: #fff;
		border-bottom: 4px solid #3368a9;
	}

/* Footer Styles Starts */

.footer-wrap {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #0d0c0e url(../images/section-bg/footer-bg.jpg) no-repeat left top;
}

	.foot-col {
		padding-bottom: 30px;
	}

		.foot-col-list li {
			margin-top: 5px;
		}
			.foot-col-list li,
			.foot-col-list li a {
				color: #a2a2a2;
			}

		.foot-col-sm-links li {
			margin-bottom: 10px;
		}
		.foot-col-sm-links li:not(:last-of-type) {
			margin-right: 10px;
		}
			.foot-col-sm-links li,
			.foot-col-sm-links li a,
			.foot-col-sm-links li a:hover {
				color: #fff;
			}
			.foot-col-sm-links li .fab {
				width: 45px;
				height: 45px;
				line-height: 45px;
				font-size: 18px;
				text-align: center;
				border: 2px solid #48454e;
			}
			.foot-col-sm-links li a:hover .fab {
				border-color: #fff;
			}

	.foot-newsletter-form {
		padding-top: 20px;
		padding-bottom: 30px;
	}
		.foot-newsletter-form .form-control {
			padding: 16px 20px 16px 25px;
			height: auto;
			color: #a2a2a2;
			font-size: 14px;
			background-color: #3b3b3b;
			border: none;
		}
		.foot-newsletter-form .form-control::placeholder {
			color: #a2a2a2;
		}
		.foot-newsletter-form .btn {
			padding: 16px 20px;
		}

	.copyright {
		padding-top: 40px;
		border-top: 1px solid rgba(212, 225, 234, 0.2);
	}

/* List Style Starts */

.list-style-1 {
	margin-top: 15px;
}
	.list-style-1 li {
		padding-top: 10px;
	}
		.list-style-1 li::before {
			content: "\f00c";
			margin-right: 10px;
		}

.help-list {
	counter-reset: c;
}
	.help-list li {
		counter-increment: c;
		position: relative;
	}
		.help-list li::before {
			content: counter(c, decimal-leading-zero);
			position: absolute;
			top: 30px;
			right: 40px;
			color: #fafafa;
			font-size: 72px;
			z-index: -1;
		}

.sml-1 {
	margin-bottom: 0;
}
	.sml-1 li:not(:last-of-type) {
		margin-right: 10px;
	}
	.sml-1 li {
		margin-bottom: 15px;
	}
		.sml-1 li a {
			width: 40px;
			height: 40px;
			line-height: 40px;
			display: block;
			color: #555;
			font-size: 16px;
			background-color: #f9f9f9;
			border: 1px solid #ebebeb;
		}
		.sml-1 li a:hover {
			color: #346bae;
			border-color: #346bae;
		}

/* Generic Styles Starts */

.parallax {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.lh-1 { line-height: 28px; }
.lh-2 { line-height: 32px; }
.lh-3 { line-height: 34px; }
.lh-4 { line-height: 36px; }

.text-big-1 { font-size: 16px; }
.text-big-2 { font-size: 18px; }
.text-big-3 { font-size: 20px; }

.text-weight-thin		 	{ font-weight: 100; }
.text-weight-extra-light	{ font-weight: 200; }
.text-weight-light		 	{ font-weight: 300; }
.text-weight-normal 	 	{ font-weight: 400; }
.text-weight-medium 	 	{ font-weight: 500; }
.text-weight-semi-bold	 	{ font-weight: 600; }
.text-weight-bold		 	{ font-weight: 700; }
.text-weight-extra-bold	 	{ font-weight: 800; }
.text-weight-ultra-bold 	{ font-weight: 900; }

.text-color-brand			{ color: #346bae; }
.text-color-grey-1			{ color: #a2a2a2; }
.text-color-black-1			{ color: #222;    }
.text-color-blue-1			{ color: #1e81ce; }

.link-style-1,
.link-style-1 a {
	color: #222;
}
.link-style-1 a:hover,
.link-style-1 a:focus {
	color: #346bae;
}

.img-center {
	margin-left: auto;
	margin-right: auto;
}

.rounded-1 {
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
			border-radius: 1px;
}

.rounded-2 {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
}

.rounded-3 {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.rounded-5 {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.no-boxshadow,
.form-control,
.form-control:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.font-awesome,
.team-carousel .slick-prev::before,
.team-carousel .slick-next::before,
.list-style-1 li::before {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("../font-awesome/webfonts/fa-solid-900.eot");
	src: url("../font-awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font-awesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../font-awesome/webfonts/fa-solid-900.woff") format("woff"), url("../font-awesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../font-awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.animation,
.animation a {
	-webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
		    transition: all 0.5s ease 0s;
}

.animation-1,
.animation-1 a {
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		    transition: all 1s ease;
}

.animation-2,
.animation-2 a {
	-webkit-transition: all 3s ease;
	   -moz-transition: all 3s ease;
		    transition: all 3s ease;
}
