@font-face {
	font-family: SegoeUI;
	src: url(css/fonts/SegoeUI.woff) format("woff"), url(css/fonts/SegoeUI.otf) format("opentype"), url(css/fonts/SegoeUI.svg#filename) format("svg");
	font-weight: normal;
	font-style: normal;
}
body {
	color: rgb(112, 112, 112); font-family: "Lato", sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);
}
.site-header {
	background: rgb(245, 245, 245);
}
.site-header h1 {
	font-size: 16px;
}
.primary-navbar {
	padding: 0px; box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}
.primary-navbar h1 {
	padding-left: 10px;
}
.primary-navbar .navbar-toggler {
	margin-right: 10px;
}
.primary-navbar li a {
	margin: 0px 10px; color: rgb(112, 112, 112); font-size: 16px;
}
.primary-navbar li a.active {
	text-shadow: 0px 0.5px #707070;
}
.primary-navbar li a:hover {
	text-shadow: 0px 0.5px #707070;
}
.fixed-top {
	background: rgb(245, 245, 245);
}
.banner-content {
	padding-top: 90px; min-height: 600px;
}
.cities .banner-content {
	min-height: 300px;
}
.banner-parallax {
	background-position: right top; color: rgb(255, 255, 255); padding-top: 30px; padding-bottom: 30px; background-image: url("../images/banner-img.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-color: rgb(0, 162, 58);
}
.banner-title {
	margin-top: 15px;
}
.site-content h2 {
	text-align: center; color: rgb(102, 102, 102); font-weight: bold;
}
.site-content-about img {
	max-height: 300px;
}
.site-content-faq img {
	max-height: 300px;
}
.banner-content h1 {
	color: rgb(255, 255, 255); font-size: 30px; font-weight: bold;
}
.banner-content p {
	font-size: 18px; margin-top: 16px;
}
.banner-content a {
	color: rgb(255, 255, 255); text-decoration: none;
}
.banner-button {
	background: linear-gradient(rgb(6, 91, 80), rgb(1, 20, 17)); transition:0.12s linear; margin-top: 15px; -webkit-transition: all 0.12s linear;
}
.banner-button img {
	height: 24px; margin-right: 0.5em;
}
.banner-button span {
	font-size: 12px;
}
.banner-button:hover {
	opacity: 0.9; transform: scale(1.07);
}
.maps-img {
	display: none;
}
.site-content h2 {
	color: rgb(59, 59, 59); font-size: 28px; font-weight: bold;
}
.site-content-about {
	padding-top: 120px; margin-top: -60px;
}
.site-content-about h2 {
	margin-top: 40px;
}
.site-content-about h2 {
	margin-left: 15px;
}
.site-content-about p {
	margin-left: 15px;
}
.site-content-features {
	padding: 110px 0px; text-align: center; background-color: rgb(245, 245, 245);
}
.features-item {
	margin-top: 60px;
}
.features-item img {
	margin-top: 30px;
}
.features-item img:hover {
	padding-bottom: 3px; margin-top: 27px;
}
.features-item h3 {
	font-size: 18px; font-weight: bold; margin-top: 30px;
}
.features-item p {
	margin: 0px auto; font-size: 14px;
}
.site-content-faq {
	padding-top: 100px; margin-top: -50px; margin-bottom: 100px;
}
.site-content-faq img {
	margin-top: 30px;
}
.site-content-faq .card {
	border: currentColor; border-image: none; margin-bottom: 5px; box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}
.site-content-faq .card-header {
	background: rgb(255, 255, 255);
}
.site-content-faq .btn {
	text-align: left; white-space: normal;
}
.site-content-faq .card .btn-link {
	color: rgb(112, 112, 112); font-size: 14px;
}
.site-content-faq .card-body {
	color: rgb(112, 112, 112); font-size: 14px;
}
.site-content-faq .card .btn-link {
	padding: 0px;
}
.site-content-faq .card .btn-link:hover {
	text-decoration: none; cursor: default;
}
.site-content-faq .card .btn-link:focus {
	text-decoration: none; cursor: default;
}
.arrow-icon {
	background-position: right; padding-right: 35px; background-image: url("../images/arrow-down.png"); background-repeat: no-repeat; background-size: 16px;
}
.faq-btn {
	margin-top: 15px;
}
.site-content-about button {
	border: currentColor; border-image: none; background-color: rgb(102, 175, 6);
}
.site-content-faq .faq-btn {
	border: currentColor; border-image: none; background-color: rgb(102, 175, 6);
}
.site-content-faq .faq-btn:hover {
	background-color: rgb(40, 167, 69);
}
.site-content-contact {
	padding: 50px 0px; text-align: center; margin-top: 65px; background-color: rgb(245, 245, 245);
}
.site-content-contact a {
	color: rgb(102, 175, 6); font-weight: normal;
}
.site-content-contact a:hover {
	color: rgb(40, 167, 69); text-decoration: none;
}
.site-content-contact p {
	margin: 0px auto;
}
.contact-item ul {
	list-style: none; margin: 50px auto 0px; padding: 0px; display: block;
}
.contact-item li {
	display: inline;
}
.contact-item img:hover {
	margin-top: -3px;
}
.site-footer {
	text-align: center; color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(59, 59, 59);
}
.site-footer p {
	margin-top: 16px;
}
.site-footer a {
	color: rgb(255, 255, 255);
}
#city-container {
	padding: 50px 0px;
}
.city-card {
	background-position: left top; margin: 0px auto 50px; padding: 0px 20px; border-radius: 12px; transition:0.12s linear; height: 188px; display: block; max-width: 398px; background-size: cover; -webkit-transition: all 0.12s linear;
}
.city-card:hover {
	text-decoration: none; opacity: 0.9; transform: scale(1.07);
}
.city-card h5 {
	padding: 50px 0px 20px; text-align: center; color: rgb(255, 255, 255); font-size: 32px; border-bottom-color: rgba(255, 255, 255, 0.58); border-bottom-width: 1px; border-bottom-style: solid;
}
.city-card h5 > span {
	font-size: 12px; display: block;
}
.city-status {
	text-align: center; color: rgb(255, 255, 255); padding-top: 10px; font-size: 22px;
}
.city-data {
	text-align: center; color: rgb(255, 255, 255);
}
.city-data h6 {
	font-size: 14px; margin-bottom: 0px;
}
.animate-fade-in-up {
	animation-duration: 1s; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards;
}
.animate-fade-in-left {
	animation-duration: 1s; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards;
}
.animate-fade-in-right {
	animation-duration: 1s; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards;
}
.animate-fade-in-up {
	animation-name: keyframes-fade-in-up; -webkit-animation-name: keyframes-fade-in-up;
}
.animate-fade-in-left {
	animation-name: keyframes-fade-in-left; -webkit-animation-name: keyframes-fade-in-left;
}
.animate-fade-in-right {
	animation-name: keyframes-fade-in-right; -webkit-animation-name: keyframes-fade-in-right;
}
@media all and (min-width:408px)
{
.banner-button {
	margin-bottom: 0px;
}
}
@media all and (min-width:576px)
{
.primary-navbar h1 {
	padding-left: 0px;
}
.primary-navbar .navbar-toggler {
	margin-right: 0px;
}
.banner-parallax {
	background-position: right top; background-size: cover;
}
.banner-button span {
	font-size: 1rem;
}
}
@media all and (min-width:768px)
{
.maps-img {
	display: block;
}
.site-content-about img {
	max-height: 100%;
}
.site-content-faq img {
	max-height: 100%;
}
.site-content h2 {
	font-size: 36px;
}
.site-content-about h2 {
	text-align: left;
}
.site-content-about h2 {
	margin-left: 40px;
}
.site-content-about p {
	margin-left: 40px;
}
.site-content-faq h2 {
	margin-bottom: 40px;
}
.site-content-faq img {
	margin-top: 0px;
}
.site-content-contact p {
	width: 630px;
}
}
@media all and (min-width:992px)
{
.banner-content {
	min-height: 550px;
}
.cities .banner-content {
	min-height: 550px;
}
.banner-content h1 {
	font-size: 36px;
}
.banner-button {
	padding: 8px 25px 8px 8px; margin-right: 10px;
}
.banner-button img {
	height: 30px;
}
.banner-button span {
	
}
.features-item p {
	width: 275px;
}
.banner-parallax {
	padding-top: 0px; padding-bottom: 0px;
}
.banner-title {
	margin-top: 0px;
}
.navbar-light .navbar-nav .btn-yellow.nav-link {
	margin: 4px 0px; padding: 3px 10px; border-radius: 20px; color: rgb(255, 255, 255); background-color: rgb(255, 193, 0);
}
.navbar-light .navbar-nav .btn-yellow.nav-link:hover {
	opacity: 0.75; text-shadow: none;
}
}
@media all and (min-width:1200px)
{
.banner-content p {
	width: 550px;
}
.banner-button img {
	height: 30px;
}
.site-content h2 {
	font-size: 40px;
}
.site-content-about h2 {
	margin-left: 40px;
}
.site-content-about p {
	margin-left: 40px;
}
.site-content-faq {
	margin-top: 0px;
}
}