<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
 Site Manager Version: 14.2.0
 Date Created: January 2024
 
 Account: austin-sophie2
 Written by: james stillion
 
 Sesame Communications - All rights reserved. C2024
 Any reproduction or intentional misuse is strictly prohibited
*/
/* ===============================================
              options
 =============================================== */
/* ===============================================
					fonts
=============================================== */
/* jost-400 */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-400.woff2') format('woff2'), url('../fonts/jost-400.ttf') format('truetype');
}
/* jost-400i */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/jost-400i.woff2') format('woff2'), url('../fonts/jost-400i.ttf') format('truetype');
}
/* jost-500 */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/jost-500.woff2') format('woff2'), url('../fonts/jost-500.ttf') format('truetype');
}
/* jost-600 */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jost-600.woff2') format('woff2'), url('../fonts/jost-600.ttf') format('truetype');
}
/* jost-700 */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/jost-700.woff2') format('woff2'), url('../fonts/jost-700.ttf') format('truetype');
}
/* jost-700i */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/jost-700i.woff2') format('woff2'), url('../fonts/jost-700i.ttf') format('truetype');
}
/* sacramento-400 */
@font-face {
  font-display: swap;
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sacramento-400.woff2') format('woff2'), url('../fonts/sacramento-400.ttf') format('truetype');
}
.fontJ {
  font-family: 'Jost', sans-serif;
}
.fontX {
  font-family: 'Sacramento', cursive;
}
/* ===============================================
Basic Stylings
These will affect every size of the site.
=============================================== */
/*resets*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*GLOBAL OVERRIDES*/
.fab,
.fas,
.fal,
.far,
.fad {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: 0;
}
/* ===============================================
	body 
=============================================== */
body,
input,
select,
textarea,
form button,
button {
  font-family: 'Jost', sans-serif;
}
svg {
  display: inline-block;
}
body {
  font-size: 15px;
  color: #000;
  background: #fff7ec;
  overflow: hidden;
}
@media only screen and (min-width: 1300px) {
  body {
    font-size: 20px;
    /* desk 1300w */
  }
}
/* ===============================================
	links 
=============================================== */
a {
  text-decoration: none;
}
#content a {
  color: #fb8a3b;
  text-decoration: underline;
  transition: color 0.33s ease-in-out;
}
.home #content a {
  color: #ffd018;
}
#content a:hover {
  color: #93c83e;
  text-decoration: none;
}
.home #content a:hover {
  color: #93c83e;
  text-decoration: none;
}
/* ===============================================
	h family || hfam 
=============================================== */
h1,
h2:not(.topic),
h3:not(.topic),
h4,
h5,
h6 {
  line-height: 1;
  text-align: left;
  font-family: 'Sacramento', cursive;
  font-weight: 400;
  color: #00904c;
  margin: 0 0 0.3em;
  text-rendering: auto;
}
.home h2:not(.topic),
.home h3:not(.topic),
.home h4,
.home h5,
.home h6 {
  color: #fff;
}
.sub h1 {
  font-size: 10vw;
  margin-bottom: 0;
}
@media only screen and (min-width: 480px) {
  .sub h1 {
    font-size: 4.5em;
    /* mintab 480w */
  }
}
.sub h1:after {
  content: '';
  width: 100%;
  height: 4px;
  margin: 4px auto 0.46666667em;
  background: #93c83e;
  display: block;
}
.home h1 {
  font-size: 10vw;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 480px) {
  .home h1 {
    font-size: 3em;
    /* mintab 480w */
  }
}
.home h1:after {
  content: '';
  width: 2.5em;
  height: 2px;
  margin: 0.33333333em auto 0.7em;
  background: #ec1723;
  display: block;
}
.home h1 .trait {
  display: block;
}
.home h1 .trait.top {
  line-height: 1.2;
  font-size: 0.41666667em;
  text-transform: none;
}
.home h1 .trait.bottom {
  font-weight: 700;
}
h2:not(.topic) {
  font-size: 2.5em;
  color: #ec1723;
}
h3:not(.topic) {
  font-size: 2.25em;
  color: #ab4a9c;
}
h4 {
  font-size: 2em;
}
h5 {
  font-size: 1.8em;
}
h6 {
  font-size: 1.5em;
}
/* ===============================================
	containers
=============================================== */
.container {
  max-width: 64.5em;
}
/* ===============================================
	list styles - global overrides
=============================================== */
.what-sets-us-apart #content ol,
.meet-the-team #content ol,
.our-office #content ol,
.office-tour #content ol,
body[class*='-after'] #content ol {
  margin: 0;
}
#content ul li {
  list-style: disc outside;
  /* list-style-image:none; */
}
/* ==================================================================
	masthead
=================================================================== */
#masthead {
  width: 100%;
  padding: 0;
  background-color: #fff;
  position: relative;
  z-index: 3000;
}
@media only screen and (min-width: 1300px) {
  #masthead {
    font-size: inherit;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    transition: background-color 0.33s ease-in-out;
    /* desk 1300w */
  }
  #masthead.ready {
    background-color: rgba(255, 255, 255, 0);
  }
}
#masthead .container {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  #masthead .container {
    max-width: none;
    /* midTab 1024oo */
  }
}
/* ==================================================================
	main-nav
=================================================================== */
#main-nav {
  font-size: 1.2em;
  text-align: center;
  font-weight: 500;
  height: 44px;
  width: 44px;
  padding: 0;
  margin: 0;
  box-shadow: -1px 1px 0 rgba(251, 138, 59, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 600;
  clear: both;
}
#main-nav .container {
  height: 100%;
  padding: 0;
}
#main-nav .trigger {
  line-height: 44px;
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
  background: none;
  box-shadow: none;
  border: none;
  -webkit-display: none;
  position: relative;
  z-index: 600;
  transition: color 0.33s ease-in-out;
  cursor: pointer;
}
#main-nav .trigger .bg {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#main-nav .trigger .bg path {
  fill: #ffd018;
}
@media only screen and (max-width: 767px) {
  #main-nav .trigger .bg path {
    transition: fill 0.33s ease-in-out;
    /* midTab 768oo */
  }
}
#main-nav .trigger .navicon {
  width: 12px;
  height: 8px;
  display: inline-block;
  position: relative;
  top: -0.18em;
}
#main-nav .trigger .navicon span {
  width: 100%;
  height: 2px;
  background: currentcolor;
  display: block;
  position: absolute;
  left: 0;
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
  transition: transform 0.3s ease;
}
#main-nav .trigger .navicon span:nth-child(1) {
  top: 0px;
}
#main-nav .trigger .navicon span:nth-child(2),
#main-nav .trigger .navicon span:nth-child(3) {
  top: 50%;
}
#main-nav .trigger .navicon span:nth-child(4) {
  top: 100%;
}
#main-nav .trigger:hover {
  /* color:@color1; */
}
#main-nav .trigger:hover .bg path {
  fill: #00904c;
}
#main-nav .open .trigger .bg path {
  fill: #00904c;
}
#main-nav .open .trigger .navicon span:nth-child(1) {
  transform: translate(50%, 150%) scaleX(0);
}
#main-nav .open .trigger .navicon span:nth-child(4) {
  transform: translate(50%, -150%) scaleX(0);
}
#main-nav .open .trigger .navicon span:nth-child(2) {
  transform: translate(0, 0) rotate(45deg);
}
#main-nav .open .trigger .navicon span:nth-child(3) {
  transform: translate(0, 0) rotate(-45deg);
}
#main-nav ul {
  width: 100vw;
  margin: -44px 0 0;
  padding: 1em 0;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 100%);
  position: relative;
  z-index: 550;
  float: right;
}
@media only screen and (min-width: 1300px) {
  #main-nav ul {
    transition: transform 0.99s cubic-bezier(0.75, -0.69, 0.18, 1.8);
    /* desk 1300w */
  }
  .ready #main-nav ul {
    transform: translate(-12.35em, 0);
  }
  .no-appearance .ready #main-nav ul {
    transform: translate(0, 0);
  }
}
#main-nav ul li {
  clear: both;
}
#main-nav ul li a[id] {
  letter-spacing: 0.03em;
  line-height: 2.22222222;
  font-size: 0.9em;
  font-weight: 600;
  color: #000;
  width: auto;
  height: 2.22222222em;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: color 0.33s ease;
}
#main-nav ul li a[id]:before,
#main-nav ul li a[id]:after {
  content: '';
  width: 1.55555556em;
  height: 1.44444444em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: -1.66666667em;
  transition: transform 0.33s ease-in-out, opacity 0.33s ease-in-out;
  opacity: 0;
}
@media only screen and (max-width: 1023px) {
  #main-nav ul li a[id]:before,
  #main-nav ul li a[id]:after {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transform: translate(0, -50%) scale(0);
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #main-nav ul li a[id]:before,
  #main-nav ul li a[id]:after {
    top: 0.38888889em;
    transform: translate(0, 0) scale(0);
    /* midTab 1024w */
  }
}
#main-nav ul li a[id]:after {
  background-image: url("data:image/svg+xml;charset=UTF-8, &lt;svg xmlns='http://www.w3.org/2000/svg' width='28' height='26' viewBox='0 0 28 26'&gt;&lt;path fill='rgb(237,28,36)' d='m18.9 14.5-1.5-.3c.5.3 1.1.7 1.7 1.2 1.5 1.3 2.2 2.8 1.8 3.4-.5.5-2.1-.1-3.5-1.4-.7-.7-1.3-1.4-1.6-2-.1 0-.1.1-.2.1.4.5.8 1.3 1.1 2.3.6 1.9.5 3.6-.2 3.8-.7.2-1.7-1.1-2.3-3-.1-.3-.2-.6-.2-.9-.1.3-.2.5-.3.8-.8 1.8-1.9 3.1-2.6 2.8-.7-.3-.6-2 .2-3.8.3-.8.7-1.4 1.1-1.9-.1 0-.1-.1-.2-.2-.4.4-.8.9-1.4 1.3-1.5 1.2-3.2 1.7-3.6 1.2-.4-.6.4-2 2-3.2.5-.4 1-.7 1.5-.9-.5.1-1 .2-1.6.3-2 .2-3.6-.3-3.7-1s1.5-1.4 3.4-1.6c1-.1 2 0 2.6.2v-.1c-.6-.1-1.3-.3-2-.6-1.8-.8-3-2-2.7-2.7.3-.7 2-.5 3.8.3.7.3 1.4.7 1.9 1.2-.2-.3-.5-.7-.7-1.2-.9-1.7-1.1-3.4-.5-3.8.6-.3 1.9.8 2.8 2.6.2.4.4.8.5 1.2.1-.3.1-.6.2-1 .5-1.9 1.6-3.3 2.2-3.1.7.2.8 1.9.3 3.8-.3 1.1-.8 2-1.3 2.5.4-.4.9-.9 1.6-1.3 1.7-1.1 3.3-1.4 3.7-.8.4.6-.6 2-2.3 3-.1.1-.2.1-.2.1.2 0 .4 0 .6.1 1.9.3 3.4 1.1 3.3 1.8-.1.8-1.7 1.1-3.7.8z'/&gt;&lt;path fill='rgb(249,204,27)' d='M16.9 13c0 1.6-1.3 2.9-2.9 2.9s-2.9-1.3-2.9-2.9 1.3-2.9 2.9-2.9 2.9 1.3 2.9 2.9z'/&gt;&lt;/svg&gt;");
}
#main-nav ul li a[id]:before {
  background-image: url("data:image/svg+xml;charset=UTF-8, &lt;svg xmlns='http://www.w3.org/2000/svg' width='28' height='26' viewBox='0 0 28 26'&gt;&lt;path fill='rgb(251,138,59)' d='M22.4 11.7c-.4-.1-.8-.1-1.1-.1.3-.2.7-.4 1-.6 3-1.9 4.8-4.4 4.1-5.5-.7-1.1-3.7-.4-6.6 1.5-.6.4-1.1.8-1.6 1.2.3-.6.5-1.2.7-1.9.9-3 .7-5.8-.4-6.1-1.1-.3-2.7 1.9-3.6 4.9-.1.5-.2.9-.3 1.3-.2-.5-.4-1-.7-1.6C12.5 2 10.5.2 9.5.7c-1 .5-.6 3.2.8 6 .1.3.3.6.5.8-.6-.4-1.3-.8-2.1-1.2-3-1.3-5.8-1.5-6.2-.4-.5 1.1 1.4 3 4.4 4.4.2.1.5.2.7.3-.5 0-1.1 0-1.6.1-3.4.3-6 1.5-5.9 2.7.1 1.2 2.9 2 6.3 1.7.5 0 1.1-.1 1.6-.2-.4.2-.7.5-1.1.8-2.5 2-4 4.4-3.3 5.4.7.9 3.4.1 5.9-2 .4-.3.7-.6 1.1-.9-.2.4-.4.7-.5 1.2-1.2 2.9-1.3 5.5-.2 6s2.8-1.5 4-4.4l.3-.9.3 1.2c.9 3 2.5 5.1 3.6 4.8 1.1-.3 1.2-3 .3-6-.1-.4-.2-.8-.4-1.1l.7.7c2.3 2.1 4.7 3.1 5.5 2.3.8-.8-.5-3.2-2.7-5.3-.2-.2-.4-.4-.6-.5.4.1.8.2 1.2.2 3.3.5 6.1-.1 6.3-1.3s-2.7-2.9-6-3.4z'/&gt;&lt;/svg&gt;");
}
#main-nav ul li.open &gt; a[id],
#main-nav ul li.active &gt; a[id],
#main-nav ul li:hover &gt; a[id] {
  color: #ab4a9c;
  text-decoration: none;
  transition-duration: 0.15s;
}
#main-nav ul li.open &gt; a[id]:before,
#main-nav ul li.active &gt; a[id]:before,
#main-nav ul li:hover &gt; a[id]:before,
#main-nav ul li.open &gt; a[id]:after,
#main-nav ul li.active &gt; a[id]:after,
#main-nav ul li:hover &gt; a[id]:after {
  transition-duration: 0.66s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
