@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|PT+Sans:400,700|Lato:400,700|Roboto+Condensed:400,700|Roboto:400,700);

:root
{
  --dk-color: #33c387;
  --lt-color: #E4F7EF;
  --padding:20px 20px;
  --border-color:#D9D9D9;
}

* {box-sizing: border-box;}
body {margin:0;padding:0;background-color:#FFFFFF;color:#044046}
html,body,td,input,select,textarea {font-family:Helvetica;font-size:16px;line-height:150%}

form,p        { margin:0;padding:0}
input,select,textarea {background-color:white; color:#222; padding:10px 10px;border:1px solid var(--border-color); border-radius:10px; outline:none}
input:focus, select:focus, textarea:focus {border: 1px solid #ff6624;outline:none;box-shadow: 0px 0px 3px 0px #ff6624;}
*::placeholder {color:#777}
select:required:invalid {color: #777;}
option[value=""][disabled] {display: none;}
option {color: #222;}

img {border:0}

a:link, a:visited, a:hover, a:active {color:#3367d6;text-decoration:none}
a:hover {color:red}

hr {height:1px;background-color:#CCC;border:none}
ul {margin:0}
li {margin:0;margin-left:-20px;margin-top:8px}
li:first-child {margin-top:0}

h1 {margin:0;padding:0;font-size:30px;color:#044046;margin-bottom:20px;font-weight:bold;text-align:center;line-height:normal}
h2 {margin:0;padding:0;font-size:25px;color:#044046;margin-bottom:20px;font-weight:bold;text-align:center;line-height:normal}
h3 {margin:0;padding:0;font-size:140%;color:#044046;margin-bottom:10px;font-weight:bold;line-height:normal}

h1 a:link {color:#6666ff;text-decoration:underline}
h2 a:link {color:#76a0ef}

fieldset {margin:0; padding:10px 15px; border:1px solid var(--border-color); border-radius:10px;}
dl {margin:0;padding:0;}
dt {margin:0;padding:0;display:block;margin-top:10px;}
dd {margin:0;padding:0;display:inline-block;font-weight:bold}

/* #header {position: fixed;top:0;background-color:#FFF;padding:20px;width:100%; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%);} */
#header {position:absolute;top:0;width:100%;background-color:#FFF;padding:20px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%);}

#header > table:nth-child(1) > tbody > tr > td:nth-child(1) > a {background-image:url(Img/Logo.png);background-size:29px auto;background-repeat:no-repeat;padding-left:38px;background-position:0 3px;}

#header > table:nth-child(1) > tbody > tr > td:nth-child(1) > a {color:#044046;font-size:25px;font-weight:bold}
#header > table:nth-child(1) > tbody > tr > td:nth-child(2)>div > a {font-size:15px;color:#044046;padding:0 20px;font-weight:bold}
#header > table:nth-child(1) > tbody > tr > td:nth-child(2)>div > a:first-child {border-left-width:0;}
#header > table:nth-child(1) > tbody > tr > td:nth-child(2)>div > a:hover {color:#33c387;transition: color 0.25s linear;}
#header > table:nth-child(1) > tbody > tr > td:nth-child(3){width:50px}
#header > table:nth-child(1) > tbody > tr > td:nth-child(3)>a {font-size:25px;color:#044046}

@media(max-width:725px)
{
	#header > table:nth-child(1) > tbody > tr > td:nth-child(2) > div {display:none;}
}
#body   {max-width:990px;margin:auto;margin-top:100px;margin-bottom:100px;padding:20px}

#footer {background-color:#232936;xbox-shadow: 0 -2px 4px 0 rgb(0 0 0 / 4%);}
#footer h2 {color:#798da3;text-align:left;font-size:13px}
#footer,#footer a {color:#F7F6F7;text-decoration:none;font-size:13px;line-height:40px}
#footer>div>div i {color:#33c387;display:inline-block;width:25px}
#footer {padding:100px 20px;}
#footer > div:nth-child(3) {text-align:center}
#footer>div:nth-child(3) {max-width:990px;margin:auto;display:flex;justify-content:space-between;}
@media(min-width:551px)
{
	#footer>div:nth-child(1) {max-width:990px;margin:auto;display:flex;justify-content:space-between;}
}
@media(max-width:550px)
{
	#footer>div:nth-child(1) {margin-left:50px;}
	#footer>div:nth-child(1)>div {margin-bottom:40px}
	#footer>div:nth-child(1)>div:last-child {margin-bottom:0}
}

#MenuBar {position:absolute;display:none;text-align:left;right:0;background-color:#ff6624;z-index:999;margin-top:18px}
#MenuBar a {display:block;color:white;padding:5px 15px;margin:3px}
#MenuBar a:hover {color:white;background-color:black;border-radius:4px}

*.inp {width:100%;}
*.sml {color:#888;font-size:90%;margin-top:2px;margin-bottom:2px}
*.box {background-color:rgb(239.7,250.5,246.0);border:1px solid #F0F0F0;padding:20px;border-radius:20px;;margin-bottom:50px}
*.box li,*.box li:first-child {margin-top:5px;}

*.error {border:1px solid #F2DFCE; background-color:#FFFFBB;color:#222;padding:20px;margin-top:0px;margin-bottom:40px;text-align:left;border-radius:4px}
*.error h2 {font-size:125%;font-weight:bold;color:red;margin-bottom:5px;text-align:left}

*.redbox {border:1px solid #D0D0D0; padding:10px; background-color: #E3F2F6}
a.action {display:inline-block;background-color:#00A761;color:#EEE;padding:4px 10px;border-radius:3px;font-size:15px;margin:5px 0px}
a.action:hover {background-color:#00C572}

*.tbl {background-color:#DDD;border-spacing:1px;border-radius:4px;}
*.tbl>tbody>tr>th {padding:5px 15px;background-color:#EEE;font-size:14px}
*.tbl>tbody>tr>td {padding:5px 15px;background-color:#FFF}

*.frm {}

.bullet {border-spacing: 0 5px;}
.bullet>tbody>tr {vertical-align: top;}
.bullet>tbody>tr>td:nth-child(1)>i {display:block;width:34px;height:28px;color:white;background-color:#1aa3ff;border-radius:50%;text-align:center;font-weight:bold;font-style:normal;padding-top:6px}
.bullet>tbody>tr>td:nth-child(2) {padding:0;padding-left:10px;padding-top:7px}


*.nav, *.nav a:link, *.nav a:active, *.nav a:visited, *.nav a:hover { text-decoration:none;font-size:12px;font-weight:bold }
*.nav        { color:#666666 }
a.nav        { color:#11449E }

*.navPrev:before {content:'\1f844';color:#666;  font-size:13px;padding-right:4px}
*.navNext:after  {content:'\1F846';color:#666;  font-size:13px;padding-right:4px}
a.navPrev:before {content:'\1f844';color:orange;font-size:13px;padding-left :4px}
a.navNext:after  {content:'\1F846';color:orange;font-size:13px;padding-left :4px}

.map {border-radius:5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);}

*.list {background-color:#E3F2F6;width:180px;color:#666666}
*.list a:link, *.list a:active, *.list a:visited, *.list a:hover {color:#333300;text-decoration:none;font-weight:bold}
*.list a:hover {color:red;text-decoration:underline}

*.TabBG {border-radius: 8px 8px 0px 0px;text-align:center;background-color:#FFFFFF;padding:3px;padding-left:8px;padding-right:10px;margin:0px;margin-left:2px;margin-right:2px;border-top:1px solid #0072BC;border-left:1px solid #0072BC;border-right:1px solid #0072BC}
*.TabFG {border-radius: 8px 8px 0px 0px;text-align:center;background-color:#0072BC;padding:3px;padding-left:8px;padding-right:10px;margin:0px;margin-left:2px;margin-right:2px;border-top:1px solid #0072BC;border-left:1px solid #0072BC;border-right:1px solid #0072BC}
*.TabBG a:link,*.TabBG a:active,*.TabBG a:visited,*.TabBG a:hover {color:#0072BC;font-weight:bold;text-decoration:none}
*.TabFG a:link,*.TabFG a:active,*.TabFG a:visited,*.TabFG a:hover {color:#FFFFFF;font-weight:bold;text-decoration:none}

*.button, *.button:link, *.button:active, *.button:visited, *.button:focus
{
	display:inline-block;
	min-width:100px;
	text-align:center;
  padding:10px 20px;
 	text-decoration:none; 
	border-style:none;
	border-radius:20px;
	background-color:#fe8752;
	color:#FFF;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*.button:active
{
	padding-top:11px;padding-bottom:9px;
	padding-left:21px;padding-right:19px;
}
*.button:hover
{
	-box-shadow: 0px 0px 10px #008ae6;
	box-shadow: 0px 0px 10px #ff6624;
}

*.buttonSml, *.buttonSml:link, *.buttonSml:active, *.buttonSml:visited, *.buttonSml:focus
{	
	font-size:80%;
	display:inline-block;
	text-align:center;
  padding:2px 20px;
 	text-decoration:none; 
	border-style:none;
	border-radius:20px;
	//background-color:#ff6624;
	background-color:#fe8752;
	color:#FFF;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*.buttonSml:active
{
	padding-top:3px;padding-bottom:1px;
	padding-left:21px;padding-right:19px;
}
*.buttonSml:hover
{
	-box-shadow: 0px 0px 10px #008ae6;
	box-shadow: 0px 0px 10px #ff6624;
}


*.buttonAlt, *.buttonAlt:link, *.buttonAlt:active, *.buttonAlt:visited, *.buttonAlt:focus
{
	display:inline-block;
	min-width:100px;
	text-align:center;
  padding:10px 20px;
 	text-decoration:none; 
	border:1px solid #ff6624;
	border-radius:20px;
	background-color:#FFF;
	color:#ff6624;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*.buttonAlt:active
{
	padding-top:11px;padding-bottom:9px;
	padding-left:21px;padding-right:19px;
}
*.buttonAlt:hover
{
	-box-shadow: 0px 0px 10px #008ae6;
	box-shadow: 0px 0px 10px #ff6624;
}

*.buttonSec, *.buttonSec:link, *.buttonSec:active, *.buttonSec:visited, *.buttonSec:focus
{
	display:inline-block;
	min-width:100px;
	text-align:center;
  padding:10px 20px;
 	text-decoration:none; 
	border-style:none;
	border-radius:20px;
	background-color:var(--dk-color);
	color:#FFF;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*.buttonSec:active
{
	padding-top:11px;padding-bottom:9px;
	padding-left:21px;padding-right:19px;
}
*.buttonSec:hover
{
	box-shadow: 0px 0px 10px var(--dk-color);
}

*.buttonSecAlt, *.buttonSecAlt:link, *.buttonSecAlt:active, *.buttonSecAlt:visited, *.buttonSecAlt:focus
{
	display:inline-block;
	min-width:100px;
	text-align:center;
  padding:10px 20px;
 	text-decoration:none; 
	border:1px solid var(--dk-color);
	border-radius:20px;
	background-color:#FFF;
	color:var(--dk-color);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*.buttonSecAlt:active
{
	padding-top:11px;padding-bottom:9px;
	padding-left:21px;padding-right:19px;
}
*.buttonSecAlt:hover
{
	box-shadow: 0px 0px 10px #33c387;
}



form {max-width:450px;margin:auto;}
form.frm {}
form.frm .section {margin-bottom:50px;}
form.frm .section label {display:block;margin:0;padding:0;font-weight:bold;margin-top:40px;}
form.frm .section>label:first-child {margin-top:0;}
form.frm .section>h2 + label  {margin-top:0;}
form.frm .section input,select,textarea {display:block;width:100%;}
form.frm .section input[class="button"],
form.frm .section input[type="radio"],
form.frm .section input[type="checkbox"] {width:auto;display:inline-block;}
form.frm .section input[type="radio"] {margin:0 5px 0 0;padding:0;}
form.frm .section input[type="checkbox"] {margin:0 5px 0 0;padding:0;}


.faq>div {display:flex;border-radius:20px;box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%);padding:12px 14px 9px 14px;margin-bottom:20px;cursor:pointer;}
.faq>div>span:nth-child(1) {padding-top:2px;}
.faq>div>span:nth-child(2) {display:block;width:100%;padding:0 10px}
.faq>div>span:nth-child(3) {}
.faq>div>span:nth-child(2)>span {display:none;margin-top:10px}
.faq>div>span:nth-child(3)>i   {font-size:21px;color:#ff6624;transition: transform 0.25s linear;}

.info {display:flex;justify-content:center;margin-bottom:50px;}
.info>div {background-color:var(--lt-color);border:1px solid var(--dk-color);border-radius:10px;padding:20px;color:#33c387;}
.info>div>h2 {margin:0 0 10px 0;padding:0;color:#33c387;text-align:left;font-size:20px;}
.info>div>h2:before
{
	content:"i";
	border-radius:50%;
	background-color:#33c387;
	color:rgb(210,242,229);
	padding:2px 9px;
	font-size:15px;
	margin-right:15px;
	vertical-align:2px;
	margin-top:10px;
}