html,body,header,nav,main,aside,footer,article,section,address,figure,figcaption,div,span,h1,h2,h3,h4,h5,h6,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}
a:link {color:#30c}
a:active {color:#333}
a:visited {color:#60f}
a:hover {color:#363}

img {max-width:100%;height:auto}

.skl {position:absolute;left:-999px;width:1px;height:1px}
.skl:focus {position:static;left:0;width:auto;height:auto;display:block;text-align:center;padding:12px}

body {font-size:1em;font-family:Verdana,Geneva,sans-serif;line-height:1.5;color:#333;background:#f8f1f7}

header {background:#f8f1f7}
header>div {max-width:1100px;text-align:center;background:#a94a9e;margin:auto}
.wp1 {max-width:1100px;background:linear-gradient(#a94a9e,#fff 380px);border-style:solid;border-color:#d9aed4;border-width:0 1px;margin:auto}
main,aside {display:inline-block}
main {width:70%;background:#fff;border-radius:10px 10px 0 0;padding-bottom:12px}
aside {width:28%;line-height:1.3;text-align:center;vertical-align:top}
footer {background:#fbf8fb;border-style:solid;border-color:#d9aed4;border-width:1px 0 10px;padding-top:10px}
footer>div {max-width:1100px;text-align:center;margin:auto;padding-bottom:18px}

@media screen and (max-width:860px) {
main,aside {display:block;width:100%}
main {border-radius:0}
}

header div div {min-height:235px;font-size:240%;line-height:1;font-family:Cambria,Times,"Times New Roman","serif";text-shadow:4px 4px 12px #fff;color:#2f036f;background:url(images/header.webp) no-repeat 100% 0;padding-top:60px}
header div div span {display:block;margin-left:4%}

@media screen and (max-width:800px) {
header figure {padding:16px 0 8px}
header div div {font-size:210%;text-align:left;padding-left:6%}
}

nav ul {list-style:none}
nav li {display:inline-block}
nav a,nav a:link,nav a:active,nav a:visited {color:#fff}
nav a {text-decoration:none;display:block;font-weight:600;font-size:90%;background:rgba(255,255,255,.2);border-radius:6px;margin:10px 6px;padding:8px 20px}
nav a span::before {content:"\23f5";color:#fff;margin-right:8px}
nav a:hover {color:#ffc;background:rgba(255,255,255,.3);border-radius:14px}

@media screen and (max-width:860px) {
nav ul {padding:6px 0}
nav a {margin:4px 1px;padding:6px 12px}
}

h1,h2,h3,main p,main ul {margin:12px 4%}
h1,h2,h3 {font-weight:normal;line-height:1.3;color:#6a5277;padding-top:6px}
h1 {font-size:140%;margin-top:0;padding-top:24px}
h2 {font-size:120%}
h3 {font-size:110%}
main p {margin:12px 4%}
main ul {list-style:square;color:#f60;margin-left:8%}
main li {padding:3px}
main ul li span {color:#333}

@media screen and (max-width:860px) {
h1,h2,h3 {text-align:center}
}

.banner {margin:20px 0}
.banner div {max-width:600px;text-align:center;background-color:#d8eefc;background-repeat:no-repeat;border:1px solid #ccc;border-radius:10px;margin:14px auto;padding:10px 0;padding-left:4%}
.banner1 {background-image:url(images/saline-banner.webp)}
.banner2 {background-image:url(images/silicone-banner.webp)}
.banner div>span {display:block;line-height:1.3;margin:6px 2%}
.banner div>span:first-of-type {font-size:140%;font-family:Cambria,Times,"Times New Roman","serif";font-style:italic;text-shadow:2px 2px 2px #eee;color:#363}
.banner div>span:first-of-type span {font-size:70%;margin:0 2px}
.banner div>span:last-of-type {font-size:150%;color:#3488ce}
.banner div>span:last-of-type span {font-size:50%;color:#555}

@media screen and (max-width:600px) {
.banner div {border-width:1px 0;border-radius:0;padding-left:18%}
}

.map1 {position:relative;max-width:600px;min-height:0;margin:24px auto;padding-bottom:66%}
.map1 iframe {position:absolute;top:0;left:0;width:100%;height:100%}

@media screen and (max-width:600px) {
.map1 {margin:18px 2%}
}

aside address {font-size:90%;font-style:normal;text-align:center;color:#fff;margin:30px 2%}
aside address span {display:block;font-size:110%;font-style:italic;margin-bottom:6px}

@media screen and (max-width:860px) {
aside address {color:#6a5277;margin-top:10px;margin-bottom:10px}
}

aside div:first-of-type {border-top:1px solid #eee;margin:28px 2%;padding-top:14px}
aside div:first-of-type p:first-child {font-size:110%;font-style:italic;color:#fff}
aside div:first-of-type p:last-child {font-size:90%;padding:6px 4%}
aside div:first-of-type a {text-decoration:none;display:block;font-weight:600;font-size:110%;background:rgba(0,0,100,.07);border-radius:6px;margin:14px 10px 10px;padding:12px}
aside div:first-of-type a:hover {background:rgba(0,0,100,.095);border-radius:14px}

@media screen and (max-width:860px) {
aside div:first-of-type {margin-top:10px;margin-bottom:10px;padding-top:4px}
}

.ggads3 {text-align:center;margin:12px auto}

footer figure,footer address,footer p {margin:10px 4%}
footer address span {display:block;margin-bottom:10px}
footer p {font-size:90%;color:#555}