@media only screen and (max-width: 1023px) {
  #main-nav ul li.open &gt; a[id]:before,
  #main-nav ul li.active &gt; a[id]:before,
  #main-nav ul li:hover &gt; a[id]:before,
  #main-nav ul li.open &gt; a[id]:after,
  #main-nav ul li.active &gt; a[id]:after,
  #main-nav ul li:hover &gt; a[id]:after {
    transform: translate(0, -50%) scale(1);
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #main-nav ul li.open &gt; a[id]:before,
  #main-nav ul li.active &gt; a[id]:before,
  #main-nav ul li:hover &gt; a[id]:before,
  #main-nav ul li.open &gt; a[id]:after,
  #main-nav ul li.active &gt; a[id]:after,
  #main-nav ul li:hover &gt; a[id]:after {
    transform: translate(0, 0) scale(1);
    /* midTab 1024w */
  }
}
#main-nav ul li.open &gt; a[id]:after,
#main-nav ul li.active &gt; a[id]:after,
#main-nav ul li:hover &gt; a[id]:after {
  transition-delay: 0.15s;
}
#main-nav ul ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}
@media only screen and (max-width: 1023px) {
  #main-nav ul ul {
    background: rgba(0, 144, 76, 0.9);
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #main-nav ul ul {
    background-image: url("data:image/svg+xml;charset=UTF-8, &lt;svg width='202' height='218' viewBox='0 0 202 218' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'&gt;&lt;path fill='rgba(0,144,76,0.9)' d='M0 0h180l22 218H0V0z'/&gt;&lt;/svg&gt;");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    /* midTab 1024w */
  }
}
@media only screen and (min-width: 1300px) {
  #main-nav ul ul {
    /* desk 1300w */
  }
  .no-appearance #main-nav ul ul {
    background-color: rgba(0, 144, 76, 0.9);
  }
  .ready #main-nav ul ul {
    transform: translate(0, 0);
  }
}
#main-nav ul ul li {
  width: 100%;
  background: none;
  float: left;
}
#main-nav ul ul li a {
  letter-spacing: 0.025em;
  line-height: 2.85714286;
  font-size: 0.7em;
  color: #fff;
  height: 2.85714286em;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  #main-nav ul ul li a {
    width: auto;
    padding: 0 2.14285714em;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #main-nav ul ul li a {
    width: 100%;
    padding: 0;
    /* midTab 1024w */
  }
}
#main-nav ul ul li a:before {
  content: '';
  width: 1.14285714em;
  height: 1.07142857em;
  background-image: url("data:image/svg+xml;charset=UTF-8, &lt;svg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'&gt;&lt;path fill='rgb(253,207,23)' d='M16 5.6c-.3-1-1.9-1.4-3.5-.9-.6.2-1.1.4-1.5.8.3-.5.6-1 .8-1.5.6-1.6.4-3.2-.6-3.6C10.3 0 9 1 8.4 2.6c-.2.3-.3.7-.3 1-.1-.4-.2-.8-.4-1.3C7 .7 5.7-.2 4.7.2c-.9.4-1.2 2-.5 3.6.2.3.3.7.5.9-.5-.2-1-.3-1.6-.3-1.7 0-3.1.8-3.1 1.9 0 1 1.4 1.9 3.1 1.9h.1c-.3.2-.6.5-.8.8-1.1 1.3-1.3 2.9-.5 3.6.8.7 2.3.1 3.4-1.2.5-.6.8-1.2.9-1.8l.2.2c-.3.5-.4 1.2-.4 2 .1 1.7.9 3.1 2 3 1 0 1.8-1.5 1.8-3.2 0-.7-.2-1.3-.4-1.8.1 0 .2-.1.2-.1.1.6.5 1.4 1.1 2 1.1 1.3 2.7 1.8 3.5 1.1.8-.7.5-2.3-.7-3.6l-.8-.8c.3 0 .6-.1.9-.2 1.5-.4 2.6-1.6 2.4-2.6z'/&gt;&lt;path fill='rgb(255,255,255)' d='M10.5 7.1c0 1.4-1.1 2.5-2.5 2.5S5.5 8.5 5.5 7.1 6.6 4.6 8 4.6s2.5 1.1 2.5 2.5z'/&gt;&lt;/svg&gt;");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transform: translate3d(-50%, 0, 0) rotateY(90deg);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.21s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media only screen and (max-width: 1023px) {
  #main-nav ul ul li a:before {
    left: 0.57142857em;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #main-nav ul ul li a:before {
    left: -0.57142857em;
    /* midTab 1024w */
  }
}
#main-nav ul li.active ul li a:hover,
#main-nav ul ul li a:hover,
#main-nav ul ul li a.active {
  text-decoration: none;
  color: #ffd018;
  margin-bottom: 0;
  border: none;
}
#main-nav ul li.active ul li a:hover:before,
#main-nav ul ul li a:hover:before,
#main-nav ul ul li a.active:before {
  transform: translate3d(0, -50%, 0) rotateY(180deg);
  transition-delay: 0.12s, 0s;
  opacity: 1;
}
/* main-nav make li fly in all cool */
#main-nav .collapsible.open &gt; ul {
  animation: flyinmobilenav 0.4s 1;
}
#main-nav .collapsible.open ul ul {
  animation: none;
}
/* make flyouts expand on mobile */
#main-nav ul ul li {
  height: 0;
  transition-duration: 0.33s;
  opacity: 0;
}
@media only screen and (max-width: 1023px) {
  #main-nav ul ul li {
    overflow: hidden;
    /* midTab 1024oo */
  }
}
/* all about that open class */
#main-nav .open ul {
  display: inline-block;
}
#main-nav .open ul .open ul {
  padding: 1em 0;
}
#main-nav .open ul .open ul li {
  height: 2em;
  opacity: 1;
}
/* ===============================================
MAIN NAV - Large Tablet/Desktop Stylings
=============================================== */
@media only screen and (min-width: 1024px) {
  /* main-nav */
  #main-nav {
    font-size: inherit;
    width: 100%;
    height: 3.65em;
    margin-top: 1.8em;
    box-shadow: none;
    position: relative;
    top: auto;
    z-index: 2900;
  }
  #main-nav .container {
    max-width: right;
  }
  #main-nav div.collapsible {
    margin: 0 auto;
  }
  #main-nav ul {
    height: 3.65em;
    width: auto;
    padding: 0;
    margin: 0;
    background: none;
    position: static;
    float: right;
  }
  #main-nav ul li {
    height: 100%;
    margin: 0 2.75em 0 0;
    background: none;
    vertical-align: top;
    position: relative;
    float: none;
    clear: none;
  }
  #main-nav ul li.contact,
  #main-nav ul li.contact-us {
    margin-right: 0;
    padding-right: 0;
  }
  #main-nav ul li.contact ul,
  #main-nav ul li.contact-us ul {
    padding: 1em 0 1em 1.1em;
    background-image: url("data:image/svg+xml;charset=UTF-8, &lt;svg width='202' height='218' viewBox='0 0 202 218' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'&gt;&lt;path fill='rgba(0,144,76,0.9)' d='M202 218H0L22 0h180v218z'/&gt;&lt;/svg&gt;");
  }
  #main-nav ul li.contact ul li a:before,
  #main-nav ul li.contact-us ul li a:before {
    left: auto;
    right: -0.57142857em;
  }
  #main-nav ul li a[id] {
    line-height: 2.22222222;
    text-align: center;
    height: 100%;
    z-index: 3000;
  }
  #main-nav ul ul {
    width: auto;
    height: auto;
    padding: 1em 1.1em 1em 0;
    position: absolute;
    display: none;
    z-index: 2800;
  }
  #main-nav ul ul li {
    height: 1.25em;
    margin: 0;
    padding: 0;
    float: left;
    opacity: 1;
  }
  #main-nav ul ul li a {
    line-height: 1.78571429;
    text-align: left;
    white-space: nowrap;
    height: 1.78571429em;
    padding: 0 1.35714286em;
    float: left;
  }
  #main-nav ul li.contact-us ul li a,
  #main-nav ul li.contact ul li a {
    text-align: right;
    float: right;
  }
  #main-nav ul li:hover ul {
    display: block;
    left: -0.95em;
    top: 2.35em;
  }
  #main-nav ul li.contact-us:hover ul,
  #main-nav ul li.contact:hover ul {
    margin: 0;
    left: auto;
    right: -0.95em;
  }
  /*END*/
}
/* ==================================================================
	header
=================================================================== */
#hd {
  text-align: center;
  font-weight: 600;
  color: #fff;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 666px) {
  #hd {
    text-align: right;
    /* custom 666w */
  }
}
@media only screen and (min-width: 1024px) {
  #hd {
    background-color: #04904c;
    background-image: -moz-linear-gradient(left, #94c83f 0%, #04904c 100%);
    background-image: -webkit-linear-gradient(left, #94c83f 0%, #04904c 100%);
    background-image: linear-gradient(to right, #94c83f 0%, #04904c 100%);
    z-index: 3000;
    /* maxTab 1024w */
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1999px) {
  #hd {
    background-size: 2000px 100%;
    /* range 1300w - 1999oo */
  }
}
@media only screen and (max-width: 1023px) {
  #hd .mod {
    background-color: #04904c;
    background-image: -moz-linear-gradient(left, #94c83f 0%, #04904c 100%);
    background-image: -webkit-linear-gradient(left, #94c83f 0%, #04904c 100%);
    background-image: linear-gradient(to right, #94c83f 0%, #04904c 100%);
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #hd .mod {
    margin-right: 1.2em;
    /* midTab 1024w */
  }
}
/* ===============================================
	logo
=============================================== */
#logo {
  line-height: 0;
  font-size: 0.7em;
  width: 12.5em;
  margin: 0.24em auto 0.24em 2%;
  display: block;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  #logo {
    font-size: inherit;
    margin: 0;
    position: absolute;
    top: 0.7em;
    left: 0;
    /* maxTab 1024w */
  }
}
@media only screen and (min-width: 1300px) {
  #logo {
    transition: transform 0.33s ease-in-out, opacity 0.33s ease-in-out;
    transform-origin: 0 0;
    /* desk 1300w */
  }
  .ready #logo {
    transform: translate(0, 17.3em) scale(1.868);
  }
  .no-appearance .ready #logo {
    transform: translate(0, 0) scale(1);
  }
}
@media only screen and (min-width: 2000px) {
  #logo {
    /* custom 2000w */
  }
  .ready #logo {
    transform: translate(0, 17.3vw) scale(1.868);
  }
  .no-appearance .ready #logo {
    transform: translate(0, 0) scale(1);
  }
}
#logo a {
  max-height: 6.1em;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  #logo a {
    min-height: 44px;
    display: flex;
    align-items: flex-start;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1300px) {
  #logo a {
    transition: transform 0.33s ease-in-out, opacity 0.33s ease-in-out;
    /* desk 1300w */
  }
  .ready #logo a {
    overflow: visible;
  }
}
#logo img {
  width: 12.5em;
}
/* ===============================================
	contact info
=============================================== */
#contactinfo {
  text-align: center;
  width: auto;
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  #contactinfo {
    display: block;
    position: absolute;
    top: 0;
    right: 59px;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #contactinfo {
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* midTab 1024w */
  }
}
#contactinfo .phone {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 420;
}
@media only screen and (max-width: 1023px) {
  #contactinfo .phone {
    line-height: 44px;
    font-size: clamp( 12px, 0.75em , 15px );
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #contactinfo .phone {
    line-height: 2.4;
    font-size: 0.75em;
    /* midTab 1024w */
  }
}
#contactinfo .phone .bg {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  #contactinfo .phone .bg {
    width: 8.4em;
    left: 50%;
    transform: translate(-50%, 0);
    /* midTab 768w */
  }
}
@media only screen and (max-width: 767px) {
  #contactinfo .phone .bg path {
    transition: fill 0.33s ease-in-out;
    /* midTab 768oo */
  }
}
@media only screen and (max-width: 767px) {
  #contactinfo .phone .icon {
    display: block;
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  #contactinfo .phone .icon {
    display: none;
    /* midTab 768w */
  }
}
#contactinfo .phone .cta {
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  #contactinfo .phone .cta {
    white-space: nowrap;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    /* midTab 768oo */
  }
}
#contactinfo a {
  color: #fff;
}
#contactinfo a:hover {
  color: #fff;
}
#contactinfo a:hover .bg path {
  fill: #ab4a9c;
}
/* ===============================================
	utility-nav
=============================================== */
#utilitynav {
  line-height: 0;
  width: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 400;
}
#utilitynav ul {
  line-height: 0;
  width: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#utilitynav ul li {
  line-height: 0;
  width: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#utilitynav ul li:nth-child(n+2) {
  margin: 0 0 0 0.5em;
}
#utilitynav a {
  text-align: center;
  text-transform: uppercase;
  color: #000;
  padding: 0;
  background: #fb8a3b;
  display: inline-block;
  vertical-align: top;
  transition: color 0.33s ease-in-out, background-color 0.33s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  #utilitynav a {
    line-height: 44px;
    font-size: clamp( 12px, 0.65em , 13px );
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #utilitynav a {
    line-height: 2.30769231;
    font-size: 0.65em;
    /* midTab 1024w */
  }
}
#utilitynav a:hover {
  color: #fff;
  background-color: #ec1723;
}
#utilitynav a.appointmentrequest {
  width: 13em;
}
#utilitynav a.patient-login {
  width: 9em;
}
/* ===============================================
	socialmedia
=============================================== */
.socialmedia {
  line-height: 0;
  text-align: center;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .socialmedia {
    margin-right: 1.6em;
    /* midTab 1024w */
  }
}
@media only screen and (min-width: 1300px) {
  .socialmedia {
    transition: transform 0.66s cubic-bezier(0.33, 1.5, 0.66, 1);
    /* desk 1300w */
  }
  .ready .socialmedia {
    transform: translate(calc(-1105px + 100%), 0);
  }
  .no-appearance .ready .socialmedia {
    transform: translate(0, 0) scale(1);
  }
}
.socialmedia a {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: transform 0.33s ease-in-out, color 0.33s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .socialmedia a {
    line-height: 44px;
    font-size: clamp( 12px, 0.675em , 13.5px );
    width: 44px;
    height: 44px;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  .socialmedia a {
    line-height: 2.66666667;
    font-size: 0.675em;
    height: 2.66666667em;
    width: 1.76em;
    /* margin:0 0 3px 0; */
    /* maxTab 1024w */
  }
}
.socialmedia a:hover {
  color: #fff;
  z-index: 400;
  transform: translate3d(0, 0, 0) scale(1.44);
}
.socialmedia a .icon {
  position: relative;
}
/* ==================================================================
	vertex
=================================================================== */
#vertex {
  width: 100%;
  display: block;
  position: relative;
}
/* ==================================================================
	slideshow
=================================================================== */
#slideshow {
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 400;
  pointer-events: none;
}
@media only screen and (max-width: 1023px) {
  #slideshow {
    padding: 0 0 1em;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #slideshow {
    font-size: inherit;
    width: 100%;
    min-height: 39.05em;
    margin-top: 0;
    top: 0;
    /* maxTab 1024w */
  }
}
@media only screen and (min-width: 1300px) {
  #slideshow {
    min-height: 926px;
    /* range 1300w */
  }
}
#slideshow #home-slideshow {
  width: 80%;
  margin: 0;
  -webkit-clip-path: url(#SSID_0_);
  clip-path: url(#SSID_0_);
  aspect-ratio: 1004 / 870;
  z-index: 410;
}
@media only screen and (max-width: 1023px) {
  #slideshow #home-slideshow {
    margin: -1.5em -1.75em 0 auto;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #slideshow #home-slideshow {
    width: 50.2em;
    margin: 0 0 0 -4.7em;
    display: block;
    position: absolute;
    top: 1em;
    left: 50%;
    /* maxTab 1024w */
  }
  #slideshow #home-slideshow .hpslide {
    max-width: none;
    width: 100%;
  }
}
@media only screen and (min-width: 1300px) {
  #slideshow #home-slideshow {
    top: 7.25em;
    /* desk 1300w */
  }
  .no-appearance #slideshow #home-slideshow {
    border-radius: 50%;
    overflow: hidden;
  }
}
.ssdefs {
  line-height: 0;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.ssoverlay {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 420;
}
@media only screen and (max-width: 665px) {
  .ssoverlay {
    font-size: min(3vw, 1em);
    bottom: 6%;
    /* custom 666oo */
  }
}
@media only screen and (min-width: 666px) {
  .ssoverlay {
    font-size: min(6vw, 20px);
    /* custom 666w */
  }
}
@media only screen and (min-width: 666px) and (max-width: 1023px) {
  .ssoverlay {
    bottom: 4.2%;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  .ssoverlay {
    width: auto;
    top: 54%;
    left: 3%;
    /* midTab 1024w */
  }
}
@media only screen and (max-width: 1299px) {
  .ssoverlay {
    display: block;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .ssoverlay {
    display: none;
    /* desk 1300w */
  }
}
.ssoverlay .slogan {
  line-height: 1;
  font-size: 3em;
  font-family: 'Sacramento', cursive;
  color: #ab4a9c;
  text-shadow: 0 0 0.12em #fff, 0 0 0.24em #fff, 0 0 0.51em #fff;
}
.flowerpower {
  width: 6.05em;
  height: 5.6em;
  display: block;
  position: absolute;
  z-index: 420;
}
@media only screen and (max-width: 1023px) {
  .flowerpower {
    font-size: min(1.4vw, 1em);
    right: 3%;
    bottom: -2.3em;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  .flowerpower {
    margin: 0 0 0 27.65em;
    bottom: -6.8em;
    left: 50%;
    /* midTab 1024w */
  }
}
@media only screen and (min-width: 1300px) {
  .flowerpower {
    transition: transform 1.24s ease-in-out;
    transform-origin: 50% 50%;
    /* desk 1300w */
  }
  .flowerpower[data-ready] {
    transform: translate(0, 0) rotate(360deg) scale(0);
  }
  .flowerpower[data-animate] {
    transform: translate(0, 0) rotate(-360deg);
  }
  .flowerpower[data-animate] .petals {
    animation-name: pulse_custom;
  }
  .flowerpower .petals {
    transform-origin: 50% 50%;
    animation-fill-mode: both;
    animation-duration: 1.24s;
  }
}
/* ==================================================================
	.spotlight
=================================================================== */
.spotlight {
  text-align: center;
  position: relative;
  z-index: 400;
}
.spotlight.top {
  position: absolute;
  z-index: 420;
}
@media only screen and (max-width: 1023px) {
  .spotlight.top {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 2%;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  .spotlight.top {
    bottom: 54%;
    left: 15%;
    /* desk 1300oo */
  }
}
@media only screen and (max-width: 1299px) {
  .spotlight.top {
    /* desk 1300oo */
  }
  .spotlight.top.sub {
    white-space: nowrap;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}
@media only screen and (min-width: 1300px) {
  .spotlight.top {
    display: block;
    position: fixed;
    top: 11.25em;
    right: 0;
    z-index: 2800;
    /* desk 1300w */
  }
}
.spotlight.mid {
  z-index: 420;
}
.spotlight &gt; div {
  position: relative;
}
/* ===============================================
	spot00
=============================================== */
.spot00 {
  text-align: center;
  padding: 0 0 2em;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .spot00 {
    font-size: 3.2vw;
    /* mintab opt-out 480oo */
  }
}
@media only screen and (min-width: 480px) {
  .spot00 {
    font-size: 1.7vw;
    /* mintab 480w */
  }
}
@media only screen and (min-width: 979px) {
  .spot00 {
    font-size: inherit;
    padding: 0;
    /* custom 979w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot00 {
    /* desk 1300w */
  }
  .spot00[data-ready] a {
    transform: translate(200%, 0);
  }
  .no-appearance .spot00[data-ready] a {
    transform: translate(0, 0);
  }
  .spot00[data-ready] a.first .bg {
    transform: translate(0, 0) scale(1) rotate(45deg);
  }
  .spot00[data-ready] a.last .bg {
    transform: translate(0, 0) scale(1) rotate(-90deg);
  }
  .spot00[data-animating] a.first .bg {
    transition-delay: 0.24s;
    transition-duration: 1.2s;
  }
  .spot00[data-animating] a.last .bg {
    transition-delay: 0.33s;
    transition-duration: 1.2s;
  }
}
.spot00 a {
  font-size: 20px;
  text-align: right;
  color: #fb8a3b;
  padding: 0;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  position: relative;
  z-index: 420;
}
@media only screen and (min-width: 1300px) {
  .spot00 a {
    display: flex;
    transition-property: transform;
    transition-duration: 0.66s;
    transition-timing-function: cubic-bezier(0.33, 2.7, 0.66, 1);
    /* desk 1300w */
  }
}
.spot00 a:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: 2;
}
.spot00 a:hover .bg {
  transform: translate(0, 0) scale(1) rotate(0deg);
  transition-duration: 0.99s;
  transition-timing-function: cubic-bezier(0.34, 1.2, 0.64, 1);
}
.spot00 a.first {
  color: #00904c;
  width: 3.8em;
  height: 3.8em;
  z-index: 420;
}
@media only screen and (min-width: 1300px) {
  .spot00 a.first {
    margin: 0 -0.18em -0.81em auto;
    transition-delay: 0.15s;
    /* desk 1300w */
  }
}
.spot00 a.first:before {
  background-color: #ffd018;
}
.spot00 a.first h2.topic {
  width: 60%;
}
.spot00 a.last {
  color: #fff;
  width: 5.85em;
  height: 5.85em;
  z-index: 410;
}
@media only screen and (max-width: 665px) {
  .spot00 a.last {
    margin: 2em 0 0 -4em;
    /* custom 666oo */
  }
}
@media only screen and (min-width: 666px) and (max-width: 1299px) {
  .spot00 a.last {
    margin: 2em 0 0;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .spot00 a.last {
    margin: 0 -0.45em 0 auto;
    transition-delay: 0.24s;
    /* desk 1300w */
  }
}
.spot00 a.last:before {
  background-color: #fb8a3b;
}
.spot00 a.last h2.topic {
  width: 70%;
}
.spot00 a.last .bg {
  color: #ab4a9c;
}
.spot00 a h2.topic {
  line-height: 1.07142857;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  z-indeX: 3;
}
@media only screen and (max-width: 1299px) {
  .spot00 a h2.topic {
    font-size: clamp( 12px, 0.7em , 14px );
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .spot00 a h2.topic {
    font-size: 0.7em;
    /* desk 1300w */
  }
}
.spot00 a .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(0, 0) scale(0) rotate(360deg);
  transition: transform 0.33s ease-in-out;
  pointer-events: none;
}
/* ===============================================
	spot01
=============================================== */
.spot01 {
  text-align: center;
  padding: 4em 0 17.1em;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .spot01 {
    font-size: 3.2vw;
    /* mintab opt-out 480oo */
  }
}
@media only screen and (min-width: 480px) {
  .spot01 {
    font-size: inherit;
    font-size: min(2.3vw, 1em);
    /* mintab 480w */
  }
}
@media only screen and (min-width: 1024px) {
  .spot01 {
    padding: 0 22em 17.1em 0;
    /* midTab 1024w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot01 {
    /* desk 1300w */
  }
  .spot01[data-ready] a[class] {
    pointer-events: none;
  }
  .no-appearance .spot01[data-ready] a[class] {
    pointer-events: auto;
  }
  .spot01[data-ready] a[class]:before,
  .spot01[data-ready] a[class] .top {
    transform: scaleY(0);
    transition-delay: 0s;
    transition-duration: 0.33s;
    transition-timing-function: linear;
  }
  .no-appearance .spot01[data-ready] a[class]:before,
  .no-appearance .spot01[data-ready] a[class] .top {
    transform: translate(0, 0);
  }
}
.spot01 a {
  color: #fb8a3b;
  width: 5.8em;
  height: 5.8em;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  z-index: 420;
  transition: transform 0.33s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .spot01 a {
    margin: 0 calc( 16.5% - 2.9em );
    /* midTab opt-out 768oo */
  }
}
.spot01 a:before {
  content: '';
  width: 0.55em;
  height: 9.6em;
  margin-left: auto;
  margin-right: auto;
  background-color: #00904c;
  display: block;
  position: absolute;
  top: 3.3em;
  right: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 1300px) {
  .spot01 a:before {
    transition: transform 0.42s ease-in-out;
    transform-origin: 50% 100%;
    /* desk 1300w */
  }
}
.spot01 a[class]:hover .top {
  transform: translate(0, -0.5em);
  transition-duration: 0.33s;
  transition-delay: 0s;
}
.spot01 a[class]:hover .bg {
  transform: translate(0, 0) rotate(360deg);
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-duration: 0.99s;
}
.spot01 a[class]:hover .bg path {
  animation-name: pulse_rev;
  animation-duration: 0.99s;
}
@media only screen and (min-width: 1300px) {
  .spot01 a.first {
    /* desk 1300w */
  }
  .spot01 a.first:before,
  .spot01 a.first .top {
    transition-delay: 0.12s;
  }
}
.spot01 a.first .bg {
  color: #ab4a9c;
}
.spot01 a.first .decoration {
  width: 5.85em;
  height: 6.4em;
  bottom: -10.85em;
}
.spot01 a.mid {
  margin-bottom: 6.05em;
}
@media only screen and (min-width: 768px) {
  .spot01 a.mid {
    margin-right: 9.7em;
    margin-left: 9.7em;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot01 a.mid {
    /* desk 1300w */
  }
  .spot01 a.mid:before,
  .spot01 a.mid .top {
    transition-delay: 0.24s;
  }
}
.spot01 a.mid .bg {
  color: #ec1723;
}
.spot01 a.mid .decoration {
  width: 5.85em;
  height: 6.7em;
  bottom: -10.5em;
}
.spot01 a.last {
  margin-bottom: 1.95em;
}
@media only screen and (min-width: 1300px) {
  .spot01 a.last {
    /* desk 1300w */
  }
  .spot01 a.last:before,
  .spot01 a.last .top {
    transition-delay: 0.36s;
  }
}
.spot01 a.last .bg {
  color: #ffd018;
}
.spot01 a.last .decoration {
  width: auto;
  height: 5.6em;
  bottom: -10.3em;
}
.spot01 a.last .decoration path {
  transform: matrix(-1, 0, 0, 1, 0, 0);
  transform-origin: 55% 100%;
}
.spot01 a .top {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  z-index: 420;
  transition: transform 0.42s ease-in-out;
  transform-origin: 50% 268.10344828%;
}
.spot01 a .top:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #fb8a3b;
  z-index: 2;
}
.spot01 a h2.topic {
  line-height: 1.1;
  color: #fff;
  width: 100%;
  display: block;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1299px) {
  .spot01 a h2.topic {
    font-size: clamp( 12px, 1em , 20px );
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .spot01 a h2.topic {
    font-size: 1em;
    /* desk 1300w */
  }
}
.spot01 a h2.topic .trait {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.spot01 a .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(0, 0) rotate(0deg);
  transition: transform 0s linear;
  pointer-events: none;
}
.spot01 a .bg path {
  transform-origin: 50% 50%;
}
.spot01 a .decoration {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  pointer-events: none;
}
.spot01 .ornament {
  width: 62.5em;
  height: 21.45em;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .spot01 .ornament {
    left: 50%;
    transform: translate(-50%, 0);
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  .spot01 .ornament {
    right: 50%;
    transform: translate(14.05em, 0);
    /* midTab 1024w */
  }
}
.spot01 .animatron {
  width: 7.15em;
  height: 7.95em;
  margin-right: 24.95em;
  display: block;
  position: absolute;
  right: 50%;
  bottom: 29.1em;
}
.spot01 .animatron svg {
  width: 100%;
  max-width: 7.15em;
  height: auto;
  max-height: 7.95em;
  display: block;
}
.spot01 .animatron svg[data-animate][data-check] #bug {
  animation-name: dffly;
}
.spot01 .animatron svg[data-animate][data-check] .trail {
  transform: translate(25%, 15%) rotate(360deg);
  transition-duration: 0.66s, 0.75s;
  opacity: 0;
}
.spot01 .animatron svg[data-wait] #bug {
  transform-origin: 59.09090909% 34.21383648%;
}
.spot01 .animatron svg[data-wait] .dragonwing path {
  animation-play-state: running;
}
.spot01 .animatron svg #bug {
  animation-fill-mode: both;
  transform-origin: 59.44055944% 33.96226415%;
  animation-duration: 2.7s;
  animation-iteration-count: 2;
}
.spot01 .animatron svg .dragonwing.wingL path {
  transform-origin: 55.24475524% 33.96226415%;
}
.spot01 .animatron svg .dragonwing.wingL .wingLtop {
  animation-name: dfwingneg;
}
.spot01 .animatron svg .dragonwing.wingL .wingLbot {
  animation-name: dfwingpos;
}
.spot01 .animatron svg .dragonwing.wingR path {
  transform-origin: 59.09090909% 37.73584906%;
}
.spot01 .animatron svg .dragonwing.wingR .wingRtop {
  animation-name: dfwingpos;
}
.spot01 .animatron svg .dragonwing.wingR .wingRbot {
  animation-name: dfwingneg;
}
.spot01 .animatron svg .dragonwing path {
  opacity: 1;
  -webkit-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  animation-duration: 0.03s;
}
.spot01 .animatron svg .trail {
  transition-property: transform, opacity;
  transition-duration: 0.75s, 0.66s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
  transform-origin: 12.23776224% 79.24528302%;
}
/* ===============================================
	spot02
=============================================== */
@media only screen and (max-width: 665px) {
  .spot02 {
    padding: 0;
    /* custom opt-out 666oo */
  }
}
@media only screen and (min-width: 666px) {
  .spot02 {
    font-size: inherit;
    font-size: min(1.4vw, 1em);
    direction: rtl;
    /* custom 666w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot02 {
    /* desk 1300w */
  }
  .spot02[data-ready] h2.topic .char {
    transform: translate(0, 100%);
    transition-timing-function: linear;
    transition-duration: 0.12s;
    transition-delay: 0s;
    opacity: 0;
  }
  .no-appearance .spot02[data-ready] h2.topic .char {
    transform: translate(0, 0);
    opacity: 1;
  }
  .spot02[data-ready] .info,
  .spot02[data-ready] .spotbtn {
    transform: translate(0, 50%);
    opacity: 0;
  }
  .no-appearance .spot02[data-ready] .info,
  .no-appearance .spot02[data-ready] .spotbtn {
    transform: translate(0, 0);
    opacity: 1;
  }
  .spot02[data-ready] .decoration .fleurpurp {
    transform: translate(0, 0) rotate(300deg) scale(0);
    transition-delay: 0s;
    transition-timing-function: linear;
    transition-duration: 0.12s;
  }
  .spot02[data-ready] .decoration .fleurornge {
    transform: translate(-90%, 30%) rotate(360deg) scale(0);
    transition-delay: 0s;
    transition-timing-function: linear;
    transition-duration: 0.12s;
  }
  .spot02[data-ready] .decoration .doctor {
    transform: translate(0, 100%);
    transition-delay: 0s;
    transition-timing-function: linear;
    transition-duration: 0.12s;
  }
  .no-appearance .spot02[data-ready] .decoration .doctor {
    transform: translate(0, 0);
  }
}
.spot02 .decoration {
  width: 54%;
  max-width: 37.1em;
  height: auto;
  max-height: 35.9em;
  aspect-ratio: 742 / 718;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 666px) {
  .spot02 .decoration {
    margin: 0 0 0 5.35em;
    /* custom 666w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot02 .decoration {
    width: 742px;
    height: 718px;
    margin-right: -18.7em;
    /* desk 1300w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot02 .decoration .fleurpurp {
    transition: transform 0.99s ease-in-out 0.66s;
    transform-origin: 8.57680593% 59.22043175%;
    /* desk 1300w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot02 .decoration .fleurornge {
    transition: transform 0.99s ease-in-out 0.66s;
    transform-origin: 90.29649596% 29.76548747%;
    /* desk 1300w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot02 .decoration .doctor {
    transition: transform 0.69s ease-in-out 0.18s;
    /* desk 1300w */
  }
}
.spot02 .mod {
  width: 96%;
  max-width: 25.2em;
  padding: 2em 0;
  display: inline-block;
  vertical-align: middle;
  direction: ltr;
}
@media only screen and (min-width: 768px) {
  .spot02 .mod {
    text-align: left;
    padding: 0;
    /* midTab 768w */
  }
}
.spot02 h2.topic {
  line-height: 1;
  font-size: min(12vw, 3.75em );
  font-family: 'Sacramento', cursive;
  font-weight: 400;
  color: #ec1723;
  margin-bottom: 0.24em;
  display: block;
}
.no-appearance .spot02 h2.topic {
  font-size: 75px;
}
@media only screen and (min-width: 1300px) {
  .spot02 h2.topic .char {
    transition-property: transform, opacity;
    transition-duration: 0.75s;
    transition-timing-function: cubic-bezier(0.33, 3, 0.66, 1);
    transition-delay: calc(0.03s * var(--char-index) );
    /* desk 1300w */
  }
}
.spot02 .info {
  line-height: 1.6;
  font-size: clamp( 12px, 1em , 20px );
  margin-bottom: 1.4em;
}
@media only screen and (max-width: 767px) {
  .spot02 .info {
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  .spot02 .info {
    text-align: justify;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot02 .info {
    transition: transform 0.33s ease-in-out 0.6s, opacity 0.33s ease-in-out 0.6s;
    /* desk 1300w */
  }
}
.spot02 .info a {
  font-weight: 700;
  text-transform: uppercase;
  color: #fb8a3b;
  transition: color 0.33s ease-in-out;
}
.spot02 .info a:hover {
  color: #93c83e;
  text-decoration: underline;
}
.spot02 .spotbtn {
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  width: 10.625em;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 420;
}
@media only screen and (max-width: 1299px) {
  .spot02 .spotbtn {
    line-height: 44px;
    font-size: clamp( 12px, 0.8em , 16px );
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .spot02 .spotbtn {
    line-height: 3.3125;
    font-size: 0.8em;
    transition: transform 0.33s ease-in-out 0.69s, opacity 0.33s ease-in-out 0.69s;
    /* desk 1300w */
  }
}
.spot02 .spotbtn:hover .bg path {
  fill: #93c83e;
}
.spot02 .spotbtn .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.spot02 .spotbtn .bg path {
  transition: fill 0.33s ease-in-out;
}
.spot02 .spotbtn .cta {
  display: block;
  position: relative;
  z-index: 2;
}
.spot02 .animatron {
  width: 4.3em;
  height: 4.1em;
  margin-right: 16.35em;
  display: block;
  position: absolute;
  right: 50%;
  bottom: -1.95em;
  z-index: 420;
}
.spot02 .animatron .bee {
  width: 100%;
  height: 100%;
  max-width: 4.3em;
  max-height: 4.1em;
}
.spot02 .animatron .bee[data-animate] #apis {
  animation-name: buzzpath;
}
.spot02 .animatron .bee[data-animate] .winglarge {
  animation-name: buzzlarge;
}
.spot02 .animatron .bee[data-animate] .winglittle {
  animation-name: buzzlittle;
}
.spot02 .animatron .bee #apis {
  transform-origin: 54.97534884% 70.88878049%;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
  animation-duration: 9s;
}
.spot02 .animatron .bee .beewing {
  opacity: 1;
  -webkit-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
  transform-origin: 57.80011628% 60.44853659%;
  animation-fill-mode: both;
  animation-duration: 0.03s;
  animation-iteration-count: infinite;
}
/* ==================================================================
	subnav
=================================================================== */
/* TOP ORIENTED */
#subnav {
  text-align: center;
  color: #fb8a3b;
  padding: 2.93333333em 0;
  background-color: #ac499b;
  background-image: -moz-linear-gradient(left, #ac499b 0%, #ec1826 100%);
  background-image: -webkit-linear-gradient(left, #ac499b 0%, #ec1826 100%);
  background-image: linear-gradient(to right, #ac499b 0%, #ec1826 100%);
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #subnav {
    text-align: left;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  #subnav {
    height: 16.35em;
    padding: 0;
    /* desk 1300w */
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1999px) {
  #subnav {
    background-size: 2000px 100%;
    /* range 1300w - 1999oo */
  }
}
@media only screen and (min-width: 1300px) {
  #subnav .container {
    position: absolute;
    right: 0;
    bottom: 3.4em;
    left: 0;
    /* desk 1300w */
  }
}
#subnav p {
  line-height: 1.33333333;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  #subnav p {
    width: 64.65116279%;
    /* midTab 768w */
  }
}

@media only screen and (min-width: 1024px) {
  #subnav p {
    line-height: 2.333333;
    /* midTab 768w */
  }
}

@media only screen and (max-width: 1299px) {
  #subnav p {
    font-size: clamp( 12px, 0.75em , 15px );
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  #subnav p {
    font-size: 0.75em;
/*    margin-left: 8.3em;*/
    /* desk 1300w */
  }
}
#subnav a {
  color: #fff;
  margin: 0 0.8em;
  padding: 0.6em 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  #subnav a {
    margin: 0;
    padding: 0;
    /* maxTab 1024w */
  }
}
#subnav a:hover,
#subnav a.active {
  color: #ffd018;
  text-decoration: none;
}
#subnav .divider {
  line-height: 3.45;
  font-size: 0.8em;
}
@media only screen and (min-width: 1024px) {
  #subnav .divider {
  line-height: 2.66666667;

    margin: 0 1em;
    display: inline-block;
    vertical-align: top;
    /* maxTab 1024w */
  }
}
#subnav .overlay {
  font-size: min(1.4vw, 1em);
  width: 100em;
  height: 0.5em;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (min-width: 2000px) {
  #subnav .overlay {
    font-size: 1vw;
    /* custom 2000w */
  }
}
/* ==================================================================
	content
=================================================================== */
#bd {
  padding: 3em 0;
  background: #fff7ec;
  position: relative;
  z-index: 400;
  /* subpages only */
}
@media only screen and (min-width: 768px) {
  #bd {
    padding: 4em 0 5.7em;
    /* midTab 768w */
  }
}
#bd.sub {
  overflow: hidden;
}
#bd .container {
  max-width: 64.5em;
}
#bd .ornament1 {
  width: 33.85em;
  height: 19.05em;
  margin: 0 0 0 24.1em;
  position: absolute;
  left: 50%;
  bottom: 0;
}
@media only screen and (max-width: 1299px) {
  #bd .ornament1 {
    display: none;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  #bd .ornament1 {
    display: block;
    /* desk 1300w */
  }
}
#bd .ornament2 {
  width: 26.3em;
  height: 36.25em;
  margin: 0 38.4em 0 0;
  position: absolute;
  top: 12.9em;
  right: 50%;
}
@media only screen and (max-width: 1299px) {
  #bd .ornament2 {
    display: none;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  #bd .ornament2 {
    display: block;
    /* desk 1300w */
  }
}
#content {
  display: block;
}
@media only screen and (min-width: 768px) {
  #content {
    width: 56.89922481%;
    max-width: 36.7em;
    float: left;
    /* midTab 768w */
  }
  #content p {
    text-align: justify;
  }
}
#content .content-text {
  line-height: 1.6;
}
@media only screen and (min-width: 1300px) {
  #content .content-text {
    font-size: 1em;
    /* desk 1300w */
  }
}
/* ==================================================================
	.home content
=================================================================== */
.home #bd {
  padding: 0 0 6em;
  background-color: #ab4a9c;
  z-index: 400;
}
@media only screen and (min-width: 768px) {
  .home #bd {
    padding: 0 0 5.1em;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  .home #bd {
    min-height: 45em;
    /* desk 1300w */
  }
  .home #bd[data-ready] .bd &gt; g {
    transform: translate(0, 0) scale(0) rotate(360deg);
    opacity: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .home #bd {
    /* desk 1440w */
  }
}
.home #bd .hpheading {
  max-width: 128em;
  height: auto;
  max-height: 17.45em;
  pointer-events: none;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .home #bd .hpheading {
    width: 300%;
    margin: 0 -115% 3.75em;
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  .home #bd .hpheading {
    width: 128em;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .home #bd .hpheading {
    margin: 0 0 3.75em -89%;
    /* custom 979oo */
  }
}
@media only screen and (min-width: 980px) {
  .home #bd .hpheading {
    margin: 0 0 3.75em 50%;
    transform: translate(-64em, -1px);
    /* custom 980w */
  }
}
@media only screen and (min-width: 1300px) {
  .home #bd .hpheading {
    /* desk 1300w */
  }
  .no-appearance .home #bd .hpheading {
    width: 2560px;
    height: 349px;
    transform: translate(-1280px, 0);
  }
  .home #bd .hpheading[data-ready] .membergreeting,
  .home #bd .hpheading[data-ready] .membername {
    -webkit-transform: translate(0, 100%) skew(0deg, -27deg);
    transform: translate(0, 100%) skew(0deg, -27deg);
    opacity: 0;
  }
  .no-appearance .home #bd .hpheading[data-ready] .membergreeting,
  .no-appearance .home #bd .hpheading[data-ready] .membername {
    transform: translate(0, 0) skew(0, 0);
    opacity: 1;
  }
  .home #bd .hpheading .membergreeting,
  .home #bd .hpheading .membername {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 0.99s;
    transition-duration: 0.99s;
    -webkit-transition-timing-function: cubic-bezier(0.33, 2.1, 0.66, 1);
    transition-timing-function: cubic-bezier(0.33, 2.1, 0.66, 1);
    -webkit-transition-delay: calc(0.3s * var(--index) );
    transition-delay: calc(0.3s * var(--index) );
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.home #bd .container {
  max-width: 64.7em;
}
.home #bd #content {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .home #bd #content {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    float: none;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  .home #bd #content {
    max-width: 48em;
    margin-right: 0;
  }
}
.home #bd #content header.hp {
  white-space: nowrap;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
