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,a span,img,input,select,textarea,button,::before,::after {transition:all .4s ease}
html {scroll-behavior:smooth}
body {font-size:1.05em;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,"sans-serif";line-height:1.5;color:#333;background:linear-gradient(to bottom,#87b7cd,#e3eaf0 400px)}
a:link {color:#369}
a:visited {color:#39c}
a:active {color:#966}
a:hover {text-decoration:none;color:#900}
img {max-width:100%;height:auto}
a img {border:none}
.skiplnk {position:absolute;left:-9999px;width:1px;height:1px}
.skiplnk:focus,.skiplnk:active {position:static;left:0;width:auto;height:auto;display:block;text-align:center;padding:10px}

.wrp1 {max-width:1300px;margin:auto}
header {line-height:1.3;text-align:center;color:#fff;background:url(images/greystone-cosmetic-center.webp) no-repeat -40px 0,linear-gradient(#333367,#336598);border-radius:0 0 10px 10px;margin-bottom:10px;padding:10px 0}
.nav1 {text-align:center;background:#237651;border-radius:10px;margin:10px 0}
main {background:#fff;border:1px solid #99e3ff;border-radius:10px;margin:10px 0}
footer {text-align:center;color:#fff;background:#237651;border-top:14px solid #a8aa9c;border-bottom:14px solid #d77047;border-radius:10px 10px 0 0;margin-top:10px;padding:20px 2% 10px}

@media screen and (max-width:1300px) {
header {background-position:-130px 0;padding:6px 0}
header,.nav1,main,footer {border-radius:0}
}
@media screen and (max-width:960px) {
body {font-size:.95em}
header {background-position:-160px 0;padding-left:12%}
}
@media screen and (max-width:700px) {
header {background:#333367;padding:4px 2%}
}

header div {display:inline-block;vertical-align:middle}
header div:first-of-type {width:76%}
header div:last-of-type {width:22%}
header div:first-of-type figure,header p {margin:30px 2% 30px 28%}
header figcaption {font-size:150%;color:#e3ffdd}
header p span {white-space:nowrap}
header div:last-of-type figure {margin:10px 2%}
header address {margin:10px 2%}

@media screen and (max-width:960px) {
header div:first-of-type,header div:last-of-type {display:block;width:100%}
header div:first-of-type figure,header p {margin:8px 2%}
header div figure,header p {margin:8px 2%}
header div:first-of-type img {width:280px}
header figcaption {font-size:130%}
header div:last-of-type img {width:140px}
}

.nav1 ul {list-style:none;text-transform:lowercase}
.nav1 li {display:inline-block}
.nav1 a,.nav1 a:link,.nav1 a:visited,.nav1 a:active,.nav1 a:hover {text-decoration:none;display:block;white-space:nowrap;color:#fff;border-right:1px solid #ddd;padding:14px}
.nav1 a:first-child {border-left:1px solid #ddd}
.nav1 a:hover {color:#fffff5;background:#0d5e37}

@media screen and (max-width:960px) {
.nav1 ul {padding:10px}
.nav1 a,.nav1 a:link,.nav1 a:visited,.nav1 a:active,.nav1 a:hover {border:1px solid #ddd;border-radius:7px;margin:8px;padding:8px}
}

footer figure {margin:10px 2%}
footer figure.ftrf2 {margin-top:20px}
footer li a,footer a:link,footer a:visited,footer a:active,footer a:hover {text-decoration:none;white-space:nowrap;color:#fff}
footer ul {list-style:none;text-transform:lowercase;color:#fff;margin:10px 2%}
footer li {display:inline-block;margin:6px 0;padding:6px}
footer li a {border-radius:7px;margin:6px 2px;padding:10px}
footer li a:hover {color:#fffff5;background:#0d5e37}
footer address {margin:10px 2%}
footer address a {border-radius:7px;padding:6px}
footer address a:hover {color:#fffff5;background:#0d5e37}
footer div {list-style:none;margin:10px 2%}
footer div a {text-decoration:none;display:inline-block;width:40px;height:40px;background-image:url(images/social-icons.webp);background-repeat:no-repeat;border-radius:7px;margin:6px;padding:6px}
footer div a span {display:none}
footer div a:nth-child(1) {background-position:0 0}
footer div a:nth-child(2) {background-position:0 -70px}
footer div a:nth-child(3) {background-position:0 -140px}
footer div a:nth-child(4) {background-position:0 -210px}
footer p {font-size:95%;color:#fff;margin:20px 2%}

@media screen and (max-width:960px) {
.ftrf1 img,.ftrf2 img {width:420px}
}

h1,h2,h3,h4,main p,main ul {margin:20px 4%}
h1,h2,h3,h4 {font-weight:500;line-height:1.25;color:#069;padding-top:12px}
h1 {font-size:200%}
h2 {font-size:170%}
h3 {font-size:150%}
h4 {font-size:130%}
main ul {list-style:square;color:#66a3c2;margin-left:8%}
main li {padding:4px 0 4px 8px}
main li span {color:#333}
main figure {text-align:center;margin:10px 0}
main figure img {margin:10px 2%}
main figcaption {margin-top:6px}

@media screen and (max-width:960px) {
h1,h2,h3,h4 {text-align:center;padding-top:2px}
h1,h2,h3,h4,main p,main ul {margin:14px 4%}
}

.topp1 {text-align:center;border-bottom:1px solid #e6e6e6;margin:30px 4%;padding-bottom:30px}
.topp1 a {text-decoration:none;font-size:90%;text-transform:uppercase;color:#369;background:#fbf4f2;border:1px solid #e1c7c2;border-radius:10px;box-shadow:7px 7px 7px #ececec;padding:8px 24px}
.topp1 a:hover {color:#000;background:#f1eae9}

.siteidx > li {font-size:110%}

.imgfr1 {float:right;margin:10px 6%}
.imgsh1 {box-shadow:7px 7px 7px #ececec}

@media screen and (max-width:520px) {
.imgfr1 {float:none;text-align:center;margin:14px 4%}
}

.ctcbx {max-width:860px;text-align:center;background:url(images/bgflower.webp) no-repeat 50% 100%;margin:30px auto 0;padding-bottom:30px}
.ctcbx h2 {font-style:italic}
.ctcbx p:last-child {font-weight:600;font-size:130%;text-align:center;color:#069}
.ctcbx p:last-child span {font-size:80%;font-style:italic;margin:0 6px}

.spcbx {max-width:960px;text-align:center;background:url(images/breast-model.webp) no-repeat calc(100% + 40px) 50%,#fbf4f2;border:1px solid #e1c7c2;border-radius:20px;box-shadow:7px 7px 7px #ececec;margin:30px auto;padding:10px 0}
.spcbx h2,.spcbx p {margin:8px 14% 8px 2%;padding:0}
.spcbxp1 {font-size:110%}
.spcbxp1 span {font-size:90%}
.spcbxp2 {font-size:120%;font-style:italic;color:#069}

@media screen and (max-width:960px) {
.spcbx {border:1px 0;border-radius:0;padding-right:10%}
}

@media screen and (max-width:660px) {
.spcbx {background-position:calc(100% + 140px) 50%;padding-right:20%}
}

.teabx {font-size:90%;text-align:center;margin:30px 0}
.teabx section {display:inline-block;width:31%;background:linear-gradient(to bottom,#369,#3398cb 100px);border:1px solid #333d70;border-radius:10px;box-shadow:7px 7px 7px #ececec;margin:10px;vertical-align:top;padding:10px 0}
.teabx h2,.teabx h3,.teabx a,.teabx p {color:#fff;margin:10px 2%}
.teabx h2,.teabx h3 {font-size:140%;text-transform:uppercase;padding:0}
.teabx a {text-decoration:none;display:block;font-style:italic;color:#fff}
.teabx a:hover {color:#fffff5}
.teabx span::after {content:"GO \00bb";display:inline-block;font-size:90%;background:rgba(255,255,255,.2);border-radius:3px;margin-left:12px;padding:2px 4px}
.teabx a:hover span::after {color:#000;background:rgba(255,255,255,.6)}

@media screen and (max-width:960px) {
.teabx section {width:100%;max-width:520px;margin:10px auto}
}

@media screen and (max-width:520px) {
.teabx section {border-width:1px 0;border-radius:0}
}

.ifmbx {margin:40px auto 30px}
.ifmbx address {font-weight:600;font-size:110%;text-align:center;margin-bottom:20px}
.ifmbxudr {max-width:960px}
.ifmbxmap {max-width:600px}
.ifmbx iframe {width:100%;border:1px solid #cb92c5;box-shadow:7px 7px 7px #ececec}
.ifmbxudr iframe {min-height:557px}
.ifmbxmap iframe {min-height:450px}

@media screen and (max-width:960px) {
.ifmbx {margin-top:30px}
}

.navbx {text-align:center;border-bottom:1px solid #e6e6e6;margin:30px 4%;padding-bottom:30px;margin:30px 4%}
.navbx ul {list-style:none;margin:20px 8% 0}
.navbx li {display:inline-block;padding:6px}
.navbx a {text-decoration:none;display:block;max-width:540px;background:rgba(225,199,194,.12);border:1px solid rgba(225,199,194,.18);border-radius:7px;margin:auto;padding:10px 20px}
.navbx a::before {content:"\00bb";margin-right:10px}
.navbx a:hover {color:#000;background:#f1eae9}

@media screen and (max-width:960px) {
.navbx {margin:20px 2%}
.navbx ul {margin:20px auto}
.navbx li {width:100%}
}

.bnamenu1 {width:80%;text-align:center;margin:18px auto}
.bnamenu1 a {text-decoration:none;display:inline-block;width:28%;font-weight:600;margin:6px 2%;padding:6px 2%}
.bnamenu1 img {box-shadow:7px 7px 7px #ececec}

@media screen and (max-width:640px) {
.bnamenu1 a {width:40%}
}

@media screen and (max-width:340px) {
.bnamenu1 a {width:100%}
}

.bnasetp1 {font-size:110%;text-align:center}
.bnamenu2 {width:80%;line-height:1;text-align:center;color:#888;background:#fbf4f2;box-shadow:7px 7px 7px #ececec;border:1px solid #e1c7c2;border-radius:7px;margin:20px auto 0;padding:10px 0}
.bnamenu2 div {display:inline-block;width:calc(33% - 3px)}
.bnamenu2 a {color:#369;border-radius:4px;padding:8px}
.bnamenu2 a:hover {color:#900;background:#e1c7c2}
.bnaset {width:50%;text-align:center;margin:20px auto 0}
.bnaset figure {display:inline-block;width:calc(50% - 3px)}
.bnaset img {box-shadow:7px 7px 7px #ececec;margin:8px 0}

@media screen and (max-width:960px) {
.bnamenu2 {width:90%}
.bnaset {width:70%}
}

@media screen and (max-width:480px) {
.bnamenu2 {padding:4px 0}
.bnamenu2 div {display:block;width:100%;margin:24px 2%}
.bnaset {width:100%}
}

:root {
--fldbgd:rgba(243,253,253,1);--fldbgdhov:rgba(243,253,253,.5);--fldbgdfoc:#fff;--fldshd:#ececec;
--fldbdr:rgba(211,168,149,.5);--fldbdrhov:rgba(211,168,149,.75);--fldbdrfoc:rgba(211,168,149,1);
--sbtcol:#fff;--sbtbgd:#1987a6;--sbtbgdhov:#3667b1;
}
.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:7px;box-shadow:7px 7px 7px 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:7px;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:-12px;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}
}


