html,body,header,nav,main,aside,footer,article,section,address,figure,figcaption,div,span,h1,h2,h3,h4,h5,p,ol,ul,li,a,img,form,label,input,select,textarea,button,iframe,::before,::after {font-size:100%;font:inherit;vertical-align:baseline;border:0;border:none;margin:0;padding:0;box-sizing:border-box}
a,img,input,select,textarea,button,::before,::after {transition:all .4s ease}
.skiplnk {position:absolute;left:-999px;width:1px;height:1px}
.skiplnk:focus {position:static;left:0;width:auto;height:auto;display:block;text-align:center;padding:10px}
body {font-size:1.05em;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,"sans-serif";line-height:1.5;color:#444;background:url(images/pagebg.webp) repeat-x #42aad0}
header {max-width:1000px;text-align:center;background:url(images/header.webp) no-repeat 0 0/contain,#9ddae6;margin:20px auto 0}
header div {padding:20px 2% 20px 12%}
main {max-width:1000px;background:#fff;margin:auto;padding:1px 2% 10px}
footer {background:linear-gradient(to bottom,#a1d2dc,#f4fcfc 100px),#f4fcfc;border-top:2px solid #9abac6;margin:auto;padding:10px 0}
footer div {max-width:1100px;text-align:center;margin:auto}
@media screen and (max-width:800px) {
header {background-position:-40px 0;background-size:900px}
header div {padding-left:16%}
}
@media screen and (max-width:500px) {
header {background-position:-30px 0;background-size:700px}
}
a:link {color:#0154bf}
a:visited {color:#0187c4}
a:active {color:#666}
a:hover {color:#c00;text-decoration:none}
img {max-width:100%;height:auto}

header h1,header figure,header p {margin:8px 2%}
header h1 {font-size:200%;line-height:1.2;font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;color:#336c8d}
header figure {margin:auto}
header p {font-size:130%;color:#004770}
header nav {background:rgba(245,191,48,.8);border-style:solid;border-color:#dfab38;border-width:2px 0}
header nav ul {list-style:none}
header nav li {display:inline-block}
header nav a {text-decoration:none;display:block;font-size:90%;text-transform:uppercase;border-right:1px solid #dfab38;padding:10px}
header nav li:first-child a {border-left:1px solid #dfab38}
header nav a:link,nav a:visited,nav a:active {color:#000}
header nav a:hover {background:rgba(245,191,48,.95)}
@media screen and (max-width:900px) {
header h1 {font-size:190%}
header figure {width:220px}
header p {font-size:130%}
header nav {position:relative;border:none}
header nav li {display:block}
header nav a {border-right:none;border-bottom:1px solid #dfab38;padding:8px}
header nav li:first-child a {border-top:1px solid #dfab38}
}

footer figure,footer div div,footer p {margin:10px 2%}
footer div div {padding:4px 6%}
footer div div a {text-decoration:none;display:inline-block;margin:6px;padding:6px}
.ftrhm {font-size:90%;padding:10px 2%}

footer address {margin:10px auto}
footer address span {font-weight:600}
footer address a span {display:inline-block}
footer address a span::after {content:"";display:inline-block;width:13px;height:17px;background:url(images/soc1.webp) no-repeat 50% -183px;margin-left:10px}

.soc1 {margin:10px 0 -10px}
.soc1 a {display:inline-block;width:32px;height:32px;background-image:url(images/soc1.webp);background-repeat:no-repeat;margin:4px;padding:4px}
.soc1 a span {display:none}
.soc1 a:nth-child(1) {background-position:0 0}
.soc1 a:nth-child(2) {background-position:0 -57px}
.soc1 a:nth-child(3) {background-position:0 -111px}

main h1,h2,h3,h4,main p,main ul {margin:12px 4%}
main h1,h2,h3,h4 {line-height:1.25;font-family:Georgia,"Times New Roman",Times,serif;color:#004770;padding-top:12px}
main h1 {font-size:180%}
h2 {font-size:150%}
h3 {font-size:120%}
h4 {font-size:110%}
main ul {list-style:square;color:#42aad0;margin-left:8%}
main li {padding:4px}
main li span {color:#444}
@media screen and (max-width:900px) {
main h1,h2,h3,h4 {text-align:center}
}

.sitem1 ul {font-size:110%}
.sitem1 ul ul {font-weight:normal;font-size:90%}

main figure {text-align:center;margin:12px 4%}
.figrt {float:right}
@media screen and (max-width:900px) {
.figrt {float:none}
}

.cirl {margin:24px 4%}
.cirl a {text-decoration:none;display:block;margin:14px 4%}
.cirl a:link,.cirl a:visited,.cirl a:active {color:#0154bf}
.cirl a:hover {color:#c00}
.cirl span::before {content:"\25b6";color:#fff;background:rgba(245,191,48,.95);border-radius:20px;margin-right:14px;padding:0 6px}
.cirl a:hover span::before {color:#004770;background:rgba(245,191,48,.4);border-radius:20px;margin-right:14px;padding:0 6px}

.gmap1,.uvid1 {position:relative;min-height:0;margin:24px auto}
.gmap1 {max-width:600px;padding-bottom:50%}
.uvid1 {max-width:701px;padding-bottom:58%}
.gmap1 iframe,.uvid1 iframe {position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:8px 8px 8px #ccc}
@media screen and (max-width:1000px) {
.uvid1 {padding-bottom:74%}
}
@media screen and (max-width:900px) {
.gmap1 {padding-bottom:64%}
.uvid1 {padding-bottom:78%}
}
@media screen and (max-width:600px) {
.gmap1 {padding-bottom:84%}
.uvid1 {padding-bottom:100%}
}

:root {
--fldbgd:#f6f9fc;--fldbgdhov:#fafcfd;--fldbgdfoc:#fff;--fldshd:#ececec;
--fldbdr:#b2cce5;--fldbdrhov:#8cb3d9;--fldbdrfoc:#69c;
--sbtcol:#fff;--sbtbgd:#308dc1;--sbtbgdhov:#256e97;
}
.cntfrmp1 {font-size:90%;text-align:center;font-style:italic}
.cntfrmsp1 {font-weight:600;font-size:120%;color:#000}
.cntfrm {max-width:800px;margin:24px auto 12px}
.cntfrmrow {margin:12px 0}
.cntfrmlb1 {display:inline-block;width:20%;text-align:right;vertical-align:middle;margin:6px 12px}
.cntfrmlb2,.cntfrmfld2 {z-index:-1;position:absolute;top:0;left:0;width:0;height:0;opacity:0}
.cntfrmfld {display:inline-block;vertical-align:top;color:#555;background:var(--fldbgd);border:1px solid var(--fldbdr);border-radius:6px;box-shadow:5px 5px 5px var(--fldshd);padding:6px}
.cntfrmfld:hover {color:#333;background:var(--fldbgdhov);border:1px solid var(--fldbdrhov)}
.cntfrmfld:focus {color:#111;background:var(--fldbgdfoc);border:1px solid var(--fldbdrfoc)}
.cntfrmfld1 {width:35%}
.cntfrmfld3 {width:25%}
.cntfrmfld4 {width:50%}
.cntfrmfld5 {width:8%}
.cntfrmsbt {display:block;font-weight:600;color:var(--sbtcol);background:var(--sbtbgd);border-radius:6px;margin:24px auto;padding:10px 20px}
.cntfrmsbt:hover {background:var(--sbtbgdhov)}
.cntfrmntc {display:block;font-weight:600;text-align:center}
.cntfrmntc1 {font-size:120%;font-style:italic;color:#c00;margin-bottom:-18px;padding-top:18px}
.cntfrmntc2 {font-size:160%;font-style:italic;color:#090;padding-top:24px}
.cntfrmntc3 {display:inline-block;color:#c00;vertical-align:top;margin:6px}
.cntfrmntc4 {color:#090;padding-bottom:24px}
.cntfrmrec1 {padding:10px 0}
@media screen and (max-width:700px) {
.cntfrm {max-width:400px;margin-bottom:1px}
.cntfrmrow1 {text-align:center}
.cntfrmlb1 {display:block;width:100%;text-align:center;margin:auto}
.cntfrmlb1a {display:inline-block;width:auto;margin:6px}
.cntfrmfld {width:100%;margin:2px 2% 4px}
.cntfrmfld5 {width:15%}
.cntfrmntc3 {width:100%;margin:auto}
}