@media only screen and (min-width: 768px) {
  .home #bd #content .content-text {
    column-count: 2;
    column-gap: 1.5em;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 768px) {
  .home #bd #content p {
    text-align: justify;
    /* midTab 768w */
  }
}
.home #bd .bd {
  width: 8.8em;
  height: 3.95em;
  display: block;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 479px) {
  .home #bd .bd {
    right: 50%;
    /* mintab 480oo */
  }
}
@media only screen and (min-width: 480px) and (max-width: 1299px) {
  .home #bd .bd {
    right: 3%;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .home #bd .bd {
    left: calc( 50% + 28.5em );
    /* desk 1300w */
  }
  .home #bd .bd &gt; g {
    transition-property: transform, opacity;
    transition-duration: calc(1.5s * var(--index) );
    transition-timing-function: cubic-bezier(0.33, 3.3, 0.66, 1);
    transition-delay: calc(0.21s * var(--index) );
  }
  .home #bd .bd .fleurtop {
    transform-origin: 85.22727273% 29.11392405%;
  }
  .home #bd .bd .fleurbot {
    transform-origin: 32.38636364% 118.35443038%;
  }
}
.home #bd .ornament {
  /* width:20%; */
  max-width: 34.3em;
  height: auto;
  max-height: 50.4em;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(calc(-605px - 50%), 0);
  transform-origin: 66% 100%;
}
@media only screen and (max-width: 1299px) {
  .home #bd .ornament {
    display: none;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .home #bd .ornament {
    display: block;
    /* desk 1300w */
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1439px) {
  .home #bd .ornament .decoration {
    transform: translate(0, 0) scale(0.81);
    transform-origin: 75% 100%;
    /* range */
  }
}
/* ==================================================================
	custom content
=================================================================== */
.mediaslider {
  text-align: center;
}
.mediaslider .cycle-slideshow {
  width: 100%;
  margin: 0.5em 0 1.5em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .mediaslider .cycle-slideshow .cycle-slide {
    padding: 0 5%;
    /* midTab opt-out 768oo */
  }
}
.mediaslider .cycle-slideshow &gt; button {
  font-size: 2.8em;
  color: #fb8a3b;
  background: none;
  border: none;
  -webkit-appearance: none;
  position: absolute;
  top: 50%;
  z-index: 900;
  transform: translate3d(0, -50%, 0);
}
.mediaslider .cycle-slideshow &gt; button .icon {
  transition: transform 0.35s ease, opacity 0.35s ease;
}
.mediaslider .cycle-slideshow &gt; button.cycle-prev {
  text-align: left;
  left: 0;
}
.mediaslider .cycle-slideshow &gt; button.cycle-prev .icon {
  transform-origin: left center;
}
.mediaslider .cycle-slideshow &gt; button.cycle-next {
  text-align: right;
  direction: rtl;
  right: 0;
}
.mediaslider .cycle-slideshow &gt; button.cycle-next .icon {
  transform-origin: right center;
}
.mediaslider .cycle-slideshow &gt; button:hover {
  cursor: pointer;
}
.mediaslider .cycle-slideshow &gt; button:hover .icon {
  transform: translate3d(0, 0, 0) scale(1.44);
  opacity: 0.68;
}
/* content centered for slideshow and video-centric content */
.before-and-after #content,
.office-tour #content,
.smile-gallery #content,
.invisalign-videos #content {
  text-align: center;
}
.before-and-after #content h1,
.office-tour #content h1,
.smile-gallery #content h1,
.invisalign-videos #content h1,
.before-and-after #content h2,
.office-tour #content h2,
.smile-gallery #content h2,
.invisalign-videos #content h2,
.before-and-after #content h3,
.office-tour #content h3,
.smile-gallery #content h3,
.invisalign-videos #content h3,
.before-and-after #content p,
.office-tour #content p,
.smile-gallery #content p,
.invisalign-videos #content p {
  text-align: center;
}
.before-and-after .img-left,
.office-tour .img-left,
.smile-gallery .img-left,
.invisalign-videos .img-left {
  float: none;
  margin: 0 auto;
}
/* blockquote styling */
#content blockquote {
  margin: 0 0 1.58em;
  padding: 0 0 0 1em;
  border-left: 0.33em solid #f0f0f0;
}
/* comment line below if patient-login is live and legit */
.financial-information #financial-online-services {
  display: none;
}
/* office location ancillary image style */
@media only screen and (max-width: 767px) {
  .locationimg {
    margin: 0 auto 1em;
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  .locationimg {
    margin: 0 0 1em 1em;
    float: right;
    /* midTab 768w */
  }
}
/* common treatments */
.before-after-image {
  width: 44%;
  display: inline-block;
  vertical-align: top;
}
.before-after-image img,
.before-after-image span {
  display: block;
}
@media only screen and (min-width: 768px) {
  .before-after-image img,
  .before-after-image span {
    width: 100%;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 768px) {
  .before-after-box,
  p.before-after-text {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  /* midTab 768w */
}
/* common procedures */
@media only screen and (min-width: 1300px) {
  .common-procedures #content h2[id] {
    scroll-margin-top: 10em;
  }
  /* desk 1300w */
}
/* preventive-care */
.preventive-care #content ul {
  display: inline-block;
}
/* reduces dimensions of coronavirus tab */
#coronavirus-update {
  font-size: 0.85em;
  padding: 0.5em 1.25em !important;
  left: 0.5em!important;
}
@media only screen and (min-width: 1300px) {
  #coronavirus-update {
    font-size: 1em;
    /* desk 1300w */
  }
}
/* ==================================================================
	meet the team page classes for individual and full team images 
=================================================================== */
.staff {
  width: 45%;
  max-width: 10em;
  margin: 0 0 1em 1em;
  display: block;
  float: right;
}
.team {
  width: 100%;
  max-width: 1000px;
  margin: 2% auto;
  display: block;
}
/* ==================================================================
	sitemap
=================================================================== */
.sitemap #content .column &gt; ul &gt; li {
  margin-bottom: 1.45em;
}
.sitemap #content ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.sitemap #content ul a {
  line-height: 1.52173913;
  font-size: 1.15em;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #fb8a3b;
  transition-duration: 0s;
}
.sitemap #content ul ul li a {
  line-height: 1.6;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  color: #fb8a3b;
  margin-left: 0;
  /*to increase space adjust [body.sitemap #bd ul ul li] below*/
}
.sitemap #content a:hover {
  color: #ec1723;
  text-decoration: none;
}
body.sitemap #bd ul li {
  list-style: none;
}
body.sitemap #bd ul ul li {
  list-style: none;
  /*list-style-image:none;*/
  margin-left: 0;
  /*default=15px*/
}
body.sitemap #content .width1 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body.sitemap #content .width1 {
    width: 50%;
    /*default 50%*/
    /* midTab 768w */
  }
  body.sitemap #content .width1:not(.first) {
    width: auto;
    float: right;
  }
}
/* global override */
/* ==================================================================
	sidebar
=================================================================== */
#sidebar {
  width: 100%;
  max-width: 20.6em;
  margin: 0 auto 6%;
  padding: 0;
  display: none;
  position: relative;
  z-index: 420;
}
@media only screen and (max-width: 767px) {
  #sidebar {
    margin-bottom: 5em;
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  #sidebar {
    width: 31.9379845%;
    margin: 0 0 1em;
    display: block;
    float: right;
    clear: right;
    /* midTab 768w */
  }
}
/* ===============================================
	sitepics
=============================================== */
#hide-stock {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #hide-stock {
    width: 66%;
    /* midTab 768oo */
  }
}
.stock {
  width: 100%;
  max-width: 20.6em;
  height: auto;
  max-height: 19.6em;
  position: relative;
}
.no-appearance .stock {
  width: 412px;
  height: 392px;
}
.stock .shadow {
  -webkit-filter: blur(0.78em);
  filter: blur(0.78em);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 0.35;
}
/* ===============================================
	show doctor image on all devices
=============================================== */
/*.home,*/
/*body[class^='meet-the-'], body[class^='meet-our-'],*/
.meet-the-doctor #sidebar,
body[class*='meet-dr-'] #sidebar,
body[class*='meet-doctor-'] #sidebar {
  display: block;
}
body[class~='blog'] #sidebar {
  display: block;
}
body[class~='blog'] #hide-stock {
  display: none;
}
/* END SIDEBAR - */
/* ===============================================
	spot03
=============================================== */
.spot03 {
  color: #4a4947;
}
@media only screen and (max-width: 665px) {
  .spot03 {
    padding: 3em 0;
    /* custom opt-out 666oo */
  }
}
@media only screen and (min-width: 666px) {
  .spot03 {
    font-size: inherit;
    font-size: min(1.4vw, 1em);
    padding: 6.15em 0 5em;
    direction: rtl;
    /* custom 666w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot03 {
    /* desk 1300w */
  }
  .spot03[data-ready] h2.topic .char {
    transform: translate(0, 100%);
    transition-timing-function: linear;
    transition-duration: 0.12s;
    transition-delay: 0s;
    opacity: 0;
  }
  .no-appearance .spot03[data-ready] h2.topic .char {
    transform: translate(0, 0);
    opacity: 1;
  }
  .spot03[data-ready] a {
    transform: translate(-75vw, 0);
    opacity: 0;
  }
  .no-appearance .spot03[data-ready] a {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.spot03 .spot03defs {
  line-height: 0;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.spot03 .decoration {
  width: 69%;
  max-width: 34.35em;
  margin-bottom: 2em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 420;
}
@media only screen and (min-width: 666px) {
  .spot03 .decoration {
    margin: 0;
    /* custom 666w */
  }
}
.no-appearance .spot03 .decoration {
  width: 687px;
  height: 632px;
}
.spot03 .decoration .cycle-slideshow {
  width: 100%;
  height: 100%;
}
.no-appearance .spot03 .decoration .cycle-slideshow {
  width: 687px;
  height: 632px;
}
.spot03 .decoration .bg {
  width: 100%;
  height: 100%;
}
.spot03 .decoration .bg .blob {
  opacity: 0;
  transition: opacity 0.33s ease-in-out;
}
.spot03 .decoration .bg .blob.cycle-pager-active {
  opacity: 1;
}
.spot03 .mod {
  text-align: left;
  max-width: 30em;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  direction: ltr;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  .spot03 .mod {
    width: 96%;
    /* mintab 480oo */
  }
}
@media only screen and (min-width: 480px) {
  .spot03 .mod {
    width: 66%;
    /* mintab 480w */
  }
}
@media only screen and (min-width: 768px) {
  .spot03 .mod {
    text-align: left;
    padding: 0;
    /* midTab 768w */
  }
}
.spot03 h2.topic {
  line-height: 0.7;
  font-size: 4.5em;
  font-family: 'Sacramento', cursive;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
@media only screen and (min-width: 1300px) {
  .spot03 h2.topic .char {
    transition-property: transform, opacity;
    transition-duration: 0.75s;
    transition-timing-function: cubic-bezier(0.33, 3, 0.66, 1);
    transition-delay: calc(0.03s * var(--char-index) );
    /* desk 1300w */
  }
}
.spot03 h2.topic:after {
  content: '';
  width: 100%;
  max-width: 19.7em;
  height: 4px;
  margin: 4px auto 0.55555556em;
  background-color: #93c83e;
  display: block;
}
@media only screen and (min-width: 768px) {
  .spot03 h2.topic:after {
    margin-right: auto;
    /* midTab 768w */
  }
}
.spot03 .spot03pager {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.spot03 a {
  display: block;
  margin-bottom: 0.45em;
  position: relative;
  z-index: 420;
}
@media only screen and (max-width: 767px) {
  .spot03 a {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 1300px) {
  .spot03 a {
    transition-property: transform, opacity;
    transition-duration: 0.78s;
    transition-timing-function: ease-out;
    transition-delay: calc(0.18s * var(--index) );
    /* desk 1300w */
  }
}
.spot03 a:nth-child(even) {
  margin-left: 2.6em;
}
.spot03 a:nth-child(1) .ornament {
  color: #00904c;
}
.spot03 a:nth-child(2) .ornament {
  color: #ec1723;
}
.spot03 a:nth-child(3) .ornament {
  color: #93c83e;
}
.spot03 a:nth-child(4) {
  margin-bottom: 0;
}
.spot03 a:nth-child(4) .ornament {
  color: #ab4a9c;
}
.spot03 a.cycle-pager-active .signal {
  transform: translate(0, 0);
  opacity: 1;
  transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  transition-duration: 0.66s;
}
.spot03 a:hover .ornament .bg {
  transform: translate(0, 0) rotate(360deg);
  transition-timing-function: cubic-bezier(0.33, 1.8, 0.66, 1);
  transition-duration: 3s;
}
.spot03 a .signal {
  height: 100%;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.33s ease-in-out, opacity 0.33s ease-in-out;
  transform: translate(30em, 0);
  opacity: 0;
}
.no-appearance .spot03 a .signal {
  width: 71px;
  height: 71px;
}
.spot03 a .ornament {
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 420;
}
.spot03 a .ornament:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #fb8a3b;
  z-index: 2;
}
.spot03 a .ornament .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(0, 0) rotate(0deg);
  transform-origin: 51% 48%;
  transition: transform 0s linear;
  pointer-events: none;
}
.spot03 a h3.topic {
  font-family: 'Sacramento', cursive;
  font-weight: 400;
  color: #4a4947;
  margin-left: 0.54em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 420;
}
@media only screen and (max-width: 665px) {
  .spot03 a h3.topic {
    line-height: 44px;
    font-size: clamp( 12px, 1.66666667em , 50px );
    /* custom 666oo */
  }
}
@media only screen and (min-width: 666px) {
  .spot03 a h3.topic {
    line-height: 1.42;
    font-size: 2.5em;
    /* custom 666w */
  }
}
/* ===============================================
	spot04
=============================================== */
.spot04 {
  padding: 12.225em 0;
  background: #9da17d no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .spot04 {
    font-size: min(3vw, 1em);
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  .spot04 {
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  .spot04 {
    background-size: auto auto;
    background-position: 50% 100%;
    /* desk 1300w */
  }
  .spot04.active {
    will-change: background-position;
  }
}
.spot04 .mod {
  width: 96%;
  max-width: 40.35em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  z-index: 420;
}
.spot04 .mod &gt; .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .spot04 .mod &gt; .bg {
    height: 80%;
    transform: translate(0, 15%);
    /* midTab 768oo */
  }
}
.spot04 .cycle-slideshow {
  color: #fff;
  width: 100%;
  margin: 0 auto 4em;
  display: block;
  position: relative;
  z-index: 420;
}
.spot04 .cycle-slide {
  width: 100%;
  display: block;
}
.spot04 .testimony {
  line-height: 1.66666667;
  font-size: clamp( 12px, 1.2em , 24px );
  display: inline;
}
.spot04 .testifier {
  line-height: 2.22222222;
  font-size: clamp( 12px, 0.9em , 18px );
  font-weight: 700;
  text-transform: uppercase;
  color: #ffd018;
  display: inline;
  position: relative;
  margin-left: 0.5em;
  white-space: nowrap;
}
.spot04 .links {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 420;
}
.spot04 .links .spotbtn {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  width: 12.63157895em;
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: color 0.33s ease-in-out;
}
@media only screen and (max-width: 1299px) {
  .spot04 .links .spotbtn {
    line-height: 44px;
    font-size: clamp( 12px, 0.95em , 19px );
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .spot04 .links .spotbtn {
    line-height: 3.05263158;
    font-size: 0.95em;
    /* desk 1300w */
  }
}
.spot04 .links .spotbtn:hover {
  color: #ab4a9c;
}
.spot04 .links .spotbtn:hover .bg path {
  fill: #ffd018;
}
.spot04 .links .spotbtn .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.spot04 .links .spotbtn .bg path {
  transition: fill 0.33s ease-in-out;
}
.spot04 .links .spotbtn .cta {
  display: block;
  position: relative;
  z-index: 420;
}
.spot04 .links .social {
  color: #fff;
  display: block;
  position: absolute;
  transition: transform 0.33s ease-in-out, opacity 0.33s ease-in-out;
}
@media only screen and (max-width: 1299px) {
  .spot04 .links .social {
    line-height: 44px;
    font-size: clamp( 12px, 0.9em , 18px );
    width: 44px;
    height: 44px;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  .spot04 .links .social {
    line-height: 2;
    font-size: 0.9em;
    width: 2em;
    height: 2em;
    /* desk 1300w */
  }
}
.spot04 .links .social:hover:after {
  background-color: #fdad2a;
}
.spot04 .links .social:hover .bg {
  transform: translate(0, 0) scale(1) rotate(360deg);
  transition-duration: 2.1s;
  transition-timing-function: cubic-bezier(0.34, 1.2, 0.64, 1);
}
.spot04 .links .social:after {
  content: '';
  background-color: #fb8a3b;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: 1;
  transition: background-color 0.33s ease-in-out;
}
@media only screen and (max-width: 1299px) {
  .spot04 .links .social:after {
    width: 2em;
    height: 2em;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* desk 1300oo */
  }
}
.spot04 .links .social.facebook {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.spot04 .links .social.google {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
.spot04 .links .social .icon {
  line-height: inherit;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 420;
}
.spot04 .links .social .bg {
  color: #ab4a9c;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(0, 0) scale(1) rotate(0deg);
  transition: transform 0s linear;
  pointer-events: none;
}
@media only screen and (max-width: 1299px) {
  .spot04 .links .social .bg {
    width: 2em;
    height: 2em;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* desk 1300oo */
  }
}
/* ==================================================================
	association logos 
=================================================================== */
.associationlogos {
  text-align: center;
  background: #fff;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .associationlogos {
    font-size: min(3vw, 1em);
    padding: 2em 0;
    /* mintab 480oo */
  }
}
@media only screen and (min-width: 480px) {
  .associationlogos {
    font-size: inherit;
    font-size: min(1.4vw, 1em);
    padding: 3.35em 0;
    /* mintab 480w */
  }
}
@media only screen and (min-width: 1300px) {
  .associationlogos {
    /* desk 1300w */
  }
  .associationlogos[data-ready] a {
    transform: translate(0, 6em);
    opacity: 0;
  }
  .no-appearance .associationlogos[data-ready] a {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.associationlogos a {
  margin: 3.6%;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .associationlogos a {
    margin: 0 2.425em;
    /* midTab 768w */
  }
}
@media only screen and (max-width: 1023px) {
  .associationlogos a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1300px) {
  .associationlogos a {
    transition: transform 0.66s ease-in-out, opacity 0.66s ease-in-out;
    /* desk 1300w */
  }
}
.associationlogos a:hover img,
.associationlogos a:hover svg {
  transform: scale(0.88);
  opacity: 0.5;
}
.associationlogos a.ada {
  width: 7.6em;
  height: 3.05em;
}
.associationlogos a.nda {
  width: 5.15em;
  height: 3.2em;
}
.associationlogos a.nkds {
  width: 7.65em;
  height: 4.65em;
}
.associationlogos a.abpd {
  width: 4.9em;
  height: 4.85em;
}
.associationlogos a.aaopd {
  width: 5.1em;
  height: 5.1em;
}
.associationlogos a.cps {
  width: 9.8em;
  height: 3.85em;
}
.associationlogos a svg {
  width: 100%;
  height: 100%;
}
.associationlogos a img,
.associationlogos a svg {
  display: block;
  transition: opacity 0.33s ease-in-out, transform 0.33s ease-in-out;
}
/* ==================================================================
	#ft
=================================================================== */
#ft {
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 0;
  background: #cccccc no-repeat center center;
  background-size: cover;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1300px) {
  #ft {
    background-size: auto 100%;
    /* desk 1300w */
  }
}
#ft a {
  color: #fff;
  transition: color 0.33s ease-in-out;
}
#ft a:hover {
  color: #ffd018;
}
/* ===============================================
		locations
=============================================== */
#location {
  width: 100%;
  display: block;
  position: relative;
  z-index: 420;
}
@media only screen and (max-width: 665px) {
  #location {
    padding: 6.35em 0;
    /* custom 666oo */
  }
}
@media only screen and (min-width: 666px) {
  #location {
    font-size: 20px;
    height: 28.7em;
    padding: 6.35em 0 0;
    /* custom 666w */
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  #location {
    padding: 6.35em 50% 0 0;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  #location {
    padding: 6.35em calc( 50% + 2.5em ) 0 0;
    /* desk 1300w */
  }
}
#location .mod {
  text-align: left;
  width: 100%;
  max-width: 18.1em;
  display: block;
}
@media only screen and (max-width: 767px) {
  #location .mod {
    margin: 0 auto;
    /* midTab opt-out 768oo */
  }
}
@media only screen and (min-width: 768px) {
  #location .mod {
    margin: 0 0 0 auto;
    /* midTab 768w */
  }
}
#location .phone {
  font-weight: 500;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #location .phone {
    line-height: 44px;
    font-size: clamp( 12px, 0.95em , 19px );
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  #location .phone {
    line-height: 2;
    font-size: 0.95em;
    /* midTab 768w */
  }
}
#location .address {
  font-weight: 500;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 1023px) {
  #location .address {
    line-height: 22px;
    font-size: clamp( 12px, 0.7em , 14px );
    /* midTab 1024oo */
  }
}
@media only screen and (min-width: 1024px) {
  #location .address {
    line-height: 1.5;
    font-size: 0.7em;
    /* midTab 1024w */
  }
}
#location .address .marker {
  line-height: 1;
  font-size: 4.63928571em;
  color: #ab4a9c;
  margin-left: 4.52655889em;
  position: absolute;
  left: 50%;
  top: 3.44880677em;
  z-index: 400;
  transition: transform 0.33s ease-in-out;
  transform-origin: center bottom;
}
@media only screen and (max-width: 665px) {
  #location .address .marker {
    display: none;
    /* custom 666oo */
  }
}
@media only screen and (min-width: 666px) {
  #location .address .marker {
    display: block;
    /* custom 666w */
  }
}
@media only screen and (min-width: 1300px) {
  #location .address .marker {
    transition: transform 0.33s ease-in-out, opacity 0.33s ease-in-out;
    /* desk 1300w */
  }
  [data-ready] #location .address .marker {
    transform: translate(0, -5em);
    opacity: 0;
  }
}
#location .address .marker:before {
  content: '\f041';
  color: currentcolor;
}
#location .address .marker:after {
  content: '';
  width: 0.96969697em;
  height: 0.87878788em;
  background: url(../images/footer/shadow.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  left: 0.075em;
  bottom: -0.025em;
  z-index: -1;
  -webkit-filter: blur(0.04125em);
  filter: blur(0.04125em);
  pointer-events: none;
}
#location .address:hover .marker {
  transform: translate3d(0, 0, 0) scale(2);
}
#location .officehours {
  min-width: 12.5em;
  margin: 2.7em 0 0 6em;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: -1;
}
#location .officehours .bd {
  width: 8.7em;
  height: 3.9em;
  display: block;
  position: absolute;
  top: -2.25em;
  left: -10.7em;
  transform: translate(0, 0) rotateY(180deg);
  transform-origin: 50% 50%;
}
@media only screen and (min-width: 1300px) {
  #location .officehours .bd {
    transition-property: transform, opacity;
    transition-duration: 0.66s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    /* desk 1300w */
  }
  [data-ready] #location .officehours .bd {
    transform: translate(0, 0) rotateY(0deg) scale(0);
    opacity: 0;
  }
  .no-appearance [data-ready] #location .officehours .bd {
    transform: translate(0, 0);
    opacity: 1;
  }
}
#location .officehours .bd .fleurbot {
  transform-origin: 10% 40%;
  transform: scale(1.4122807);
}
#location .officehours .blob {
  width: 4em;
  height: 4em;
  display: block;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 665px) {
  #location .officehours .blob {
    font-size: 1rem;
    /* custom 666oo */
  }
}
@media only screen and (max-width: 767px) {
  #location .officehours .blob1 {
    top: -7.5em;
    left: -5.7em;
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  #location .officehours .blob1 {
    top: -6.7em;
    left: -6em;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  #location .officehours .blob1 {
    /* desk 1300w */
  }
  [data-ready] #location .officehours .blob1 path {
    fill: #ab4a9c;
  }
  .no-appearance [data-ready] #location .officehours .blob1 path {
    fill: #93c83e;
  }
}
#location .officehours .blob2 {
  left: 0;
}
@media only screen and (max-width: 767px) {
  #location .officehours .blob2 {
    top: 0.5em;
    /* midTab 768oo */
  }
}
@media only screen and (min-width: 768px) {
  #location .officehours .blob2 {
    top: 0;
    /* midTab 768w */
  }
}
@media only screen and (min-width: 1300px) {
  #location .officehours .blob2 {
    /* desk 1300w */
  }
  [data-ready] #location .officehours .blob2 path {
    fill: #ffd018;
  }
  .no-appearance [data-ready] #location .officehours .blob2 path {
    fill: #00904c;
  }
}
@media only screen and (min-width: 1300px) {
  #location .officehours .blob path {
    transition: fill 0.33s ease-in-out;
    /* desk 1300w */
  }
}
#location .officehours h2.topic {
  line-height: 1;
  font-size: 1.6em;
  font-family: 'Sacramento', cursive;
  font-weight: 400;
  margin-bottom: 0.578125em;
  display: block;
}
#location .officehours .hoo {
  line-height: 0;
}
#location .officehours .hoo &gt; div {
  line-height: 1.42857143;
  font-size: clamp( 12px, 0.7em , 14px );
  white-space: nowrap;
}
#location .officehours .hoo &gt; div.trait {
  line-height: 1.53846154;
  font-size: 0.65em;
  color: #9dd667;
  margin-left: 0.92307692em;
}
#location .officehours .hoo &gt; div.trait.caveat {
  margin-left: 0.38461538em;
}
#location .officehours .hoo &gt; div .day {
  line-height: 1.53846154;
  font-size: clamp( 12px, 0.92857143em , 13px );
  text-align: right;
  font-weight: 700;
  text-transform: uppercase;
  width: 3.07692308em;
  padding-right: 0.30769231em;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#location .officehours .hoo &gt; div .trait {
  line-height: 1.66666667;
  font-size: clamp( 12px, 0.85714286em , 12px );
  font-style: italic;
  color: #9dd667;
}
/* ==================================================================
		#links
=================================================================== */
#links {
  text-align: center;
  color: #000;
  margin: 0;
  background-color: #fff7ec;
}
@media only screen and (max-width: 1299px) {
  #links {
    padding: 2em 0;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  #links {
    height: 5.85em;
    padding: 1.825em 0 0;
    /* desk 1300w */
  }
  #links[data-ready] .animatron .snail,
  #links[data-ready] .animatron .front,
  #links[data-ready] .animatron .eyntennae,
  #links[data-ready] .animatron .tail {
    animation-play-state: paused;
  }
}
#links .util {
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  #links .util {
    display: inline;
    /* mintab 480oo */
  }
}
@media only screen and (min-width: 480px) {
  #links .util {
    width: auto;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* mintab 480w */
  }
}
@media only screen and (max-width: 1299px) {
  #links .util {
    line-height: 44px;
    font-size: clamp( 12px, 0.55em , 11px );
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  #links .util {
    line-height: 4;
    font-size: 0.55em;
    /* desk 1300w */
  }
}
#links .util a {
  letter-spacing: 0.1em;
  color: #000;
  transition: color 0.33s ease-in-out;
}
#links .util a:hover {
  color: #93c83e;
}
#links .util a,
#links .util .divider {
  display: inline-block;
}
#links .util .divider {
  margin: 0 1.2em;
}
@media only screen and (max-width: 479px) {
  #links .util .divider {
    display: none;
    /* mintab 480oo */
  }
}
#links .animatron {
  width: 4.5em;
  height: 2.2em;
  margin-left: 11.2em;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 1px;
  z-index: 420;
}
@media only screen and (min-width: 1300px) {
  #links .animatron {
    /* desk 1300w */
  }
  #links .animatron .snail {
    animation-name: snailmove;
    animation-fill-mode: both;
    animation-duration: 30s;
    animation-iteration-count: infinite;
  }
  #links .animatron .front {
    transform-origin: 86.63722222% 100%;
    animation-name: snailface;
    animation-fill-mode: both;
    animation-duration: 30s;
    animation-iteration-count: infinite;
  }
  #links .animatron .eyntennae {
    transform-origin: 101.55555556% 38.63636364%;
    animation-name: snaileytena;
    animation-fill-mode: both;
    animation-duration: 30s;
    animation-iteration-count: infinite;
  }
  #links .animatron .tail {
    transform-origin: 84.44444444% 100%;
    animation-name: snailtail;
    animation-fill-mode: both;
    animation-duration: 30s;
    animation-iteration-count: infinite;
  }
}
/* ===============================================
		sesame link
=============================================== */
a#sesame-link .sesameicon {
  width: 2.18181818em;
  height: 1.81818182em;
  margin-right: 0.81818182em;
  display: inline-block;
  vertical-align: middle;
}
a#sesame-link .sesameicon path {
  fill: currentcolor;
  transition: fill 0.33s ease-in-out;
}
/* ===============================================
	backToTop
=============================================== */
#btt {
  text-align: center;
  width: 44px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
