*                                                   {margin:0;padding:0;border:0;font-family: Calibri, Arial;font-weight: 300;text-decoration:none;font-size:14pt;}
@font-face {
	font-family: 'feather';
	font-weight: normal;
	font-style: normal;
	src: url('../../fonts/feather.eot?1gafuo');
	src: url('../../fonts/feather.eot?1gafuo#iefix') format('embedded-opentype'), url('../../fonts/feather.woff2?1gafuo') format('woff2'), url('../../fonts/feather.ttf?1gafuo') format('truetype'), url('../../fonts/feather.woff?1gafuo') format('woff'), url('../../fonts/feather.svg?1gafuo#feather') format('svg');
}
body                                                {background:#ffffff/*#9378a8;*/;font-size:0.1px;}
.border                                             {background:#422950;position:fixed;height:10px;width:100%;z-index:10;top:0;}
/* GENERIC  
------------------------------------*/
.clear                                              {clear:both;}
.left                                               {float:left;}
.right                                              {float:right!important;}
.ML                                                 {margin-left:15px;}
.MR                                                 {margin-right:15px;}
.accessibilityLinks                                 {display:none;}
p                                                   {line-height:1.4em}
a                                                   {color:#422950;cursor:pointer}
b                                                   {color:#422950;font-weight:700}
.button                                             {display:block;width:40%;margin:20px auto;text-align:center;background:#422950;color:#ffffff;padding:10px;text-transform:uppercase;font-size:14pt;font-weight:bold;border:solid #422950 2px;}
.button:hover                                       {background:#dcd9dd;color:#422950}

.specialOffer                                       {background:#422950;text-align:center;position:fixed;bottom:0;left:50%;width:450px;margin-left:-225px;z-index:100001;color:#ffffff;padding:10px 0;border-top-right-radius:28px;border-top-left-radius:28px;}
.specialOffer b a                                   {color:#ffffff;font-weight:bold}
.specialOffer a                                     {color:#ffffff;}
.showMobile                                         {display:none;}
.smaller                                            {font-size:11px;}
.separator                                          {text-align:center;margin:50px 0;}
/* TITLES
------------------------------------*/
h1, h2, h3, h4, h5                                  {color:#422950;margin:10px 0;font-weight:bold;text-align:left;font-family: 'Nunito', sans-serif;width:inherit;display:inline-block;clear:both;text-transform:uppercase;}
h1 {
	font-size: 24pt;
	border-bottom: #422950 solid 1px;
	margin: 30px 0 50px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: #422950;
	COLOR: #ffffff;
	display: block;
	text-align: center;
	padding: 10px 0;
}
h2                                                  {font-size:20pt;margin:30px 0 5px 0;border-bottom:#422950 solid 1px;margin:30px 0 20px 0;}
h3                                                  {}
h4                                                  {color:#ffffff;}
h5                                                  {color:#ffffff;}


/* SPECIALS
------------------------------------*/
.specials                                           {position:fixed;right:20px;bottom:20px;z-index:4;width:150px;text-align:center;}
.specials a                                         {background:rgb(215, 210, 208);display:inline-block;color:#422950;padding:15px 15px;border-radius:25px;margin:10px 0;text-transform:uppercase;border:solid #422950 3px;font-weight:bold;width:125px;font-size:12pt;}

/* HEADER
------------------------------------*/
header                                              {position: fixed;left: 0;top: 0;width: 70px;height: 100dvh;background: #422950;z-index: 5;text-align: center;padding-top: calc(70px + env(safe-area-inset-top));padding-bottom: env(safe-area-inset-bottom);inset: 0;}

@supports (height: 100svh) {
  header {
    height: 100svh; /* full visual height including under browser UI */
  }
}

header.menu--active                                 {background: #422950;transition: background 320ms ease;}
header.menu--active::before                         {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 400px;z-index: 0;}
header a                                            {color:#422950;display:block;}

.socialIcons                                        {position:absolute;bottom:100px;width:100%;}
.socialIcons a                                      {margin:10px 0;}
.socialIcons img                                    {width:40px;height:40px;}

/* HOMEPAGE
------------------------------------*/
.homeVideoWrapper                                   {width:100vw;max-height:100vh;overflow:hidden;border-bottom-right-radius:250px;}
.homeVideoWrapper video                             {min-width:100%;min-height:100%;}
.homeVideoWrapper video img                         {min-width:100%;min-height:100%;}
.mainLogo                                           {position:absolute;top:40%;left:50%;max-width:700px;margin-left:-350px;z-index:5}
.mainLogo img                                       {max-width:100%;}

/* NAVIGATION  
------------------------------------*/
.menu                                               {transition: transform 320ms cubic-bezier(.2,.8,.2,1), width 320ms cubic-bezier(.2,.8,.2,1);will-change: transform, width;width: 150px;transform: translateX(-100%);}
.menu .logo                                         {max-width:270px;position:absolute;top:90px;margin-left:15px}
.menu *                                             {color:#422950;}
.menu.menu--open                                    {transform: translateX(0);width: 330px;height:100vh;position:fixed;top:0;left:70px;z-index:9;background:#d7d2d0;border-right:solid #422950 2px}
.menu:not(.menu--open) .menu__link                  {color: transparent;text-indent: -9999px;white-space: nowrap;pointer-events: none;}
.menu.menu--open .menu__link                        {text-indent: 0;pointer-events: auto;}
.menu:not(.menu--open) .menu__link[data-submenu]::after {display: none;}
.menu.menu--open .menu__link[data-submenu]::after   {display: block;}
.menu__wrap                                         {overflow: hidden;}
.menu__level                                        {position: absolute;top: 160px;left: 0;visibility: hidden;width:100%;}
.menu__level--current                               {visibility: visible;width:100%;display:block;}
.menu-backdrop                                      {}
.menu-backdrop.visible                              {opacity: 1;pointer-events: auto;}
.menu__item                                         {display: block;width: calc(100% - 50px);} 
.menu__link                                         {font-weight: 600;position: relative;display: block;padding: 10px 2.5em 10px 1.5em;-webkit-transition: color 0.1s;transition: color 0.1s;} 
.menu__link[data-submenu]::after                    {content: '→';font-family: 'feather';position: absolute;right: 0;padding: 0.25em 1.25em;top:4px;} 
.menu__link:hover, .menu__link[data-submenu]:hover::after {text-decoration:underline;} 
.menu__link--current::before                        {content: '\00B7';font-size: 1.5em; line-height: 0;position: absolute;top: 50%;left: 0.5em;height: 4px;color: #5c5edc;} 
[class^='animate-'], [class*=' animate-']           {visibility: visible;}
.indent                                             {margin-left:30px;}
/* --- Safari stability helpers --- */
.menu__item {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* --- Move out to the right --- */
.animate-outToRight .menu__item {
    animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@keyframes outToRight {
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

/* --- Move out to the left --- */
.animate-outToLeft .menu__item {
    animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@keyframes outToLeft {
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

/* --- Slide in from left --- */
.animate-inFromLeft .menu__item {
    animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@keyframes inFromLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* --- Slide in from right --- */
.animate-inFromRight .menu__item {
    animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@keyframes inFromRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


.menu__breadcrumbs                                  {font-size: 0.65em;line-height: 1;padding: 2.5em 15px 1.5em 15px;margin-top:20px}
.menu__breadcrumbs a                                {display: inline-block;cursor: pointer;vertical-align: middle;letter-spacing: 1px;text-transform: uppercase;color: #422950;font-size:9pt;text-decoration:underline;}
.menu__breadcrumbs a:last-of-type                   {text-decoration:none;}
.menu__breadcrumbs a:last-child                     {pointer-events: none;}
.menu__breadcrumbs a:hover                          {color: #422950;}
.menu__breadcrumbs a:not(:last-child)::after        {content: '\e902';font-family: 'feather';display: inline-block;padding: 0 5px;color: #999999;}
.menu__breadcrumbs a:not(:last-child):hover::after  {color: #33353e;}
.menu__back                                         {font-size: 1.05em;position: absolute;z-index: 100;top: 0;right: 2.25em;margin: 0;padding: 1.365em 0.65em 0 0;cursor: pointer;color: #2a2b30;border: none;background: none;}
.menu__back--hidden                                 {pointer-events: none;opacity: 0;}
.menu__back:hover, .menu__back:focus                {color: #fff;outline: none;}
.action                                             {display: block;margin: 0;padding: 0;cursor: pointer;border: none;background: none;position:fixed;}
.action:focus                                       {outline: none;}
.action--open                                       {font-size: 1.5em;top: 1em;left: 25px;color: #fff;z-index: 1000;width:20px;height:20px;background:url(../../pix/navigation.png) no-repeat center center;background-size:contain;top:15px}
.action--close                                      {font-size: 1.1em;right: 1em;color: #45464e;width:25px;height:25px;background:url(../../pix/close.png) no-repeat center center;background-size:contain;z-index: 1000;top:15px}
.indentme                                           {margin-left:30px;}

/* TOOLTIPS FOR ICON NAV  
------------------------------------*/
.icon-wrap                                          {display: flex;gap: 2rem;justify-content: center;margin-top: 3rem;}
.icon                                               {position: relative;display: inline-block;}
.icon img                                           {width: 40px;height: auto;transition: transform 0.3s ease;}
.icon:hover img                                     {transform: scale(1.1);}
.icon::after                                        {content: attr(data-tip);position: absolute;bottom: 8%;left: 160px;transform: translateX(-50%) scale(0.95);background: #422950;color: #fff;padding: 10px 16px;border-radius: 8px;font-size: 0.95rem;white-space: normal;box-shadow: 0 4px 10px rgba(0,0,0,0.3);opacity: 0;pointer-events: none;transition: opacity 0.25s ease, transform 0.25s ease;z-index: 10;width: 150px;}
.icon::before                                       {content: "";position: absolute;top:0px;left: 58px;transform: translateY(-50%);border-width: 12px;border-style: solid;border-color: transparent #422950 transparent transparent;opacity: 0;transition: opacity 0.25s ease;}
.icon:hover::after,
.icon:hover::before                                 {opacity: 1;transform: translateX(-50%) scale(1);}
.icon:hover::after, .icon:hover::before             {opacity: 1;transform: translateX(-50%) scale(1);}


.logoHeader                                         {text-align:center;padding:100px 0 50px 0;margin-left:70px;background:#ffffff;}
.logoHeader img                                     {max-width:700px;}
p.inline img                                        {max-width:100%;}

@media screen and (max-width: 40em) {
	.action--open,
	.action--close {
		display: block;
	}
	.menu {
		z-index: 1000;
		top: 0;
		width: 100%;
		height: 100vh;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}
	.menu--open {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


/* TREATMENT BOXES ON HOMEPAGE 
------------------------------------*/
section.ourtreatments figure                        {max-width:1700px;}
.treatmentBox                                       {width: 24.65%;height: 400px;border: 1px solid #ccc;position: relative;overflow: hidden;text-align: center;cursor: pointer;background: #f9f9f9;align-items: center;justify-content: center;display:inline-block;border-radius:50px;}
.ourtreatments                                      {text-align:center;}
.treatmentBox h3                                    {text-transform:uppercase;margin: 0;font-size: 1.2rem;z-index: 2;pointer-events: none;width: 100%;text-align: center;height: 100%;line-height: 380px;backgrounD: RGBA(66,41,80,0.7);color:#ffffff;}
.treatmentCol                                       {position: absolute;inset: 0;background: #422950;overflow-y: auto;padding: 1rem;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}
.treatmentCol a                                     {display:block;color:#ffffff;line-height:40px;}
.treatmentBox:hover .treatmentCol                   {opacity: 1;visibility: visible;}
.treatmentBox:hover h3                              {opacity: 0;}
.boxOne                                             {background:url(../../pix/treatment-one.jpg?ver=1) no-repeat;background-size:cover;}
.boxTwo                                             {background:url(../../pix/treatment-two.jpg?ver=1) no-repeat;background-size:cover;}
.boxThree                                           {background:url(../../pix/treatment-three.jpg?ver=1) no-repeat;background-size:cover;}
.boxFour                                            {background:url(../../pix/treatment-four.jpg?ver=1) no-repeat;background-size:cover;}



/* SOCIAL MEDIA  
------------------------------------*/
.social                                             {display:none;z-index:15;width:auto;float:left;margin-top:12px;margin-left:15px}
.social img                                         {height:26px;width:26px;}


/* CONTENT  
------------------------------------*/
section                                             {clear:both;padding:20px 15px 20px 15px;text-align:left;color:#898989;background:#ffffff;margin-left:70px;}
section.faded                                       {background: #dcd9dd;padding-bottom:100px;}
section figure                                      {max-width:1200px;margin:0 auto;}
section.ethosBox                                    {background:#422950;color:#ffffff;text-align:center;padding:50px 0}
section.whiteBG                                     {clear:both;background:#ffffff;color:#898989;}
section .box                                        {width:47%;float:left;padding:10px 0;margin:0 3% 0 0}
section .one                                        {}
section p                                           {padding:0 0 0 0;margin:12px 0}
section p img                                       {text-align:center;margin: 0 auto;width:auto;}
section figure ul                                   {list-style:circle;list-style-position:outside;margin-left:20px;}
section figure ul li                                {margin:3px 0;line-height:27px}
section figure ol                                   {list-style:circle;list-style-position:outside;margin-left:20px;}
section figure ol li                                {margin:3px 0}
section .column                                     {float:left;width:49%;}
section figure sup                                  {font-size:11px;padding-bottom:4px;}
section figure .day                                 {display:inline-block;width:130px;}
.highlight                                          {text-align:left;font-style:normal;color:#422950;font-weight:bold;}
.videoWrapper                                       {text-align:center;margin:0 auto;}
.videoWrapper video									{border:solid #422950 3px;}
.beforeAfter                                        {margin-left:15px;float:right;}
.bodyImage                                          {width:100%;margin:0 auto;text-align:center}

.staff                                              {width:100%;text-align:center;border-top:solid #422950 1px;padding: 30px 0 50px 0}
.staff h3                                           {text-align:center;font-size:24pt;padding-bottom:30px;}
.staff h4                                           {color:#422950}
#content-rotator                                    {max-width:1200px;margin:0 auto;}
.rotator-content                                    {max-width:1200px;margin:0 auto;width:100%}
.staffImage                                         {float:left;margin-right:15px;max-width:150px;}
.staffImage img                                     {max-width:100%;}
.staffText                                          {text-align:left;color:#585858;}
.staffText p                                        {font-size:90%;margin:5px 0;}
.ui-rotator-toggle                                  {background:#999999;width:15px;display:inline;margin:0 5px;}
.ui-rotator-content                                 {overflow: hidden;position: relative;}
.ui-rotator-content .ui-rotator                     {position: absolute !important;}
.ui-rotator-toggler                                 {clear:both;margin-top:10px;text-align: center;}
.ui-rotator-toggle                                  {border-radius: 50%;cursor: pointer;display: inline-block;height: 15px;list-style: none; margin-left: 10px;width: 15px;}
.ui-rotator-toggle:first-child                      { margin-left: 0; }
.ui-rotator-toggle.ui-state-active                  { cursor: default; }
.ui-state-active                                    {background:#422950;}
.alr                                                {float:right;}

/* SUMMARY BOXES  
------------------------------------*/
.keyInfoIcon                                        {display:none;background:#422950 url(../../pix/info.jpg) center center no-repeat;width:50px;height:50px;float:right;border-bottom-left-radius:15px;margin-top:25px;}
section article                                     {max-width:1200px;margin:0 auto;}
.summaryBox                                         {width:100%;padding:0;margin:0 auto 50px auto;text-align:center;}
.summaryBox h3                                      {font-size:20pt;text-decoration:underline;margin-top:40px;}

.summaryRow                                         {width:100%;max-width:300px;text-align:center;display:inline-block;margin:0 0 10px 0.5%;border:solid #422950 10px;background:#d7d2d0;padding:25px 10px;border-radius:15px;vertical-align:top;}
.summaryCell                                        {padding:0px 0 0 0;color:#422950;padding:10px 0;min-height:70px;}
.summaryCell b                                      {color:#422950;}
.summaryIcon                                        {height:40px;text-align:center;width:100%;}
.summaryIcon img                                    {width:50px;}
/* PRICING BOXES  
------------------------------------*/
.pricingBox                                         {display:none;width:100%;background:rgba(0,0,0,0);padding:0;border:solid #422950 5px;float:left;}
.pricingBox h3                                      {background:#422950;color:#ffffff;margin:0;padding:5px 0 5px 1%;width:99%;}
.pricingRow                                         {width:99%;margin:10px auto;clear:both;border-bottom:solid #422950 1px;}
.pricingCell                                        {float:left;padding:5px 0}
.pricingBox .title                                  {width:65%;padding-bottom:5px;}
.pricingBox .cost                                   {width:15%;text-align:center}
.pricingBox .area                                   {width:20%;text-align:center}
.pricingRow:first-of-type                           {border-bottom:none;margin-top:0;}
        img.job {max-width:300px;}
                .jobtitle {position: relative;top: 220px;color: #422950;max-width: 150px;text-align: center;margin: 0 auto;}
        .jobD {display:inline-block;margin:0 10px}

.divdeButton {
    display: none!important;
    font-size: 1px;
}

.bold div                                           {color:#422950;font-weight:bold!important;}
.header                                             {border:none;}
.header div                                         {font-weight:bold!important;color:#422950;}
.laser1                                             {width:19%;text-align:center;padding-left:1%}
.laser2                                             {width:20%;text-align:center}
.laser3                                             {width:20%;text-align:center}
.laser4                                             {width:20%;text-align:center}
.laser5                                             {width:20%;text-align:center}
.fit1                                               {width:25%;text-align:left}
.fit2                                               {width:14%;text-align:center;border-right: solid #422950 1px;}
.fit3                                               {width:15%;text-align:center}
.fit4                                               {width:15%;text-align:center}
.fit5                                               {width:15%;text-align:center}
.fit6                                               {width:15%;text-align:center}
.freeText                                           {padding-left:1%;}
.vag1                                               {width:33%;text-align:center;padding-left:1%;}
.vag2                                               {width:33%;text-align:center;}
.vag3                                               {width:33%;text-align:center;}
.geneo1                                             {width:60%;}
.geneo2                                             {width:20%;text-align:center;}
.geneo3                                             {width:20%;text-align:center;}

.oxygen1                                            {width:49%;}
.oxygen2                                            {width:20%;text-align:center}

.red                                                {font-weight:bold;color:#422950;}
.green                                              {font-weight:bold;color:#422950;}
.yellow                                             {font-weight:bold;color:#422950;}
.blue                                               {font-weight:bold;color:#422950;}

/* ETHOS CONTENT  
------------------------------------*/
.ethosBox                                           {}
.ethosBox h3                                        {width:100%;color:#ffffff;text-align:center;text-transform:uppercase;min-height:60px;}
.ethos1                                             {float:left;width:20%;margin:0 0 0 12%;}
.ethos2                                             {float:left;width:20%;margin:0 10%;}
.ethos3                                             {float:left;width:20%;margin:0 8% 0 0}


/* TREATMENTS  
------------------------------------*/
.treatment                                          {float:left;width:20%;margin:20px 2%;max-height:206px;overflow:hidden;max-width:244px;border:solid #422950 1px;}
.treatment h3                                       {color:#422950;position:absolute;text-align:center;background:rgba(255,255,255,0.7);padding:5px 15px 5px 15px;margin-left:1px;}
.treatment img                                      {width:100%;}
.treatment:hover                                    {opacity:0.8;}
.advTreatments                                      {border:solid #422950 1px;margin:10px 0;overflow:hidden}
.advTreatments h3                                   {background:#422950;color:#ffffff;width:100%;margin:0;padding:6px 15px;}
.advTreatments h3 span                              {float:right;margin-right:50px;font-weight:bold;}
.advTreatments p                                    {padding:0 15px;}

/* TEAM  
------------------------------------*/
.teamMember                                         {padding:20px 0;clear:both;}
.teamMember img                                     {border:solid #422950 1px;width:180px;}
.teamMember h2                                      {border-bottom:0;padding:0;margin:0}
.teamMember p                                       {margin:3px 0}
.teamText                                           {float:left;max-width:71%}
/* BRANDS  
------------------------------------*/
.brand                                              {margin-left:25px;border:solid #422950 1px;}
.theClinic                                          {width:100%;max-width:100%;margin:0 auto;text-align:center}
.theClinic img                                      {width:49%;margin:0 0.5%;}
.theDermal                                          {width:100%;max-width:100%;margin:0 auto;text-align:center}
.theDermal img                                      {max-width:inherit;margin:0 0.5%;}
.twitter-follow-button                              {float:right!important;margin-top:3px;margin-left:5px}
.fb-share-button                                    {float:right!important;}

.contactBox                                         {width:50%;}
.contactColumn                                      {float:left;width:47%;}
.contactMap                                         {width:47%;}
.contactColumn p                                    {margin:0;}

.contactForm h3                                     {font-size:28px;}
.contactForm                                        {max-width:550px;margin:15px 0 0 0;float:left;width:86%;text-align:center}
.contactForm input, .contactForm .input             {background:#ffffff;color:#422950;width:80%;padding:5px 0 5px 10px;border:solid #422950 1px}
.contactForm .SendButton                            {width:40%;background:#422950;color:#ffffff;text-transform:uppercase;}
.contactForm .CancelButton                          {width:40%;background:#ffffff}
.contactForm .column                                {margin:0 1%;width:48%;}
iframe                                              {float:right;border:solid #422950 1px}
.contactTreatment                                   {display:none;background:rgba(86,24,112, 0.1);width:100%;padding:40px 0 20px 0;margin:10px 0}
.contactTreatment .contactForm                      {float:none;margin:0 auto 30px auto;padding:0 5%;max-width:inherit;font-size:18px;}
section .contactTreatment .contactForm p,
section .contactTreatment .contactForm p a          {font-size:24pt;margin:25px 0 5px 0;font-family: 'Nunito', sans-serif;}
section .contactTreatment .contactForm input,
section .contactTreatment .contactForm .input       {margin:5px 0;font-size:24px}
section .contactTreatment .contactForm h3           {font-size:24pt;text-align:center;padding-bottom:15px;}
section .contactTreatment .contactForm .spacer      {height:20px;width:100%}

section.homeContact                                 {background:rgba(86,24,112, 0.1);}
section.homeContact .contactTreatment               {background:none;}

#flashMap						                    {display:none;max-width:1000px;height:550px;margin: 0 auto 30px auto;padding:3px;background: url(../../pix/hover.jpg) no-repeat center top}
.popbox                                             {display: none;position: absolute;z-index: 99999; width: auto;padding: 0 10px;background: #ffffff;color: #858585;border: 1px solid #422950;margin: 0px;-webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);}
.popbox h2                                          {margin:0;width:100%;font-size:22px;}
.popper                                             {background:#422950;border:solid #422950 1px;}


.zone1                                              {position:relative;top:53px;left:378px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone2                                              {position:relative;top:110px;left:320px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone3                                              {position:relative;top:130px;left:375px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone4                                              {position:relative;top:170px;left:375px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone5                                              {position:relative;top:150px;left:350px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone6                                              {position:relative;top:220px;left:360px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone7                                              {position:relative;top:180px;left:340px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone8                                              {position:relative;top:40px;left:355px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone10                                             {position:relative;top:20px;left:675px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone11                                             {position:relative;top:50px;left:620px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone12                                             {position:relative;top:80px;left:620px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone13                                             {position:relative;top:60px;left:585px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone14                                             {position:relative;top:140px;left:630px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone15                                             {position:relative;top:120px;left:655px;width:10px !important;height:10px;display:block;opacity:0.2}
.zone16                                             {position:relative;top:60px;left:640px;width:10px !important;height:10px;display:block;opacity:0.2}


.logoGallery                                        {max-width:100%;margin-top:30px;margin-left:90px;text-align:center;margin-right:20px;}
.logoHolder                                         {display:inline-block;width:150px;text-align:center;border:solid #422950 2px;padding:15px;border-radius:25px;margin:15px 10px;}
.logoHolder img                                     {max-width:100%;}
.logoGallery h4                                     {color:#422950;font-size:20pt;}
/* SALON IQ  
------------------------------------*/
#saloniq_trigger                                    {display:none!important;background:#422950!important;border:solid #ffffff 1px!important;}
#saloniq_trigger2                                   {color:#ffffff!important}
#saloniq_linker                                     {color:#ffffff!important}
#saloniq_frame body.hoverable                       {background:#422950!important;}
#saloniq_pointer                                    {display:none!important}
#saloniq_trigger2                                   {min-width:200px!important;}
.headerImage                                        {position:relative;max-width:100%;clear:both;display:block;height:500px;margin:0px 0 0 0;border-bottom:solid #422950 3px;overflow:hidden}
.rotateHolder                                       {position:relative;clear:both;display:block;height:400px;margin:53px 0 0 0;border-bottom:solid #ffffff 2px}
.hero                                               {max-width:100%;height:100%;min-height:400px;}
.hero .container                                    {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:80%;height:80%;z-index:999}
.hero .tagline                                      {font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;font-weight:bold;letter-spacing:-3px;width:40%;padding:8% 0 0 0;float:left;color:white}
.hero .tagline p                                    {font-size:4rem;line-height:4rem;margin-top:10px}

.showexp1, .showexp2, .showexp3, .showexp4, .showexp5                     {padding-right:10px;}
.align25a                                           {width:25%;text-align:left;}
.align25                                            {width:25%;text-align:center;}
sup                                                 {font-size:70%;}


@media (max-width: 1700px){
    .treatmentBox                                       {width:23%;}
}
@media (max-width: 1450px){
    .hero .tagline                                      {padding:9% 0 0 0}
    .headerImage                                        {width:100%;height:auto;}
    .headerImage img                                    {width:100%;margin-bottom:-6px;}
}
@media (max-width: 900px){
}
@media (max-width: 800px){
    .hero .tagline                                      {float:none;width:100%;margin-bottom:70px}
    section figure img                                  {width:100%;margin:0 auto;}
    .socialIcons                                        {text-align:center!important;padding:15px 0;}
    .headerImage                                        {width:100%;height:auto;}
    .headerImage img                                    {width:100%;}
    #handles6_1, #handles6_2                            {position:relative;z-index:5}
    section figure .laserBox p a img                    {width:auto!important;}
    .staffImage                                         {float:none;margin:0 auto;text-align:center;}
    .staffText                                          {text-align:center;width:90%;margin:0 auto}
    .staff h4                                           {text-align:center}
    #saloniq_trigger                                    {display:none!important;}
    .bx img                                             {width:100%;}
    .logoHeader                                         {max-width:100%;}
    .logoHeader img                                     {max-width:100%;}
}

.skippr                                                 {max-width:100%;height:100%;position:relative;overflow:hidden}
.skippr>div                                             {position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 62.5%}
.skippr>img                                             {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;min-height:100%}
.skippr-nav-container                                   {display:none;position:absolute;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);bottom:25px;overflow:auto;z-index:999}
.skippr-nav-element                                     {cursor:pointer;float:left;background-color:rgba(255,255,255,0.5);-webkit-transition:all .25s linear;transition:all .25s linear}
.skippr-nav-element-bubble                              {width:12px;height:12px;border-radius:50%;margin:0 4px}
.skippr-nav-element-block                               {width:60px;height:10px}
.skippr-nav-element:hover,.skippr-nav-element-active    {background-color:#fff}
.skippr-arrow                                           {position:absolute;z-index:999;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);width:30px;height:30px;transform-origin:center center;-webkit-transform-origin:top left;cursor:pointer}
.skippr-previous                                        {left:2.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid white;border-left:2px solid white}
.skippr-next                                            {right:3.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid white;border-right:2px solid white}
.hero .pageTitle                                        {position:absolute;z-index:5000;width:100%;text-align:center;bottom:15px}
.hero .pageTitle h2 span                                {color:#ffffff;background:#ffffff;width:auto;font-size:30pt;padding:6px 25px}

#twitter-widget-0                                       {border:none!important;}
.hoverManIframe                                         {width:100%;height:650px}

#purechat-container .purechat-launcher-frame.purechat-launcher-frame-bottom-right {bottom: 30px !important;right: 15px;}
/* FOOTER
------------------------------------*/
footer                                              {background:#422950;color:#ffffff;font-size:10pt;text-align:left;margin-left:90px;margin-right:20px;}
footer section                                      {text-align:justify;background:#ffffff;color:#422950}
footer section h4                                   {color:#422950;}
footer section h5                                   {color:#422950;}
footer p, footer b, footer a                        {font-size:12pt;color:#422950}
footer a                                            {color:#422950;}
.subFooter                                          {background:#422950;padding:30px 20px 30px 90px;color:#ffffff;text-align:left;margin-left:70px;margin-right:0;}
.subFooter a                                        {font-size:10pt;color:#ffffff}
.signup                                             {text-align:center;padding:50px 0;background:#ffffff;color:#422950}
.signup img                                         {max-width:500px;}
.signup .input                                      {border:solid #422950 1px;max-width:400px}
.signup .SendButton                                 {background:#422950;color:#ffffff;margin:10px 0 0 0;padding:8px 15px;cursor:pointer}
.signup .CancelButton                               {background:#7d518f;color:#ffffff;margin:10px 0 0 0;padding:8px 15px;cursor:pointer}
.signoff                                            {max-width:1400px;margin:0 auto;}
.signoff a, .signoff b                              {color:#ffffff!important;font-size:12pt;}
.signoff p                                          {font-size:12pt;}
.signoff h6                                         {font-size:16pt;font-weight:bold;margin-bottom:20px;}
.column                                             {display:inline-block;max-width:29%;width:100%;vertical-align:top;}
.column:first-of-type                               {max-width:40%;}
.column .day                                        {width:100px;display:inline-block;}
.bottomFooter                                       {text-align:center;}
.bottomFooter *                                     {font-size:12pt;}

.mobileLaserShow                                    {display:none;}
.mobileFaceShow                                     {display:none;}
.mobileBodyShow                                     {display:none;}
.mobileEquipmentShow                                {display:none;}
.mobileAboutShow                                    {display:none;}
.mobileTreatShow                                    {display:none;}
.mobilePopShow                                      {display:none;}
.mobileAntiShow                                     {display:none;}
.alr                                                {max-width:59px;}
.spaceNav                                           {display:none;}
.newsletter                                         {width:100%;padding:5px 6px;margin: 10px 0 0 0}

.TICKER                                             {display:none;padding: 10px 0 4px 0;height:30px;overflow: hidden;position: absolute;background:#422950;margin-top:51PX;text-align:center;z-index:5000;width:100%;}
.TICKER a                                           {color:#ffffff!important;}
.TICKER h3                                          {right:0;font-size: 20px;color: #ffffff;position: absolute;width: 100%;height: 100%;margin: 0;line-height: 20px;text-align: center;-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-animation: example1 25s linear infinite;-webkit-animation: example1 25s linear infinite;animation: example1 25s linear infinite;}
.example1 a:hover h3                                   {text-decoration:underline;}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
    0%                                              {-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}
    100%                                            {-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}

/* START OF MOBILE CHANGES 
####################################################*/

@media (max-width: 1400px)
{
    .welcomeLogo                                    {position:absolute;z-index:10002;top:100px;width:100%;max-width:500px;left:50%;margin-left:-250px;}
    .specials                                       {display:none;right: 50%;bottom: inherit;top:10px;width: 500px;margin-right:-285px}
    .specials a                                     {display:inline-block;width:190px;padding:10px 15px;}
}

@media (max-width: 1270px)
{
    .column:first-of-type                               {max-width:60%;}
    .contactColumn                                      {width:100%;}
    }
@media (max-width: 1100px)
{
    section                                         {}
    section p                                       {padding:0;}
    section .box                                    {width:100%;}
    .blogPost                                       {width:100%;text-align:center}
    footer section                                  {text-align:center;}
    footer .pod                                     {width:50%;text-align:center}
    .welcomeLogo                                    {position:absolute;z-index:10002;top:100px;width:100%;max-width:500px;left:50%;margin-left:-250px;}
    .rotateHolder, .hero                            {min-height:0;height:300px;}
    nav                                             {width:auto}
    .treatment                                      {width:45%;}
    .hero .pageTitle h2 span                        {font-size:18pt;}
}
@media (max-width: 900px) {
    nav                                             {position:static;top:60px;width:100%;margin:5px auto 0 auto;}
    nav ul                                          {float:none;text-align:center;margin:0 0 0 0px;width:100%}
    .headerImage                                    {padding-top:30px;}
    #handles6_2                                     {float:left;clear:both}
    .hoverMan img                                   {float:right;}
    .delete                                         {display:none!important;width:0;height:0;}
    .mainLogo                                       {top:40%;left:50%;max-width:500px;margin-left:-205px;z-index:5}
}

@media (max-width: 780px) {
    .treatmentBox                                       {width: 98%;}
    }
@media (max-width: 640px)
{
    .homeVideoWrapper                               {border-bottom-right-radius:0;}
    .specials                                       {display:block;right: 50%;bottom: inherit;top:10px;width: 250px;margin-right:-160px;}
    .specials a                                     {width:40vw;padding:10px 5px;font-size:10pt;}
    .specials a:first-of-type                       {display:none;}
    .separator img                                  {width:100%;}
    .column                                         {max-width:100%;}
    .mainLogo                                       {top:40%;left:50%;max-width:300px;margin-left:-115px;z-index:5}
    .subFooter                                      {text-align:center;margin-left:0;}
    .hoverManIframe                                 {display:none;}
    section                                         {}
    section figure                                  {width:90%;}
    section p                                       {padding:0;}
    section img                                     {max-width:100%;}
    section .box                                    {width:100%;}
    footer section                                  {text-align:center;}
    footer .pod                                     {width:50%;text-align:center}
    .welcomeLogo                                    {top:120px;max-width:75%;left:50%;margin-left:-37.5%;}
    .rotateHolder, .hero                            {min-height:0;height:300px;}
    h1                                              {font-size:20px;width:100%;}
    h2                                              {font-size:18px;}
    nav                                             {width:100%;margin:0;text-align:left;}
    nav ul ul                                       {position:static;float:none;padding:0;max-height:50vh;overflow-y:scroll}
    nav ul#nav                                       {overflow-y:hidden;}
    #nav                                            {display:none;}
    #nav li                                         {width:100%;border:none;background:rgba(86,24,112,1);}
    #nav li ul                                      {display:inline-block;width:100%;}
    #nav li ul li                                   {float:left;width:90%;}
    #nav li ul li.sub                               {width:30%;margin-left:2%;background:#70288e}
    .signoff                                        {float:none;}
    .menuMobile                                     {display:block;margin-top:51px;width:100%;text-align:center;padding-top:2px;background:rgba(86,24,112,1)}
    .menuMobile a                                   {color:#ffffff;}
    nav ul li a                                     {color:#ffffff;}
    .hNav                                           {font-size:13px;margin-left:10px;}
    .hNav a                                         {margin-right:10px;display:inline-block;}
    nav ul                                          {text-align:left;}
    #nav li                                         {width:90%;padding:0 5%;}
    nav ul li                                       {margin:0;max-height:inherit}
    nav ul li a                                     {line-height:23px;}
    nav ul li.mobile                                {display:none;}
    .treatment                                      {width:45%;}
    .hero .pageTitle h2 span                        {font-size:18pt;}
    iframe                                          {width:90%;float:none}
    .headerImage                                    {margin:0 0 0 0;padding-top:0px;}
    .videoWrapper video                             {width:100%!important;}
    footer                                          {background:#ffffff;}
    .signup                                         {width:80%;margin:0 auto}
    .signup img                                     {width:100%;}
    .ethos1, .ethos2, .ethos3                       {width:90%;margin:0 auto;float:none;}
    /* NAV TWEAKS FOR HIDDEN MENUS*/
    .spaceNav                                       {display:block;height:60px;}
    .mobileLaserShow                                {display:inline-block;float:right}
    .mobileFaceShow                                 {display:inline-block;float:right}
    .mobileBodyShow                                 {display:inline-block;float:right}
    .mobileEquipmentShow                            {display:inline-block;float:right}
    .mobileAboutShow                                {display:inline-block;float:right}
    .mobileTreatShow                                {display:inline-block;float:right}
    .mobilePopShow                                  {display:inline-block;float:right}
    .mobileAntiShow                                 {display:inline-block;float:right}
    nav ul li a                                     {display:inline-block;}
    nav ul li a:hover                               {text-decoration:underline!important;}
    #nav li.mobileLaserHide                         {display:none;}
    #nav li.mobileFaceHide                          {display:none;}
    #nav li.mobileBodyHide                          {display:none;}
    #nav li.mobilePopHide                           {display:none;}
    #nav li ul.mobileEquipmentHide                  {display:none;}
    #nav li ul.mobileAboutHide                      {display:none;}
    #nav li ul.mobileTreatHide                      {display:none;}
    #nav li ul.mobilePopHide                        {display:none;}
    .mobileAntiHide                                 {display:none;}
    #nav li ul li.heading                           {display:none;}
    #nav li ul li.sub                               {width:100%;}
    nav ul li:hover > a                             {text-decoration:none;}
    nav ul li ul li a:hover                         {background:#422950;}
    .teamMember img                                 {float:none;margin:0 auto;max-width:70%;}
    .beforeAfter                                    {width:100%;}
    section figure .laserBox p a img                {width:auto!important;}
    .contactColumn                                  {width:100%;}
    .teamText                                       {float:none;width:100%;max-width:100%;}
    .summaryBox                                     {border:none;}
    .summaryRow                                     {width:95%;}
    .summaryCell b                                  {font-size:90%;}
    .summaryCell                                    {font-size:85%;}
    .treatmentCol                                   {width:100%;}
    #nav li ul li.head                              {background:rgba(86,24,112,0.5)}
    .contactForm                                    {width:90%;padding:0;margin:0}
    .contactForm input, .contactForm .input         {width:95%;}
    .contactForm .SendButton                        {width:48%;margin:0;margin-left:0}
    .contactForm .CancelButton                      {width:48%;}
    .contactTreatment .contactForm .column          {width:95%;}
    .popbox                                         {display:block;position:initial;width:25%;float:left}
    .pricingCell                                    {font-size:75%!important;}
    .pricingBox                                     {border:none;margin-bottom:20px;}
    .laser1                                         {width:22%;text-align:center}
    .laser2                                         {width:30%;}
    .laser3                                         {width:15%;text-align:center}
    .laser4                                         {width:15%;text-align:center}
    .laser5                                         {width:15%;text-align:center}
    .theClinic img                                  {width:90%;}
    .theDermal img                                  {width:90%;}
    .callback                                       {position:fixed;top:auto;bottom:0px!important;left:0;background:#422950;z-index:500;height:35px;width:49%;border-radius:0;border-top-right-radius:8px;border-top-left-radius:8px;border:solid #ffffff 1px;text-align:center;padding-top:5px;margin:0!important}
    .black                                          {right:0;left:auto;}
    .example1                                       {padding: 10px 0 4px 0;height: 50px;overflow: hidden;position: relative;background: #422950;margin-top: 80PX;text-align: center;z-index: 5000;}
    .example1 h3                                    {font-size:85%;color:#ffffff;position:absolute;width:100%;height:100%;margin:0;line-height:20px;text-align:center;-moz-transform:none;-webkit-transform:none;transform:none;-moz-animation: none;-webkit-animation: none;animation: none;}
    h5                                              {text-align:center;}
    h5 img                                          {display:none;}
    h5 a                                            {clear:both;display:inline-block;float:none!important;width:100%;text-align:center;}
    .credit                                         {font-size:4em;position:absolute;left:0;margin:0 auto 0 auto;width:100%;text-align:center;color:#ffffff;bottom:-5%;background:#422950;padding:18px 25px;z-index:10002}
    #ninja-slider                                   {margin-top:83px;}
    .social                                         {display:none;}
}