html, body, div, span, h1, h2, h4, p, a, em, img, i, center, form, article, figure, header, nav, section, time {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, figure, header, nav, section {	display: block; }
body, input, button { font-family: 'Prompt', sans-serif; line-height: 1; }
body { -webkit-text-size-adjust: none; }
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.link-tag{
    padding: 15px;
    border: 1px solid antiquewhite;
    color: azure;
    background: brown;
    border-radius: 15px;
    text-decoration: none;
    display: inline-block;
}
strong{
	color: #206cc9;
}
#banner .fa-input {
	color: #e23135;
	position: absolute; 
	padding-top: 0.2em; 
	padding-left: 0.3em;
	font-size: 1.75em;
}
#banner .fa-button {
	/*color: #fdf694;*/
	color: #fff;
	position: absolute; 
	padding-top: 0.3em; 
	padding-left: 0.3em;
	font-size: 1.75em;
}
.red-border {
	border: solid 3px #fe361c;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
}
@media screen and (min-width: 981px) {
.img-float {
	float: right;
	margin: 10px;
	width: 50%;
	border-radius: 5px;
	}
}
@media screen and (max-width: 980px) {
.img-float {
	float: none;
	margin: 0px;
	width: 100%;
	}
}
@media screen and (min-width: 981px) {
.img-float2 {
	float: right;
	margin: 10px;
	width: 25%;
	border-radius: 5px;
	}
}
@media screen and (max-width: 980px) {
.img-float2 {
	float: none;
	margin: 00px;
	width: 100%;
	}
}
@-ms-viewport {
	width: device-width;
}
body {
	-ms-overflow-style: scrollbar;
	background-color: #0f0e14;
	color: #ec413a;
}
@media screen and (max-width: 480px) { html, body {	min-width: 320px; } }
body, input {
	font-size: 15pt;
	font-weight: 300;
	line-height: 2;
}
@media screen and (max-width: 1680px) {	body, input { font-size: 14pt; } }
@media screen and (max-width: 1280px) {	body, input { font-size: 14pt; } }
@media screen and (max-width: 980px) { body, input { font-size: 13pt; } }
@media screen and (max-width: 736px) { body, input { font-size: 13pt; } }
@media screen and (max-width: 480px) { body, input { font-size: 13pt; } }
a {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	text-decoration: none;
}
a:hover { text-decoration: none; }
h1, h2, h4 {
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	text-align: center;
}
h2 a { color: inherit; text-decoration: none; }
h1 { font-size: 2em; margin: 0 0 0.25em 0; }
h2 { font-size: 1.75em; }
h4 { font-size: 1.1em; }
@media screen and (max-width: 736px) {
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.25em; }
}
input { color: #e5474b; }
a { color: #f8d1d2; }
h1, h2,h3, h4 { color: #a1e547; }
button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	border-radius: 0;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	height: 3.5em;
	line-height: 1em;
	padding: 0 2.25em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
button:hover { text-decoration: none; }
button:hover { background-color: #676767; }
form { margin: 0 0 2em 0; }
form .field { margin: 0 0 2em 0; }
form .field.half { max-width: 25em; }
@media screen and (max-width: 736px) { 
	form .field { margin: 0 0 1.5em 0; }
	form .field.half { padding: 0 0 0 0.75em; }
	form .field.half.first { padding: 0 0.75em 0 0; } }
@media screen and (max-width: 480px) {
	form .field.half { width: 100%; padding: 0; }
	form .field.half.first { padding: 0; }
}
input[type="text"],
input[type="password"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 5px;
	border: none;
	border: solid 3px;
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 3em;
	text-decoration: none;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
input[type="text"],input[type="password"] { height: 50px !important; }
::-webkit-input-placeholder { opacity: 1.0; }
:-moz-placeholder { opacity: 1.0; }
::-moz-placeholder { opacity: 1.0; }
:-ms-input-placeholder { opacity: 1.0; }
input[type="text"],	input[type="password"] { background-color: rgba(0,0,0,0.5);	border-color: #ab180e; }
::-webkit-input-placeholder { color: #fff !important; }
:-moz-placeholder { color: #fff !important; }
::-moz-placeholder { color: #fff !important; }
:-ms-input-placeholder { color: #fff !important; }
.image { border-radius: 0; border: 0; display: inline-block; position: relative; }
.image img { border-radius: 0; display: block; }
.image.fit { display: block; margin: 0 0 0.5em 0; width: 100%; }
.image.fit img { width: 100%;border-radius: 5px; }
section .inner {
	max-width: 80em;
	width: calc(100% - 6em);
	margin: 0 auto;
}
section .inner-100 {
	max-width: 100em;
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 480px) { section .inner { max-width: 90%; width: 90%; } }
#header {
	margin: 0 auto;
	padding-top: 1em;
	color: #d5d5d5;
	cursor: default;
	text-align: center;
	width: 100%;
	max-width: 100em;
	position: fixed;
	z-index: 10001;
	height: 4em;
	background-color: rgba(99,0,0,0.25);
}
#header .inner {
	max-width: 100em;
	margin: 0 auto;
}
@media screen and (max-width: 480px) { #header .inner { max-width: 90%; width: 90%; } }
#header .logo {
	display: inline-block;
	height: inherit;
	left: 0;
	line-height: inherit;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	color: #e5474b;
	font-size: 1.75em;
	text-transform: none;
	font-weight: normal;
	padding: 0;
	width: 5em;
}
#header a {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	display: inline-block;
	padding: 0 0.25em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	border:solid 1px #fff;border-radius: 5px; background-color: #ff3333;width: 120px;
	text-align: center;
}
#header a:hover { border-color: #ffff00;text-decoration: underline; }
#header a:last-child { padding-right: 0em; }
@media screen and (max-width: 736px) { #header a { padding: 0 0.5em; } }
@media screen and (max-width: 480px) { #header { min-width: 320px; } }
#nav { display: inline-block; }
@media screen and (max-width: 980px) { #nav { display: none; } }
.navPanelToggle {
	position: fixed;
	text-decoration: none;
	height: 40px;
	width: 40px;
	right: 1em;
	top: 1em;
	display: none;
	z-index: 10002;
}
.navPanelToggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 2.25em;
	left: 0.5em;
	line-height: 2.25em;
	position: absolute;
	text-align: center;
	top: 0.5em;
	width: 3.5em;
}
@media screen and (max-width: 980px) { .navPanelToggle { display: block; } }
.navPanelToggle *:before {
	color: #fff;
	display: block;
	font-size: 16px;
	height: 2.25em;
	left: 0.5em;
	line-height: 2.25em;
	position: absolute;
	text-align: center;
	top: 0.5em;
	width: 3.5em;
}
#navPanel {
	-moz-transform: translatex(20em);
	-webkit-transform: translatex(20em);
	-ms-transform: translatex(20em);
	transform: translatex(20em);
	-moz-transition: -moz-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
	-ms-transition: -ms-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
	-webkit-overflow-scrolling: touch;
	visibility: hidden;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	background: #ff3333;
	color: #fff;
	height: 100%;
	max-width: 80%;
	width: 20em;
	padding: 1.5em;
	text-transform: uppercase;
	z-index: 10003;
	display: none;
}
#navPanel.visible {
	-moz-transform: translatex(0);
	-webkit-transform: translatex(0);
	-ms-transform: translatex(0);
	transform: translatex(0);
	box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
	visibility: visible;
}
#navPanel a:not(.close) {
	border-top: solid 1px rgba(255, 255, 255, 0.1);
	color: #fff;
	font-weight: 800;
	display: block;
	padding: 0.75em 0;
	text-decoration: none;
}
#navPanel a:not(.close):first-child { border: none; }
#navPanel .close {
	text-decoration: none;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-tap-highlight-color: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 4em;
	padding-right: 1.25em;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	vertical-align: middle;
	width: 5em;
}
#navPanel .close:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
	content: 'X';
	width: 3em;
	height: 3em;
	line-height: 3em;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
}
#navPanel .close:hover { color: inherit; }
@media screen and (max-width: 980px) { #navPanel { display: block; } }
#banner {
	padding: 8em 0 2em 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: left;
	position: relative;
	height: 700px;
	max-width: 100em;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 980px) {
	#banner .overlay {
		background-color: rgba(0,0,0,0.8);top: 0;left: 0; width: 100%;height: 100%;position: absolute;
	}
}
@media screen and (min-width: 981px) { #banner .mobile-show { display: none;  } }
@media screen and (max-width: 980px) { #banner .mobile-show { display: inline-block; padding-top: 10px;} }
#banner input { color: #ffffff; }

#banner button {
	background: -webkit-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
    background: -moz-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
    background: -o-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
    background: -ms-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
	color: #fff;
	width: 100%; height: 50px;
	margin-bottom: 10px;
	border-radius: 5px;
}
#banner button:hover { color: #ffffaa; }
.div-a {
	background: -webkit-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
    background: -moz-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
    background: -o-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
    background: -ms-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%);
	color: #fff;
	width: 100%; height: 50px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-weight: 700;
	line-height: 3em;
}
.div-a:hover { color: #ffffaa; }
.div-line {
	background: -webkit-linear-gradient(90deg, #be9428 0%, #fcf694 50%, #be9428 100%);
    background: -moz-linear-gradient(90deg, #be9428 0%, #fcf694 50%, #be9428 100%);
    background: -o-linear-gradient(90deg, #be9428 0%, #fcf694 50%, #be9428 100%);
    background: -ms-linear-gradient(90deg, #be9428 0%, #fcf694 50%, #be9428 100%);
	color: #1a0d38;
	width: 100%; height: 50px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-weight: 700;
	line-height: 3em;
}
.div-line:hover { color: #0000cc; }
#banner .inner {
	max-width: 65em;
	width: calc(100% - 3em);
	margin: 0 auto;
	position: relative;
	z-index: 10000;
	line-height: 1.5;
}
@media screen and (max-width: 480px) { #banner .inner { max-width: 90%; width: 90%; } }
@media screen and (max-width: 1680px) { #banner { padding: 8em 0 2em 0; } }
@media screen and (max-width: 1280px) { #banner { padding: 7em 0 2em 0; } }
@media screen and (max-width: 980px) { #banner { padding: 6em 0 2em 0; } }
@media screen and (max-width: 736px) { #banner { padding: 5em 0 2em 0; } }
@media screen and (max-width: 480px) { #banner { padding: 6em 0 5em 0;background-position: right top;height: 100%;} }
@media screen and (min-width: 981px) { .login { position: absolute; right: 5%; background: #180101e8;border-radius: 26px;box-shadow: 0px 0px 15px 10px black;} }
@media screen and (max-width: 980px) { .login { margin: 0 auto; } }
#one { padding: 0; }
#one .inner {
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
#one .inner article { width: 100%; }
#one .inner article:first-child { padding-right: 1em; }
#one .inner article:last-child { padding-left: 1em; }
@media screen and (max-width: 980px) { #one { padding: 4em 0 2em 0; }
#one .inner {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
#one .inner article { width:100%; }
#one .inner article:first-child { padding-right: 0; padding-bottom: 0; padding-top: 0; }
#one .inner article:last-child { padding-left: 0; padding-top: 0; } }
@media screen and (max-width: 736px) { #one { padding: 0; } }
#two { margin: 2em 0 1em 0; }
#two .inner {
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
#two .inner article img { display: block;margin: 0 auto; }
#two .inner article { max-width: 25%;padding-right: 1em; padding-top: 1em;margin: 0 0 1em 0;}
@media screen and (max-width: 640px) { #two { padding: 4em 0 2em 0; }
#two .inner {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
#two .inner article { width:100%;max-width: 100%; }
#two .inner article { padding-right: 0; padding-top: 0;}
}
@media screen and (max-width: 736px) { #two { padding: 0; } }
#three { padding: 3em 0 2em 0; }
#three .inner {
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-ms-flex-pack: justify;
}
#three .inner article { width: 33%; margin: 1em; }
#three .inner article p {
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
#three .inner article .img { display: block; margin: 0 auto; }
#three .inner article .content {
	padding: 20px;
}
@media screen and (max-width: 980px) {
	#three .inner {
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#three .inner article {
		width: 100%;
		margin: 1em auto;
	}
}
@media screen and (max-width: 980px) { #three { padding: 4em 0 2em 0; } }
@media screen and (max-width: 736px) { #three { padding: 2em 0 0.1em 0; } }
#footer {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	color: #f2a3a5;
	padding: 1em 0 1em 0;
	max-width: 75%;
	margin: 0 auto;
	text-align: center;
}
#footer a { color: #ffffff; }
#footer .inner { max-width: 65em; width: calc(100% - 6em); margin: 0 auto; }
@media screen and (max-width: 480px) { #footer .inner { max-width: 90%; width: 90%; } }
@media screen and (max-width: 980px) { #footer { padding: 4em 0 2em 0; } }
@media screen and (max-width: 736px) { #footer { padding: 2em 0 0.1em 0; } }
.details-card .news-articles {
  max-width: 20em;
  overflow: hidden;
  display: inline-block;
  padding: 5px;
}
.details-card .news-articles .article-link { text-decoration: none; }
.details-card .news-articles .article-link .news-articles-img { display: inline-block; }
.news-articles .news-articles-img .bg-img {
  display: inline-block;
  padding: 0px;
  position: relative;
  border-radius: 14px;
  background: linear-gradient(to right, #f25a5a, #5918b7);
}
.details-card .news-articles .article-link .news-articles-img img {
  width: 100%;
  border: 4px solid;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-color: #5f9ea000;
  border-radius: 15px;
}
.details-card .news-articles .article-link .news-articles-h4 { font-size: 22px; }
.details-card .news-articles .article-link .box-articles { color: darkgray; font-size: 13px; }
.details-card .news-articles .article-link .news-articles-p { font-size: 15px; text-align: justify; }
.bg-transparent { background-color: rgba(0,0,0,0.2); border-radius: 10px; padding: 20px; }
.qrcode{
	position: fixed; left: 9px; bottom: 9px;z-index: 1;
}
.qrcode img{border-radius: 5px;}
@media screen and (max-width: 980px) { .qrcode { display: none; } }
hr {border:1px solid #990000;background-color: #990000}

@media screen and (min-width: 981px){
.mobile-form-show{display: none;}
}
@media screen and (max-width: 980px){
.mobile-form-show{display: block !important;}
}

@media screen and (max-width: 980px){
  .mobile-footer-pb {
    padding-bottom: 200px;
  }
}

.mobile-wrapper {
  bottom:0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-color: transparent;
  position: fixed;
  z-index: 10001;
}

.mobile-navbar {
  position: relative;
  height: 80px;
  width: 400px;
  max-width: 100%;
  padding-left: 35px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 5px;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  background: -webkit-linear-gradient(90deg, #ff361c 0%, #ad190f 50%, #ff361c 100%) !important;
  box-shadow: 0 10px 20px rgba(82, 74, 74, 0.3);
  border-top: 3px solid #e4f1ff;
}

.mobile-circle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(65px - 40px);
  margin-bottom: 0;
  height: 80px;
  width: 80px;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: transparent;
  z-index: 9;
  transition: height 0.3s;
}

.mobile-circleBackground {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(65px - 90px / 2);
  margin-bottom: 0;
  height: calc(80px + 10px);
  width: calc(80px + 10px);
  border-radius: calc(100px / 2);
  background-color: transparent;
}

.mobile-icon {
  font-size: 28px;
  color: #fff;
}