/*---------------------*/
/*----- IMPORANT! -----*/
/*---------------------*/
/*

This CSS file maxes out around 650 lines.

If you notice a CSS file maxing out, create a new CSS file.

If this "styles-2.css" maxes out, create "styles-3.css" & so-forth.

*/
/*---------------------*/
/*----- IMPORANT! -----*/
/*---------------------*/










/*----------------------------------*/
/*------------- Footer -------------*/
/*----------------------------------*/

footer { text-align: center; background-color: #fff; margin-bottom: 40px;}
footer a {color:  #749c91;}
footer .btn {background-color: #2b5e2f;}

#quest { padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 320px; flex: 0 1 320px; }
#quest form { margin-top: 20px; max-width: 480px; margin: 20px auto;}
#quest textarea {height: 125px;}
#quest .btn {    display: block; width: 100%; margin: 8px auto;}
footer .flex-row {-ms-flex-wrap: nowrap;flex-wrap: nowrap; max-width: 1220px; margin: 50px auto; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
footer > .flex-ed {position: relative; -ms-flex-pack: distribute; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1230px; margin: auto;}
#ft-bt > .flex-ed > div {margin: 0 20px;}
footer .office {-webkit-box-flex: 0;-ms-flex: 0 1 260px;flex: 0 1 260px;}
footer .logo {font-size: 30px;}
footer .logo em {font-size: 19px;}
footer .pho {color: #2b5e2f; font: 600 30px/1.2 'Montserrat', sans-serif; margin: 10px auto; display: block; text-align: left;}
footer .phy { color: #505050; font: 400 16px/1.2 'Nunito Sans', sans-serif; margin: 10px auto; display: block; text-align: left;}
footer .pho:hover{color: #749c91 }
footer .phy:hover {color: #2b5e2f; }
footer .hours {margin: 0 0 20px;}
#feat {-webkit-box-flex: 0;-ms-flex: 0 1 340px;flex: 0 1 340px;}
footer ul {position: relative; list-style: none; padding: 0; margin: 0; max-width: 400px;
    display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;text-align: center; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 20px; text-align: left; }
footer ul li { font-size: 16px; line-height: 38px; -webkit-box-flex: 0; -ms-flex: 0 1 170px; flex: 0 1 170px;}
footer ul li:last-of-type {font-weight: 700;}
footer #copy { font: 400 11px/1.25 'Arial', sans-serif; color: #4f5050; padding: 5px 10px;}
footer #copy a {color: #4f5050; text-decoration: underline;}
footer #copy a:hover  {color: #a0b742;}
#assoc {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px;}
#assoc span {margin: 10px 8px;}
/* --- social bucket --- */
.social {font-size: 0; text-align: center; margin: 10px auto;}
.social a {position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; width: 40px; height: 40px; border-radius: 50%; background-color: #2b5e2f;}
.social a:first-of-type {margin-left: -20px;}
.social a i:before {display: block; margin: 0 auto; line-height: 40px; }
.social a img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto}
.social a + a {margin-left: 10px}
.social a:hover {background-color: #a0b742;}

/*------------------------------------*/
/*------------- Fixed Tabs -----------*/
/*------------------------------------*/

/* --- fixed-tabs --- */
@media (min-width:1030px) {
    #fixed-tabs {  top: 160px; right: 0; position: fixed; top: auto;}
    #fixed-tabs a { display: block; text-align: left; margin-left: auto; -webkit-box-shadow: 5px 8.7px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 8.7px 30px rgba(0, 0, 0, 0.2); border-radius:5px 0 0 5px; }
    #fixed-tabs a+a { margin-top: 5px; }
    #fixed-tabs a, #fixed-tabs a span:first-child,
    .fix-nav #fixed-tabs a, .fix-nav #fixed-tabs a span:first-child { width: 50px;}
    #fixed-tabs a span { display: block; }
    #fixed-tabs a span:first-child { text-align: center; padding: 14px 0; }
    #fixed-tabs a strong {font-weight: 400;}
    #fixed-tabs .ra {display: none;}
    .fix-nav #fixed-tabs a span:last-child,
    #fixed-tabs a span:last-child {
        position: absolute;
        left: 72px; 
        width: 250px; 
        top: 50%;
        text-align:center;
        font-size:14px;
        transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
        transition: width .3s; -webkit-transition: width .3s;
    }
    #fixed-tabs a:hover, #fixed-tabs a:hover { width: 322px; }
    #fixed-tabs { position: fixed; right: 0; }
    #fixed-tabs a, #fixed-tabs a span:first-child { width: 72px; }
    #fixed-tabs a span:last-child { left: 70px; }
    #fixed-tabs i { font-size: 20px; }
    #fixed-tabs em { display: block; }
    #fixed-tabs .ra {display: none;}
    #fixed-tabs {}
    
    .fix-nav #fixed-tabs a, .fix-nav #fixed-tabs a span:first-child { width:32px; }
    .fix-nav #fixed-tabs a:hover { width:290px; }
    .fix-nav #fixed-tabs em { display:none; }
    .fix-nav #fixed-tabs a span:nth-of-type(2) { left:40px; }
    
}


#fixed-tabs {position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0;z-index:100}
#fixed-tabs a {font: 600 14px/1 'Montserrat', sans-serif; text-transform: uppercase; color: #fff; position: relative; overflow: hidden;}
#fixed-tabs i {font-size: 16px} #fixed-tabs i, #fixed-tabs i:before { display: block; margin: 0 auto!important}
#fixed-tabs em {font-size: 10px; line-height: 1.16; margin-top: 6px; font-style: normal; text-transform: uppercase;}

#fixed-tabs .fm {background-color: #749c91;}
#fixed-tabs .ra {background-color: #2b5e2f;}
#fixed-tabs .er {background-color: #2b5e2f;}
#fixed-tabs .cc {background-color: #749c91;}
#fixed-tabs .fb {background-color: #4d70a8;}
#fixed-tabs .gp {background-color: #dc4e41;}
#fixed-tabs .ig {background-color: #517fa4;}
#fixed-tabs .call {background-color: #749c91;}
#fixed-tabs .map {background-color: #395b52;}
#fixed-tabs .sc {background-color: #1d4720;}

@media (min-width: 731px) {
    #fixed-tabs .fm, #fixed-tabs .call, #fixed-tabs .map, #fixed-tabs .tw {display: none}
}
@media (max-width: 1029px) {
    /*    #fixed-tabs .fm, #fixed-tabs .fb, #fixed-tabs .gp {display: none;}*/
    #fixed-tabs {display: block; bottom: 0; width: 100%; -webkit-box-shadow: 0 0 7px rgba(24, 23, 24, 0.35); box-shadow: 0 0 7px rgba(24, 23, 24, 0.35); display: -webkit-box; display: -ms-flexbox; display: flex}
    #fixed-tabs a img {display: none}
    #fixed-tabs a {padding: 12px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
    #fixed-tabs a span {display: inline-block; vertical-align: middle;}
    #fixed-tabs a span:last-child {margin-left: 5px;}
    #fixed-tabs .fm strong, #fixed-tabs .ra strong, #fixed-tabs .sc strong {display: none}
    #fixed-tabs em {display: none}
    footer {padding-bottom: 40px!important}
    .mean-container .mean-nav {bottom: 40px}
    #fixed-tabs .fm, #fixed-tabs .call, #fixed-tabs .map { display:block; }
    #fixed-tabs a strong, #fixed-tabs .er, #fixed-tabs .gp, #fixed-tabs .fb, #fixed-tabs .ig, #fixed-tabs .cc {display: none}
}
@media (max-width: 1000px) {
}
@media (max-width: 730px) {
    #fixed-tabs .fm { display:none; }
}

/*---------------------------------*/
/*------------- Forms -------------*/
/*---------------------------------*/

form *:focus {outline-style: solid; outline-color: #265585; outline-width: thin;}
.page_request-an-appointment .gradient {padding-bottom: 10px; margin-bottom: 30px;}
#appt-form{margin:40px auto 10px;max-width:580px;padding-right:3px;text-align:left;background-color:#fff; padding:25px 12px 10px;width:95%;  box-shadow: 1px -2px 3px 2px rgba(0, 0, 0, 0.1);}
#appt-form .btn{text-align:center;margin:30px auto;display:table}.group{position:relative;margin-bottom:30px}.group input{font-size:17px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid #d2d2d2;background:none;color:#333}.group input:focus{outline:none;color:#2b5e2f}.group label{color:#333;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}#appt-form label{color:#333;font-size:18px;font-weight:400;display:block;text-align:left;margin-bottom:10px}.group input:focus~label{top:-20px;font-size:14px;color:#2b5e2f}.group input:valid~label{top:-20px;font-size:14px;color:#2b5e2f}#appt-form input:focus~label,#appt-form input:valid~label{font-size:14px}.bar{position:relative;display:block;max-width:100%}.bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;background-color:#46b257;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background-color:#46b257;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.group input:focus~.bar:before,.group input:focus~.bar:after{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.group input:focus~.highlight{-webkit-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease}@-webkit-keyframes inputHighlighter{from{background:#46b257}to{width:0;background:transparent}}@keyframes inputHighlighter{from{background:#46b257}to{width:0;background:transparent}}#appt-form .drop-dwn{position:relative;pointer-events:all;margin:0;cursor:pointer;margin-top:30px}#appt-form .drop-dwn select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;padding:5px;outline:none;border:0;background-color:transparent;border:1px solid#d2d2d2 ;margin-top:10px;display:table;position:relative;pointer-events:all;margin:10px auto;cursor:pointer;color:#545454}#appt-form .drop-dwn:before{position:absolute;content:'\e825';font-family:fontello;font-size:2em;line-height:1;color:#43b473;width:35px;top:35px;right:0;z-index:8;pointer-events:none}.checks{border:#2b5e2f;background-color:white}.checks{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:-5px;padding:10px;border-radius:2px;position:relative;margin-right:6px;cursor:pointer;width:20px;height:20px;cursor:pointer;border:2px solid #2b5e2f}.checks:checked:after{content:'\e832';font:400 13px/1 'fontello';position:absolute;top:1px;left:1px;color:#3bab68}
#appt-form .flex-ed{margin-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px;padding-left:5px;border-bottom:1px solid #d2d2d2;}
#appt-form .flex-ed p{margin-right:15px;margin-left:5px}#appt-form input[type="radio"]{opacity:0;position:relative;z-index:5;cursor:pointer;border:2px solid #316a34;display:inline-block;padding:8px;left:7px;top:-4px}.radio + label{-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #316a34;padding:9px;background-color:#fff;border-radius:10px;position:relative;margin-right:6px;margin-left:-15px;top:-1px;cursor:pointer;display:inline-block!important;margin-bottom:-5px!important}.radio:checked + label:after{content:' ';width:14px;height:14px;left:2px;top:2px;border-radius:50px;position:absolute;background-color:#2b5e2f}#appt-form p{margin:5px 0}@media (max-width:510px){#appt-form .flex-ed{display:block}}

/*---------------------------------*/
/*---------- Simple Form ----------*/
/*---------------------------------*/

.simple {line-height: 1; font-size: 0; margin: 0 auto; text-align: center}
.simple input, .simple textarea {-webkit-box-sizing: border-box!important;box-sizing: border-box!important; border: 0; border-radius: 0; line-height: 1; font: 400 14px/1.2 'Nunito Sans', sans-serif;
    width:100%; max-width: 100%; padding: 0 11px; margin-bottom: 5px; height: 30px; color: #2b5e2f; background-color: #dfece9;
}
.simple textarea {height: 120px; padding: 14px 11px;}
.simple input:focus, .simple textarea:focus {outline: 0; background-color: #c9dad6; color: #373737;}
::-webkit-input-placeholder { color: #3b546b;}
:-moz-placeholder {color: #3b546b; }
::-moz-placeholder {color: #3b546b;}
:-ms-input-placeholder {color: #3b546b; }

/*-----------------------------------------*/
/*------------- Media Queries -------------*/
/*-----------------------------------------*/

@media (max-width: 1080px) {
    .split article {margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    .split figure img {display: none;}
    #dentist figure, #insurance figure {background: url(assets/images/home-dentist1.jpg); background-size: cover; background-position: center; height: 500px; -webkit-box-flex: 0; -ms-flex: 0 1 45%; flex: 0 1 45%;}
    #find-our-office .map-container {height: 500px; -webkit-box-flex: 0; -ms-flex: 0 1 45%; flex: 0 1 45%;}
    #insurance figure {background: url(assets/images/home-ask.jpg); background-size: cover; background-position: top center; height: 560px;}
    .split .style-two {font-size: 42px;}
    #featured .style-four, #team .style-four {font-size: 60px;}
    #assoc {-webkit-box-flex: 0;-ms-flex: 0 1 400px;flex: 0 1 400px;}
    .services div { -webkit-box-flex: 0; -ms-flex: 0 1 31%; flex: 0 1 31%; margin: 10px 10px 40px;}
}

@media (max-width:1000px) {
    .mean-container .mean-nav {bottom: 40px}
    #featured .calls > a {-webkit-box-flex: 0;-ms-flex: 0 1 20%;flex: 0 1 20%;}
    footer > .flex-ed {-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    footer .flex-row {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    footer #copy, #feat {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 20px; }
    #feat .f-title {text-align: center;}
    footer ul {max-width: 800px; margin: 10px auto;}
    footer .office {margin: 0 -40px 0 40px;}
    .more-to-explore:before {top: -100px;}
    .services div { -webkit-box-flex: 0; -ms-flex: 0 1 46%; flex: 0 1 46%; }
    .services div img {width: 100%; }
}
@media (max-width:950px) {
    header .phy, header .loc, header .btn {display: none;}
    .split {padding: 20px 10px 60px;}
    .split .flex-ed {-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .split article, .split figure, #dentist article, #dentist figure {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; margin: 10px auto; max-width: 560px;}
    #find-our-office .map-container {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; margin: 10px auto; max-width: 560px;}
    #insurance figure {margin: 10px auto; -webkit-box-flex: 0; -ms-flex: 0 1 560px; flex: 0 1 560px; height: 500px;}
    .page-divider {margin-top: 30px;}
    #banner article { position:static; transform:none; }
    #banner figure { opacity:1; }
}

@media (max-width:830px) {
    /*#banner figure {margin: 0 -350px;}*/
    #featured .style-four, #team .style-four {font-size: 45px;}
    #title h1:only-child, h2.append, .style-four {font-size: 50px;}
}

@media (max-width:730px) {
    header .logo {-webkit-box-flex: 0;-ms-flex: 0 1 300px;flex: 0 1 300px;}
    header .pho {font-size: 18px;}
    header .pho i {margin-right: 2px; max-width: 12px;}
    #callouts {padding-top: 50px;}
    #featured .calls {max-width: 500px;}
    #featured .calls > a {-webkit-box-flex: 0;-ms-flex: 0 1 47%;flex: 0 1 47%; margin: 20px auto 30px;}
    footer .office {margin: 0;}
    .accordion > div { padding: 0 37px;}
    .accordion > div p {padding: 0;}
}
@media (max-width:680px) {
    header .logo {font-size: 36px;}
    header .logo em {font-size: 23px;}
    #banner article {top: 55%;}
    #banner h2, #title h1:only-child, h2.append, .style-four {font-size: 40px;}
    #banner .style-two {font-size: 30px;}
    /*#banner figure { margin: 0 0 0 -150px;}
    #banner figure img:first-of-type {display: none;}
    #banner figure img:last-of-type {display: block;}*/
    #callouts h2 {font-size: 50px;     max-width: 470px; margin: 0 auto 20px;}
    footer #quest {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; margin-top: 20px;}
    #quest form {max-width: 400px;}
    footer .f-title, footer .pho, footer .phy {text-align: center;}
    .accordion .toogle {font-size: 24px;}
    .services h3 {font-size: 16px;}
    .services h3 span {font-size: 20px;}
    .services ul li {line-height: 25px;}
}
@media (max-width:590px) {
    header .logo {    flex: 0 1 240px; font-size: 20px;}
    header .logo em {font-size: 13px;}
    .style-one {font-size: 16px;}
    /*header .pho {display: none;}*/
    #banner h1 {letter-spacing: 0;}
    #banner p {font-size: 17px;}
    #callouts .calls > div {-webkit-box-flex: 0;-ms-flex: 0 1 48%;flex: 0 1 48%; margin: 0 auto 30px;}
    #dentist figure, #insurance figure {height: 350px; width: 100%;}
    #find-our-office .map-container {height: 350px; width: 100%;};
    .split .caption {left: 10px; bottom: 10px;}
    .split figure a, .split figure div {font-size: 13px;}
    #insurance {padding-bottom: 10px;}
    #featured {padding: 40px 10px;}
    #team {padding: 40px 0;}
    #team p {padding: 0 15px;}
    footer ul li {text-align: center; }
    footer .flex-row {margin: 50px auto 20px;}
    footer .hours {margin: 10px auto;}
    .social a:first-of-type {margin-left: 0;}
    #copy span:nth-of-type(2) {display: block; visibility: hidden; font-size: 1px;}
    h2, .style-two, .dividerLead {font-size: 30px;}
    ul.three {display: table; margin: auto;}
    #mobile-footer .hours label {width: 90px;}
    .arrow {font-size: 30px;}
    .arrow i:before {width: 30px;}
    .services div {-webkit-box-flex: 0;-ms-flex: 0 1 450px;flex: 0 1 450px;}
}
@media (max-width:480px) {
    .mean-container .icon-plus:before {font-size: 60px;}
    #title h1, .style-one, .more-to-explore span, .services h3 {letter-spacing: 1px;}
    #callouts h2, .split .style-two, #featured .style-four, #team .style-four {font-size: 36px;}
    .split article .btn {min-width: 230px; margin: 5px auto;}
    #team .caption {bottom: 5px;}
    #team .caption div {font-size: 11px;}
    #team .caption div small {font-size: 9px;}
    footer ul li {line-height: 28px;}
    .pager span {margin: 8px;}
    #fixed-tabs i {display: none;}
    #fixed-tabs a span:last-child {margin: auto; font-size: 13px;}
}
@media (max-width:400px) {
        .style-one {font-size: 14px;}
    .mean-container a.meanmenu-reveal .icon-menu:before {width: 45px; height: 45px;line-height: 45px; font-size: 30px;}
    /*header .logo {font-size: 28px;}*/
    /*header .logo em {font-size: 18px;}*/
    #banner h2 {font-size: 35px;}
    #banner .style-two {font-size: 22px;}
    .rv-controls {position: relative;}
    .calls figure img {max-width: 90px;}
    #featured .calls h3 {font-size: 18px;}
    [class^="btn"] {min-width: auto;}
    .more-to-explore [class^="btn"] {min-width: 100%; width: 100%; margin: 8px auto;}
    footer #copy {padding: 0;}
}

/*--------------------------------------*/
/*-------------- reCAPTCHA -------------*/
/*--------------------------------------*/

.captcha-container {
    display:flex;
    justify-content:center;
    margin: 10px 0;
}

/*----------------------------------*/
/*-------------- Covid -------------*/
/*----------------------------------*/

.covid {
    background-color: #199D61;
    padding: 10px;
    text-align:center;
}
.covid a {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
    font-size: 18px;
    
}

/*---------------------------------*/
/* ---------- Smile Plan ----------*/
/*---------------------------------*/

#plans {display:flex;justify-content: space-around;flex-wrap:wrap;}
#plans div {flex:1;margin:10px;border:1px solid lightgray}
#plans div img {margin:0;width:100%}
#plans div article {padding:20px 10px;text-align:center}
#plans .plan-price {font-style:italic}
.smile-plan-btn {text-align:center;}
.page_smile-plan #page {max-width:1000px!important;}

@media (min-width:900px) {
    .contact {display: inline-block;  vertical-align: top; width: 58%; margin-top: 30px; width: 32%}
    .contact:first-of-type {margin-right: 10px;}
    .contact + .contact {width: 41%; width: 65%; float: right;}
    .contact iframe {height: 330px}
}
@media (max-width:900px) {
    .contact {display: -webkit-box;display: -ms-flexbox;display: flex;     -webkit-box-align: start;     -ms-flex-align: start;     align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}
    .contact > div {-webkit-box-flex: 1;-ms-flex: 1 0 250px;flex: 1 0 250px; margin-top: 20px;}
    .contact > div:last-of-type {-ms-flex-item-align: end;align-self: flex-end; margin-bottom: 5px;}
    .contact .hours {margin: 10px 0; line-height: 34px; }
    #plans {display:block;}
    .smile-plan-btn a {min-width:200px;}
}

/*------------------------------------------*/
/*-------------- Safety Pages --------------*/
/*------------------------------------------*/

.safe-page {
  background-color: #41aac5;
  display: block;
  padding: 5px;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}
.safe-page:hover {
  background-color: #3796af;
  color: #fff;
  text-decoration: none;
}

#safety {
  max-width: 1030px;
  margin: 40px auto 0;
  padding: 20px 10px;
  position: relative;
}
#safety:before {
  background-color: transparent;
  content: "";
  position: absolute;
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#safety .flex-ed {
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  justify-content: space-around;
  flex-wrap: nowrap;
}
#safety article {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 800px;
  flex: 0 1 800px;
  padding: 0 10px;
}
#safety p {
  font-size: 18px;
  line-height: 1.6;
}
#safety h3 {
  font-size: 35px;
  margin: 5px auto;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}
#safety h3:after {
  background-color: #749c91;
  content: "";
  display: block;
  height: 2px;
  width: 57px;
  margin: 10px 0;
}

.covid-icon {
  box-shadow: 0 0 0 10px #fff;
  border: 3px solid #749c91;
  margin: 10px;
  height: 140px;
  width: 140px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}
.cls-1,
cls-1.per {
  stroke: #252525;
  stroke-miterlimit: 10;
  stroke-width: 0.75px !important;
  fill: #fff;
}
.cls-2,
.cls-3 {
  fill: #fff;
}
.cls-2,
.cls-3,
.cls-4 {
  stroke: #749c91;
}
.filler.cls-2,
.filler.cls-1 {
  fill: #fff !important;
}
.thinner .cls-1 {
  stroke-width: 0.1px !important;
  fill: #252525;
}
.thinner .cls-2 {
  stroke-width: 0.1px !important;
  fill: #749c91;
}
.thinner .cls-2,
.thinner .cls-3 {
  stroke-width: 0.5px;
}
.stroker .cls-2,
.stroker .cls-3 {
  stroke-width: 0.4px !important;
}

@media (max-width: 750px) {
  .safe-page {letter-spacing: 0;}
  #safety .flex-ed {display: block;text-align: center;}
  .covid-icon {margin: 20px auto;}
  #safety h3 {text-align: center;}
  #safety h3:after {margin: 10px auto;}
  #desk-logo {max-width:65px;}
  
}

@media (max-width: 590px) {
  #safety h3 {font-size: 28px;}}


.page_smile-gallery #page {max-width: 1300px;}
.page_smile-gallery .deco {text-align: center;}
.page_smile-gallery .gallery-icons {display: flex; justify-content: space-around; align-items: center; max-width: 1300px; margin: auto auto 50px auto;flex-wrap: wrap;gap: 20px;}
.page_smile-gallery .gallery-service-grid {display: flex; justify-content: space-around; align-items: center; max-width: 1150px;gap: 30px; flex-wrap: wrap;margin: 90px auto 130px;}
.career-invest {display: flex;
  max-width: 1400px;
  justify-content: center;
  align-items: center;
  gap: 20px;}

@media (min-width:1250px) {.header-pho{margin-left:34pc; display:flex !important; align-items:center !important;}}
@media (max-width:1250px) {.header-pho {margin-left: 31pc; display:block !important;}.career-invest {
  flex-wrap: wrap;}}
@media (max-width:590px) {.header-pho {margin-left: 11pc; display:block !important;} .header-pho .btn{margin-top:12px!important;}}
@media (min-width:951px) {header .pho {font-size:29px !important; white-space: nowrap;}}
@media (max-width:955px) {header .pho {display: none !important;}}