a#backtotop {
  color: #fb8a3b;
  display: inline-block;
  vertical-align: top;
  transition: color 0.33s ease-in-out;
}
@media only screen and (max-width: 1299px) {
  a#backtotop {
    line-height: 44px;
    font-size: 22px;
    /* desk 1300oo */
  }
}
@media only screen and (min-width: 1300px) {
  a#backtotop {
    line-height: 2;
    /* desk 1300w */
  }
}
a#backtotop:hover {
  color: #93c83e;
}
/*superlative*/
/************************************************************************************************************************************************/
/* hide double hr aka div.hr */
hr,
.types-of-braces #content div.clear {
  font-size: inherit;
  height: 1px;
  width: 100%;
  margin: 1.58em 0;
  background: #666666;
  border: none;
  display: block;
}
.brushing-and-flossing .content-text hr {
  float: left;
}
/* ===============================================
	success message
=============================================== */
.success {
  font-weight: 400;
  text-transform: none;
  color: #fff;
  width: 100%;
  padding: 1rem;
  background: #fb8a3b;
  float: left;
}
/* ===============================================
	Form Buttons
=============================================== */
form button {
  letter-spacing: normal;
  font-size: small;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  height: 38px;
  padding: 0 1.5em;
  background-color: #fb8a3b;
  border: none;
  position: relative;
  transition: color 0.33s ease-in-out, background-color 0.33s ease-in-out, border-color 0.33s ease-in-out;
}
form button:hover {
  color: #fff;
  background-color: #93c83e;
}
form button:hover:before,
form button:hover:after {
  border-top-color: #93c83e;
}
form button:before,
form button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  transition: border-color 0.33s ease-in-out;
}
form button:before {
  border-top: 38px solid #fb8a3b;
  border-left: 12px solid rgba(255, 255, 255, 0);
  right: 100%;
}
form button:after {
  border-top: 38px solid #fb8a3b;
  border-right: 9px solid rgba(255, 255, 255, 0);
  left: 100%;
}
form p {
  height: auto;
}
/* ===============================================
	chat widget resize for mobile use comfort
=============================================== */
#bc-chat-container {
  font-size: 0.8em!important;
}
.bc-minimize-state {
  width: 11.8em!important;
  height: 7.7em!important;
}
/* ===============================================
	blog sidebar sharethiswidget styles
=============================================== */
#blog_search label,
p.share-text {
  margin-bottom: 10px;
}
/* ===============================================
	generic button for quick use by PM/PAs
=============================================== */
a.intbtn,
#content a.intbtn {
  line-height: 44px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  height: 44px;
  width: auto;
  text-decoration: none;
  padding: 0 1.5em;
  background-color: #fb8a3b;
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: background-color 0.33s ease-in-out;
}
a.intbtn:hover,
#content a.intbtn:hover {
  background-color: #ec1723;
}
/* ===============================================
	.screenreader 
	a11y support for descriptive text on vaguely worded buttons
	https://gomakethings.com/hidden-content-for-better-a11y/#hidden-labels
=============================================== */
.screenreader {
  white-space: nowrap;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
/************************************************************************************************************************************************/
/* end superlatives */
/* ===============================================
Tablet
Supports 768px (768px) and up
=============================================== */
@media only screen and (min-width: 768px) {
  /* ===============================================
	blanket content sidebar hide
=============================================== */
  .sitemap #bd.sub:after,
  .layout-full-width #bd.sub:after {
    content: none;
  }
  .sitemap #content,
  .layout-full-width #content {
    width: 100%;
    max-width: none;
  }
  .sitemap #sidebar,
  .layout-full-width #sidebar {
    display: none;
  }
  /* ===============================================
	custom content
=============================================== */
  /*.success{ width:66%; }*/
  /*table.office-hours{ max-width:50%; }*/
  .speed-system img[alt='Speed Braces'] {
    display: block;
  }
  /* ===============================================
	PAGE SPECIFIC
=============================================== */
  .which-is-right-for-me #content p {
    display: inline-block;
    float: left;
  }
  .which-is-right-for-me #content a[href^='/sesame_media/docs/'] {
    text-align: center;
    width: 100%;
    display: block;
    clear: both;
  }
  .which-is-right-for-me #content a[href^='/sesame_media/docs/'] img {
    display: inline-block;
  }
  .in-ovation-testimonials .embed-container {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  [class^='inovation-chart-'] {
    max-width: 50%;
    display: inline-block;
  }
  .in-ovation-before-after #content p {
    text-align: center;
    margin-bottom: 0;
  }
  .in-ovation-before-after .content-text h3 {
    text-align: center;
  }
  .in-ovation-before-after .content-text .img-left,
  .in-ovation-before-after .content-text .border {
    max-width: 44%;
    margin: 2%;
    display: inline-block;
    float: none;
  }
  .in-ovation-videos .content-text h2 {
    text-align: center;
  }
  .in-ovation-videos .content-text .embed-container {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  body[class*='in-ovation'] .img-right {
    max-width: 40%;
  }
  /*END*/
}
/* ie nonsense */
/***********************************************
target ie11: html[data-useragent*='Trident/7.0']
***********************************************/
html[data-useragent*='Trident/7.0'] {
  /* END */
}
/* custom animations */
@keyframes flyinmobilenav {
  from {
    transform: translate(100%, 0);
    opacity: 0;
    pointer-events: none;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
  }
}
/* ===============================================
PULSE STUFF
=============================================== */
/* pulse_custom */
@keyframes pulse_custom {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.44, 1.44, 1.44);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse_custom {
  animation-name: pulse_custom;
}
/* pulse_rev */
@keyframes pulse_rev {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(0.88, 0.88, 0.88);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse_rev {
  animation-name: pulse_rev;
}
/* ===============================================
dragonfly animations
=============================================== */
@keyframes dfwingneg {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-18deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.dfwingneg {
  animation-name: dfwingneg;
}
@keyframes dfwingpos {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(18deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.dfwingpos {
  animation-name: dfwingpos;
}
@keyframes dffly {
  0% {
    transform: translate(0, 0) rotate(0deg);
    transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }
  21% {
    transform: translate(13.85em, -17.8em) rotate(0deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  33% {
    transform: translate(22.5em, -28.35em) rotate(23.908deg);
    transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }
  39% {
    transform: translate(29.65em, -27.5em) rotate(87.158deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  45% {
    transform: translate(32em, -16.95em) rotate(127.565deg);
    transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }
  48% {
    transform: translate(30.45em, -8.1em) rotate(151.871deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  51% {
    transform: translate(25.75em, -3.65em) rotate(219.03deg);
    transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }
  63% {
    transform: translate(11.5em, -13.75em) rotate(262.696deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  75% {
    transform: translate(-4.15em, -25.55em) rotate(213.133deg);
    transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }
  84% {
    transform: translate(-13.35em, -13.35em) rotate(149.125deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  93% {
    transform: translate(-14.25em, 3.8em) rotate(77.697deg);
    transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
}
.dffly {
  animation-name: dffly;
}
/* ===============================================
bee animations
=============================================== */
@keyframes buzzlarge {
  0% {
    transform: rotate(0deg) scaleY(1);
  }
  50% {
    transform: rotate(-180deg) scaleY(0.24);
  }
  100% {
    transform: rotate(0deg) scaleY(1);
  }
}
.buzzlarge {
  animation-name: buzzlarge;
}
@keyframes buzzlittle {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.12);
  }
  100% {
    transform: scaleY(1);
  }
}
.buzzlittle {
  animation-name: buzzlittle;
}
@keyframes buzzpath {
  0% {
    transform: translate(0, 0);
  }
  24% {
    transform: translate(-12em, -10.95em);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  33% {
    transform: translate(-11.4em, -12.15em) rotateY(180deg);
    transition-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
  }
  42% {
    transform: translate(5.9em, -4.05em) rotateY(180deg);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  51% {
    transform: translate(9.05em, -9.5em);
    transition-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
  }
  66% {
    transform: translate(-9.6em, -17.1em);
    transition-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
  }
  75% {
    transform: translate(-9.15em, -23.9em) rotateY(180deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  81% {
    transform: translate(-1.8em, -26.9em) rotateY(180deg);
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  90% {
    transform: translate(8.2em, -17.2em) rotateY(180deg);
    transition-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
  }
  96% {
    transform: translate(16.4em, -21.8em) rotateY(180deg);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  100% {
    transform: translate(23.75em, -14.85em) rotateY(180deg);
    transition-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
  }
}
.buzzpath {
  animation-name: buzzpath;
}
/* ===============================================
snail animations 
=============================================== */
@keyframes snailmove {
  0% {
    transform: translate(0, 0);
  }
  4.347% {
    transform: translate(50%, 0);
  }
  13.041% {
    transform: translate(50%, 0);
  }
  17.388% {
    transform: translate(100%, 0);
  }
  26.082% {
    transform: translate(100%, 0);
  }
  30.429% {
    transform: translate(150%, 0);
  }
  39.123% {
    transform: translate(150%, 0);
  }
  43.47% {
    transform: translate(200%, 0);
  }
  52.164% {
    transform: translate(200%, 0) rotateY(180deg);
  }
  56.511% {
    transform: translate(150%, 0) rotateY(180deg);
  }
  65.205% {
    transform: translate(150%, 0) rotateY(180deg);
  }
  69.552% {
    transform: translate(100%, 0) rotateY(180deg);
  }
  78.246% {
    transform: translate(100%, 0) rotateY(180deg);
  }
  82.593% {
    transform: translate(50%, 0) rotateY(180deg);
  }
  91.287% {
    transform: translate(50%, 0) rotateY(180deg);
  }
  95.634% {
    transform: translate(0, 0) rotateY(180deg);
  }
  100% {
    transform: translate(0, 0);
  }
}
.snailmove {
  animation-name: snailmove;
}
@keyframes snailtail {
  0% {
    transform: scaleX(1) scaleY(1);
  }
  4.173% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  8.694% {
    transform: scaleX(1) scaleY(1);
  }
  13.041% {
    transform: scaleX(1) scaleY(1.2);
  }
  17.194% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  21.735% {
    transform: scaleX(1) scaleY(1);
  }
  26.082% {
    transform: scaleX(1) scaleY(1.2);
  }
  30.214% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  34.776% {
    transform: scaleX(1) scaleY(1);
  }
  39.123% {
    transform: scaleX(1) scaleY(1.2);
  }
  43.235% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  47.817% {
    transform: scaleX(1) scaleY(1);
  }
  52.164% {
    transform: scaleX(1) scaleY(1.2);
  }
  56.255% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  60.858% {
    transform: scaleX(1) scaleY(1);
  }
  65.205% {
    transform: scaleX(1) scaleY(1.2);
  }
  69.276% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  73.899% {
    transform: scaleX(1) scaleY(1);
  }
  78.246% {
    transform: scaleX(1) scaleY(1.2);
  }
  82.296% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  86.94% {
    transform: scaleX(1) scaleY(1);
  }
  91.287% {
    transform: scaleX(1) scaleY(1.2);
  }
  95.317% {
    transform: scaleX(1.5) scaleY(0.9);
  }
  100% {
    transform: scaleX(1) scaleY(1);
  }
}
.snailtail {
  animation-name: snailtail;
}
@keyframes snailface {
  0% {
    transform: skew(0deg, 0deg);
  }
  4.173% {
    transform: skew(18deg, -6deg);
  }
  8.694% {
    transform: skew(-6deg, 0deg);
  }
  13.041% {
    transform: skew(0deg, 0deg);
  }
  17.194% {
    transform: skew(18deg, -6deg);
  }
  21.735% {
    transform: skew(-6deg, 0deg);
  }
  26.082% {
    transform: skew(0deg, 0deg);
  }
  30.214% {
    transform: skew(18deg, -6deg);
  }
  34.776% {
    transform: skew(-6deg, 0deg);
  }
  39.123% {
    transform: skew(0deg, 0deg);
  }
  43.235% {
    transform: skew(18deg, -6deg);
  }
  47.817% {
    transform: skew(-6deg, 0deg);
  }
  52.164% {
    transform: skew(0deg, 0deg);
  }
  56.255% {
    transform: skew(0deg, -6deg);
  }
  60.858% {
    transform: skew(-6deg, 0deg);
  }
  65.205% {
    transform: skew(18deg, -6deg);
  }
  69.276% {
    transform: skew(0deg, 0deg);
  }
  73.899% {
    transform: skew(-6deg, 0deg);
  }
  78.246% {
    transform: skew(18deg, -6deg);
  }
  82.296% {
    transform: skew(0deg, 0deg);
  }
  86.94% {
    transform: skew(-6deg, 0deg);
  }
  91.287% {
    transform: skew(18deg, -6deg);
  }
  95.317% {
    transform: skew(0deg, 0deg);
  }
  100% {
    transform: skew(0deg, 0deg);
  }
}
.snailface {
  animation-name: snailface;
}
@keyframes snaileytena {
  0% {
    transform: skew(0deg, 0deg) scaleY(0.93);
  }
  4.173% {
    transform: skew(9deg, 12deg) scaleY(0.81);
  }
  8.694% {
    transform: skew(-9deg, 0deg) scaleY(0.93);
  }
  13.041% {
    transform: skew(0deg, 9deg) scaleY(0.81);
  }
  17.194% {
    transform: skew(9deg, 12deg) scaleY(0.93);
  }
  21.735% {
    transform: skew(-9deg, 0deg) scaleY(0.81);
  }
  26.082% {
    transform: skew(0deg, 9deg) scaleY(0.93);
  }
  30.214% {
    transform: skew(9deg, 12deg) scaleY(0.81);
  }
  34.776% {
    transform: skew(-9deg, 0deg) scaleY(0.93);
  }
  39.123% {
    transform: skew(0deg, 9deg) scaleY(0.81);
  }
  43.235% {
    transform: skew(9deg, 12deg) scaleY(0.93);
  }
  47.817% {
    transform: skew(-9deg, 0deg) scaleY(0.81);
  }
  52.164% {
    transform: skew(0deg, 0deg) scaleY(0.93);
  }
  56.255% {
    transform: skew(0deg, 0deg) scaleY(0.81);
  }
  60.858% {
    transform: skew(9deg, 12deg) scaleY(0.93);
  }
  65.205% {
    transform: skew(-9deg, 0deg) scaleY(0.81);
  }
  69.276% {
    transform: skew(0deg, 9deg) scaleY(0.93);
  }
  73.899% {
    transform: skew(9deg, 12deg) scaleY(0.81);
  }
  78.246% {
    transform: skew(-9deg, 0deg) scaleY(0.93);
  }
  82.296% {
    transform: skew(0deg, 9deg) scaleY(0.81);
  }
  86.94% {
    transform: skew(9deg, 12deg) scaleY(0.93);
  }
  91.287% {
    transform: skew(-9deg, 0deg) scaleY(0.81);
  }
  95.317% {
    transform: skew(0deg, 9deg) scaleY(0.93);
  }
  100% {
    transform: skew(0deg, 0deg) scaleY(0.81);
  }
}
.snaileytena {
  animation-name: snaileytena;
}
/* ===============================================
splitting stuff 
=============================================== */
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}
/* Psuedo-element chars */
.splitting .char {
  position: relative;
}
/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}
/* Expanded CSS Variables */
.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent:  calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive &amp; negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}
/* ===============================================
	embed-container enhanced support
=============================================== */
@supports (aspect-ratio: 16 / 9) and (object-fit: cover) {
  .embed-container,
  .embed-container.ratio16x9 {
    height: auto;
    aspect-ratio: 16 / 9;
    padding: 0;
    display: block;
  }
  @media only screen and (max-width: 1299px) {
    .embed-container,
    .embed-container.ratio16x9 {
      max-width: min( 36.7em , 90% );
      /* desk 1300oo */
    }
  }
  @media only screen and (min-width: 1300px) {
    .embed-container,
    .embed-container.ratio16x9 {
      max-width: min( 36.7em , 1200px );
      /* desk 1300w */
    }
  }
  .embed-container embed,
  .embed-container.ratio16x9 embed,
  .embed-container object,
  .embed-container.ratio16x9 object,
  .embed-container iframe,
  .embed-container.ratio16x9 iframe {
    object-fit: cover;
    position: relative;
    top: auto;
    left: auto;
  }
}
</pre></body></html>