﻿*                                                   {margin:0;padding:0;border:0;font-family: Calibri, Arial;font-weight: 300;text-decoration:none;font-size:14pt;}
body                                                {background:#ffffff/*#9378a8;*/;}
/* 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:#561870;cursor:pointer}
b                                                   {color:#561870;font-weight:700}
a:hover                                             {text-decoration:underline;}
.button                                             {color:#561870!important;border:solid #ffffff 1px;padding:5px 10px;background:rgba(255,255,255,0.5)}
.button:hover                                       {color:#898989;}
.link                                               {font-weight:normal;}
.specialOffer                                       {background:#561870;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;}
.underline                                          {border-bottom:solid #561870 2px;display:inline-block;}

.viewPricing                                        {font-size:15px;text-transform:none;font-family: Calibri, Arial;float:right;background:#561870;color:#ffffff;padding:5px 10px;border-radius:10px;font-weight:bold;}
.viewPricing a                                      {color:#ffffff;}

.appStore                                           {position:fixed;top:100px;z-index:100;max-width:300px;right:10px;display:none!important;}
.appStore img                                       {max-width:49%;}
.app                                                {max-width:200px;}
.salonIQbutton                                      {background:#561870;color:#ffffff;padding:10px 25px;border-radius:10px;font-size:110%;}
/* TITLES
------------------------------------*/
h1, h2, h3, h4, h5                                  {color:#561870;margin:10px 0;font-weight:bold;text-align:left;font-family: 'Nunito', sans-serif;width:inherit;display:block;clear:both;}
h1                                                  {font-size:24pt;border-bottom:#ffffff solid 1px;margin:30px 0 10px 0;text-transform:uppercase;letter-spacing:0.05em;display:inline;border-bottom:solid #561870 2px;}
h2                                                  {font-size:20pt;margin:30px 0 5px 0;border-bottom:#ffffff solid 1px;margin:30px 0 20px 0;font-weight:900;}
h3                                                  {font-family:Calibri, Arial;}
h4                                                  {color:#ffffff;}
h5                                                  {color:#ffffff;}
section.whiteBG h1                                  {color:#561870;}
section.whiteBG h2                                  {color:#561870;}

/* HEADER
------------------------------------*/
header                                              {position:fixed;top:0;width:100%;background:#561870;height:50px;z-index:10000;border-bottom:solid #ffffff 1px;z-index:50000}
.logo                                               {width:100%;max-width:200px;margin:14px 0 0 25px;float:left;}
.welcomeLogo                                        {position:absolute;z-index:5002;top:28%;width:100%;max-width:700px;left:50%;margin-left:-350px;text-align:center;}
.welcomeLogo img                                    {width:100%}
.welcomeLogo h1, .welcomeLogo p                     {color:#ffffff;text-align:center;margin:15px 0;}
.welcomeLogo b, .welcomeLogo a                      {color:#ffffff;font-weight:bold;}
.headerImage                                        {position:relative;max-width:100%;clear:both;display:block;height:500px;margin:51px 0 0 0;border-bottom:solid #561870 3px;overflow:hidden}
.headerImage img                                    {}

/* REQUEST A CALLBACK
------------------------------------*/
.callback                                           {position:fixed;top:50px;right:1px;background:#561870;z-index:500;height:32px;width:160px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;border:solid #ffffff 1px;text-align:center;padding-top:5px;}
.specials                                           {position:fixed;top:50px;right:164px;background:#561870;z-index:500;height:32px;width:150px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;border:solid #ffffff 1px;text-align:center;padding-top:5px;}
.callback .callInner                                {/*-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);*/}
.callback a                                         {color:#ffffff;font-size:18px;}
.specials a                                         {color:#ffffff;font-size:18px;}

/* NAVIGATION  
------------------------------------*/
.menuMobile                                         {display:none;}
nav                                                 {width:70%;float:right;margin:10px 25px 0 0;text-align:right}
#nav                                                {display:block;}
nav ul                                              {list-style:none;float:right;margin:0;padding:0}
nav ul a                                            {display:block;color:#ffffff;text-decoration:none;font-size:14px;line-height:32px;padding:0 15px;}
nav ul a:hover                                      {}
nav ul li                                           {position:relative;float:left;margin:0 2px;padding:0;}
nav ul:nth-child(1) li                              {border:solid 1px #561870;}
nav ul:nth-child(1) li:hover                        {border:solid 1px #ffffff;background:#662282}
nav ul:nth-child(1) li ul li                        {margin-left:0px;border:solid #ffffff 1px;}
nav ul ul                                           {display:none;position:absolute;top:100%;left:-1px;margin-top:1px;padding:0}
nav ul ul li                                        {float:none;width:150px;text-align:left;border:none;background:#662282}
nav ul ul li:hover                                  {float:none;width:150px;text-align:left;border:solid #ffffff 1px;background: #561870;}
nav ul ul li.sub:hover                              {float:none;width:150px;text-align:left;border:solid #ffffff 1px;background: #561870 url(../../pix/navbg.png) no-repeat right center;}
nav ul ul a                                         {color:#ffffff}
nav ul ul ul                                        {top:-2px;left:100%;}
nav ul li:hover > ul                                {display:block}

.mobileBrowShow                                     {display:none;}
.mobileNailsShow                                    {display:none;}
.mobileDecleorShow                                  {display:none;}
.mobileHairShow                                     {display:none;}

/* SOCIAL MEDIA  
------------------------------------*/
.social                                             {z-index:15;width:auto;float:left;margin:12px 0 0 12px;}
.social img                                         {height:26px;width:26px;}
.socialMedia                                        {max-width:1200px;margin:0 auto 15px auto;display:block;padding:0 0 15px 0;}
.twitter-follow-button                              {float:right!important;margin-top:3px;margin-left:5px}
.fb-share-button                                    {float:right!important;}

/* CONTENT  
------------------------------------*/
section                                             {clear:both;padding:20px 15px 20px 15px;text-align:left;color:#561870;}
section figure                                      {max-width:1200px;margin:0 auto;padding-top:30px;}
section article                                     {}
section.ethosBox                                    {background:#561870;color:#ffffff;text-align:center;padding:50px 0;}
section.whiteBG                                     {clear:both;background:#ffffff;color:#561870;}
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}
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:#561870;font-weight:bold;}

.staff                                              {width:100%;text-align:center;border-top:solid #561870 1px;padding: 30px 0 50px 0;clear:both;}
.staff h3                                           {text-align:center;font-size:24pt;padding-bottom:30px;}
.staff h4                                           {color:#561870;display:inline;}

#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:200px;}
.staffText                                          {text-align:left;color:#585858;float:left;}
.staffText p                                        {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:#561870;}

.RSS                                                {float:left;width:49%;}


/* SALON GALLERY
------------------------------------*/
.salonGallery                                       {margin:0 auto;text-align:center;}

/* SUMMARY BOXES  
------------------------------------*/
.keyInfoIcon                                        {background:#561870 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%;background:rgba(0,0,0,0);padding:0;border:solid #561870 5px;float:left;margin-bottom:20px;}
.summaryBox h3                                      {background:#561870;color:#ffffff;margin:0;padding:5px 0 5px 1%;width:99%;}

.summaryRow                                         {width:49%;text-align:left;display:inline-block;border-bottom:solid #561870 1px;margin:0 0 0 0.5%;}
.summaryCell                                        {padding:0px 0 0 0;color:#561870;float:left;padding:10px 0;}
.summaryIcon                                        {height:40px;text-align:center;width:40px;float:left;margin: 0 15px;padding-top:15px;}
.summaryIcon img                                    {width:100%;}
.summaryRow:nth-child(n+6)                          {border-bottom:none;}

/* PRICING BOXES  
------------------------------------*/
.pricingBox                                         {width:100%;background:rgba(255,255,255,1);padding:0;border:solid #561870 3px;}
.pricingBox h3                                      {background:#561870;color:#ffffff;margin:0;padding:5px 0 5px 1%;width:99%;}
.pricingRow                                         {width:100%;margin:2px auto;clear:both;border-bottom:solid #561870 1px;display:inline-block;}
.pricingRow:nth-last-child(2)                       {border:none;margin:2px 0 0 0;}
.pricingCell                                        {float:left;padding:5px 0}
.pricingBox .title                                  {width:35%;padding-bottom:5px;padding-left:10px}
.pricingBox .cost                                   {width:15%;text-align:center}
.pricingBox .area                                   {width:15%;text-align:right}
.pricingBox .Booking                                {width:34%;text-align:center}
.pricingHeader .Booking                             {text-align:center;}
.pricingRow:first-of-type                           {border-bottom:none;margin-top:0;}
.pricingBox .bookingIcon                            {display:inline-block;background:#561870;color:#ffffff;padding:5px 25px;border-radius:15px;font-size:13px;font-weight:bold;width:40px}
.pricingHeader                                      {background:#561870; color:#ffffff;padding-left:0px;}
.pricingHeader .pricingCell                         {font-weight:bold;}


.signup h6                                          {margin:10px 0 10px 0;}
.newsletter                                         {margin-bottom:10px;}
/* BUNDLES  
------------------------------------*/ 
.bundles                                            {margin-top:20px;display:table;width:100%;border-right:solid #561870 3px;border-left:solid #561870 3px;}
.bundles h3                                         {color:#561870;width:100%;padding-left:10px;}
.bundle                                             {width:33.3%!important;padding:0 ;border:solid #561870 3px;display: table-cell;position:relative;padding-bottom:40px;border-right:none;}
.bundle:first-of-type                               {border-right:solid #561870 3px;border-left:none;}
.bundles .middle                                    {border-right:solid #561870 3px;border-left:solid #561870 3px;}
.bundlePad                                          {width:0.5%;display: table-cell;}
.bundle h2                                          {background:#561870;color:#ffffff;display:block;width:100%;margin:0 0 0 0;font-size:19px;font-weight:bold;padding:4px 0 6px 0;overflow:hidden;text-indent:10px;font-family: Calibri, Arial;}
.bundle h2 span                                     {float:right;padding-top:2px;padding-right:15px;font-weight:bold;}
.bundleLeft                                         {width:70%;display:inline-block;text-align:left;padding-left:2.5%;}
.bundleRight                                        {width:23.5%;display:inline-block;text-align:right;padding-right:2.5%}
.bundle p                                           {border-bottom:solid #561870 1px;margin:0 0 0 0;padding:0 10px;line-height:30px;}
.bundle p:last-child                                {border:none;}
.bundle p b                                         {color:#561870;}
.bundle p.center                                    {text-align:center;}
.bundleHeader                                       {padding:0 0 0 10px;margin:10px 0;}
.bundle .bookingIcon                                {display:inline-block;background:#561870;color:#ffffff;padding:5px 25px;border-radius:15px;font-size:13px;font-weight:bold;width:40px}
.bundleContact                                      {text-align:center;padding:10px 0 10px 0;vertical-align:bottom;}
.bundleContact a                                    {font-weight:bold!important;}
.bundle .bundleContact                              {text-align:center;padding:10px 0 10px 0;vertical-align:bottom;position:absolute;bottom:0;left:50%;margin-left:-145px;}
p.none, .none                                              {border:none;}

.pmbundles                                          {color:#561870;margin:20px 0 0 0;background:#ffffff;max-height:inherit;width:100%;}
.pmbundles h2                                       {color:#ffffff;background:#561870;margin:20px 0 0 0;padding:5px 0 5px 0;width:100%;font-family: Calibri, Arial;text-indent:10px;border-bottom:none;border:solid #561870 3px;}
.pmbundles h2 span                                  {float:right;margin:0 10px 0 0;font-weight:bold;font-size:20pt;}
.pmbundles h3                                       {margin:0;width:100%;font-weight:900}
.pmbundles h5, .pmtwo h5                            {background:#561870;color:#ffffff;margin:0;text-indent:10px;padding-bottom:5px}
.pmbundles .bundleRow                               {padding:0}
.pmbundles .bundleRow p                             {padding:0;margin:3px 0;}
.pmwrapper                                          {border:solid #561870 3px;width:100%;}
.pmbundle                                           {width:30.8%;float:left;padding:10px 0 10px 0 ;margin:0 1%;}
.pmtwo                                              {width:100%;border:solid #561870 3px;border-top:none;}
.pmtwo .bundleRow                                   {padding:0}
.pmtwo .bundleRow p                                 {padding:0;margin:3px 0;}
.pmtwo .bookingIcon                                 {display:inline-block;background:#561870;color:#ffffff;padding:2px 10px;border-radius:15px;font-size:13px;width:50px;vertical-align:bottom}
.pmtwo h3                                           {padding:10px 0 0 10px;margin:0}
.pmtwo .pmcolumn                                    {width:50%;float:left;}
.pmwrapper .bundleContact                           {padding:10px 0 0 0;}
.pmwrapper .bookingIcon                             {display:inline-block;background:#561870;color:#ffffff;padding:2px 15px;border-radius:10px;font-size:15px;width:60px;vertical-align:bottom;font-weight:bold;}

p.save                                              {background:#561870;color:#ffffff;width:100%;font-weight:bold;text-align:center;padding:10px 0;font-size:16pt;border:solid #561870 3px;}

/* ETHOS CONTENT  
------------------------------------*/
.ethosBox                                           {}
.ethosBox h3                                        {width:100%;color:#ffffff;text-align:center;text-transform:uppercase;}
.ethosBox h3 span                                   {float:right;}
.ethos1                                             {float:left;width:29%;margin:0 0 0 1%}
.ethos2                                             {float:left;width:29%;margin:0 5%;}
.ethos3                                             {float:left;width:29%;margin:0 1% 0 0}

/* ABOUT GALLERY
    --------------------------------*/
.ei-slider                                          {position: relative;width: 100%;max-width: 650px;height: 400px;margin: 0 auto;}
.ei-slider-loading                                  {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index:999;background: rgba(0,0,0,0.9);color: #fff;text-align: center;line-height: 400px;}
.ei-slider-large                                    {height: 100%;width: 100%;position:relative;overflow: hidden;margin-left:0!important;}
.ei-slider-large li                                 {position: absolute;top: 0px;left: 0px;overflow: hidden;height: 100%;width: 100%;}
.ei-slider-large li img                             {width: 100%;}

.ei-slider-thumbs                                   {height: 13px;margin: 0 auto;position: relative;list-style:none!important}
.ei-slider-thumbs li                                {position: relative;float: left;height: 100%;}
.ei-slider-thumbs li.ei-slider-element              {top: 0px;left: 0px;position: absolute;height: 100%;z-index: 10;text-indent: -9000px;background: #000;background: rgba(0,0,0,0.9);}
.ei-slider-thumbs li a                              {display: block;text-indent: -9000px;background: #666 ;width: 100%;height: 100%;cursor: pointer;-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5);-webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;-ms-transition: background 0.2s ease;transition: background 0.2s ease;}
.ei-slider-thumbs li a:hover                        {background-color: #f0f0f0;}
.ei-slider-thumbs li img                            {position: absolute;bottom: 50px;opacity: 0;z-index: 999;max-width: 100%;-webkit-transition: all 0.4s ease;   -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.3)));-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.ei-slider-thumbs li:hover img                      {opacity: 1;bottom: 13px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}


/* TREATMENTS  
------------------------------------*/
figure.center                                       {text-align:center;}
.treatment                                          {display:inline-block;margin:20px 2%;max-height:206px;overflow:hidden;max-width:244px;border:solid #561870 1px;}
.treatment h3                                       {color:#561870;position:absolute;text-align:center;background:rgba(240,240,240,0.7);padding:5px 15px 5px 15px;margin-left:1px;}
.treatment img                                      {width:100%;}
.treatment:hover                                    {opacity:0.8;}
.inlineTreatment                                    {max-width:1200px;width:100%;}

/* TEAM  
------------------------------------*/
.teamMember                                         {padding:20px 0;clear:both;}
.teamMember img                                     {border:solid #561870 1px;width:15%;}
.teamMember h2                                      {border-bottom:0;padding:0;margin:0 0 10px 0;}
.teamMember p                                       {margin:3px 0}
.teamText                                           {float:left;max-width:71%}

/* BRANDS  
------------------------------------*/
.brands                                             {margin:0 auto 40px auto;text-align:center;height:153px;overflow:hidden;max-width:1200px;}
.brands h3                                          {text-align:center;}
.brands img                                         {width:150px;margin:0 20px;height:113px;}
.brandsWrapper                                      {width:1700px;}
/*keyframe animations*/
.image1 {
 -webkit-animation: bannermove 30s linear infinite;
    -moz-animation: bannermove 30s linear infinite;
     -ms-animation: bannermove 30s linear infinite;
      -o-animation: bannermove 30s linear infinite;
         animation: bannermove 30s linear infinite;
}
 
.videoWrapper                                       {margin:0 auto;text-align:center;}
.videoWrapper video                                 {border:solid #561870 2px;}
@keyframes bannermove {
 0%         {margin-left: 0px;}
 100%       {margin-left: -2125px;}
 }
 
@-moz-keyframes bannermove {
 0%         {margin-left: 0px;}
 100%       {margin-left: -2125px;}
 }
 
@-webkit-keyframes bannermove {
 0%         {margin-left: 0px;}
 100%       {margin-left: -2125px;}
 }
 
@-ms-keyframes bannermove {
 0%         {margin-left: 0px;}
 100%       {margin-left: -2125px;}
 }
 
.contactBox                                         {width:50%;}
.contactColumn                                      {float:left;width:49%;}
.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:#561870;width:80%;padding:5px 0 5px 10px;border:solid #561870 1px}
.contactForm .SendButton                            {width:40%;background:#561870;color:#ffffff;text-transform:uppercase;}
.contactForm .CancelButton                          {width:40%;background:#ffffff;color:#561870;}
.contactForm .column                                {margin:0 1%;width:48%;}
iframe                                              {float:right;border:solid #561870 1px}
.contactTreatment                                   {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;}
.map                                                {float:right;}


#twitter-widget-0                                   {border:none!important;}
.hoverManIframe                                     {width:100%;height:650px}
/* FOOTER
------------------------------------*/
footer                                              {background:#561870;color:#ffffff;font-size:10pt;text-align:left}
footer section                                      {text-align:justify;background:#ffffff;color:#561870}
footer section h4                                   {color:#561870;}
footer section h5                                   {color:#561870;}
footer p, footer b, footer a                        {font-size:12pt;color:#561870}
footer a                                            {color:#561870;}

.wrapper                                            {position:relative;}
.footerBox                                          {text-align:center;}
.footerBox h3                                       {text-align:center;width:100%;}
.footerBox:first-child                              {width:100%;}
.footerBox:last-child                               {position:absolute;top:0;width:15%;right:0;}
img.burgh                                           {max-width:150px!important;}

.padded                                             {}
.subFooter                                          {background:#561870;padding:30px 25px;color:#ffffff}
.subFooter a                                        {font-size:10pt;color:#ffffff}
.signup                                             {text-align:center;padding:50px 0;background:#ffffff;color:#561870}
.signup img                                         {max-width:500px;}
.signup .input                                      {border:solid #561870 1px;max-width:400px}
.signup .SendButton                                 {background:#561870;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}
.signup hr                                          {}
.signoff                                            {float:right;}
.signoff p                                          {font-size:10pt;}

.mobileLaserShow                                    {display:none;}
.mobileFaceShow                                     {display:none;}
.mobileBodyShow                                     {display:none;}
.mobileEquipmentShow                                {display:none;}
.mobileAboutShow                                    {display:none;}

.example1                                           {padding: 6px 0 8px 0;height:20px;overflow: hidden;position: relative;background:#561870;color:#ffffff;}
.example1 h3 a                                      {color:#ffffff!important;}
.example1 h3                                        {font-size: 24px;color: #561870;position: absolute;width: 100%;height: 100%;margin: 0;line-height: 20px;text-align: center;-moz-transform:translateX(50%);-webkit-transform:translateX(50%);transform:translateX(50%);-moz-animation: example1 25s linear infinite;-webkit-animation: example1 25s linear infinite;animation: example1 25s linear infinite;}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(75%); }
 100% { -moz-transform: translateX(-75%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(75%); }
 100% { -webkit-transform: translateX(-75%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(75%); /* Firefox bug fix */
 -webkit-transform: translateX(75%); /* Firefox bug fix */
 transform: translateX(75%); 		
 }
 100% { 
 -moz-transform: translateX(-75%); /* Firefox bug fix */
 -webkit-transform: translateX(-75%); /* Firefox bug fix */
 transform: translateX(-75%); 
 }
}
.newsletter                                         {width:100%;padding:5px 6px;margin: 10px 0 10px 0}


@media (max-width: 1640px){
    nav ul a                                            {padding:0 3px;font-size:13px;}
    nav                                                 {width:65%;}
    .headerImage                                        {width:100%;height:auto;}
    .headerImage img                                    {width:100%;margin-bottom:-6px;}
    }

@media (max-width: 1455px){
    nav ul a                                            {padding:0 2px;}
    .hero .tagline                                      {padding:9% 0 0 0}
}
@media (max-width: 1400px)
{
    .welcomeLogo                                    {position:absolute;z-index:10002;top:100px;width:100%;max-width:500px;left:50%;margin-left:-250px;}
}
@media (max-width: 1290px)
{
    section                                             {}
    section p                                           {padding:0;}
    section .box                                        {width:100%;}
    .bundle p                                           {text-align:left;font-size:90%;}
    section .title                                      {text-align:left;}
    .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}
    nav ul li a                                         {padding:0 1px;font-size:13px;}
    .treatment                                          {max-width:45%;}
    .hero .pageTitle h2 span                            {font-size:18pt;}
}
@media (max-width: 1260px){
    nav ul a                                            {padding:0 1px;border:none;}
    .pmbundle                                           {width:48%;}
    .pmwrapper .pmbundle:nth-last-child(-n+2)           {clear:both}
    }
@media (max-width: 1240px){
    .menu                                               {display:block;}
    }
@media (max-width: 1160px){
    .first                                              {display:none;}
    .menu                                               {display:block;}
    }

@media (max-width: 1100px) {
    .pricingCell                                        {font-size:13px;text-align:left;}
    .pricingBox .title                                  {width:25%;}
    .pricingBox .Booking                                {width:35%;}
}
@media (max-width: 1060px){
    .social                                             {display:none;}
    .bundles                                            {display:block;}
    .bundle                                             {width:100%!important;display:block;float:left}
    .bundlepad                                          {display:none;}
    .bundle:first-of-type                               {border-right:solid #561870 3px;border-left:none;}
    .bundles .middle                                    {border-right:none;border-left:none;}
    .bundle:nth-last-child(-n+2)                        {border-left:none;}
    }
@media (max-width: 930px){
    .fourth                                             {display:none;}
    .third                                              {display:none;}
    }
@media (max-width: 900px) {
    nav                                             {position:static;top:60px;width:100%;background:#561870;margin:5px auto 0 auto;}
    nav ul                                          {float:none;text-align:center;margin:0 0 0 15px;width:100%}
    .first, .second, .third, .fourth, .fifth        {display:block;}
    .headerImage                                    {padding-top:30px;}
    #handles6_2                                     {float:left;clear:both}
    .hoverMan img                                   {float:right;}
.callback                                           {position:fixed;top:auto;bottom:0px!important;left:0;background:#561870;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;}
.specials                                           {position:fixed;top:auto;bottom:0px!important;right:0;background:#561870;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;}
.footerBox                                          {width:100%!important;float:none;text-align:center;margin:0 auto;display:block;clear:both;}
.footerBox:last-child                               {width:100%;clear:both;position:relative}
.social                                                 {display:block;}
}
@media (max-width: 840px) {
    .pricingBox .cost                                   {width:10%;}
    .pricingBox .Booking                                {width:45%;}
    .pricingBox .bookingIcon                            {font-size:11px;}
}
@media (max-width: 800px){
    .appStore                                           {position:fixed;top:100px;max-width:300px;right:50%;margin-right:-150px;}
    .hero .tagline                                      {float:none;width:100%;margin-bottom:70px}
    section figure img                                  {width:80%;margin:0 auto;}
    .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;}
    .staffText                                          {width:90%;margin:0 auto;float:none;}
    .staffText h4                                       {clear:both;float:none;display:block;}
    section.ethosBox                                    {width:100%;}
    section figure .salonGallery img                    {width:auto;}
    .teamMember img                                     {width:35%;float:right;}
    .teamText                                           {max-width:61%;float:left;text-align:left}
        /* NAV TWEAKS FOR HIDDEN MENUS*/       
        nav                                                 {width:100%;margin:0;text-align:left;}
        nav ul ul                                           {position:static;float:none;}
        #nav                                                {background:#561870;display:none;margin:0;width:100%;float: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:100%;}
        #nav li ul li.sub                                   {width:30%;margin-left:2%;background:#70288e}
        nav ul a                                            {line-height:16px;}
        .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;font-size:15px;}
        nav ul                                              {text-align:left;}
        #nav li                                             {width:90%;padding:0 5%;}
        nav ul li                                           {margin:0;} 
        nav ul li a                                         {display:inline-block;}
        nav ul li a:hover                                   {text-decoration:underline!important;}
        #nav li ul.mobileBrowHide                           {display:none;}
        #nav li ul.mobileNailsHide                          {display:none;}
        #nav li ul.mobileDecleorHide                        {display:none;}
        #nav li ul.mobileHairHide                           {display:none;}
        #nav li ul.mobileAboutHide                          {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:#561870;}

        .mobileBrowShow                                     {display:inline-block;float:right}
        .mobileNailsShow                                    {display:inline-block;float:right}
        .mobileDecleorShow                                  {display:inline-block;float:right}
        .mobileHairShow                                     {display:inline-block;float:right}
        .mobileAboutShow                                    {display:inline-block;float:right}
.subFooter                                              {text-align:center;padding-bottom:60px;}
}
@media (max-width: 640px) {
    .pricingBox .title                                  {width:60%;}
    .pricingBox .cost                                   {width:15%;}
    .pricingBox .area                                   {width:19%;}
    .pricingBox .Booking                                {display:none;}
    .bundle                                             {border-left:none;border-right:none;}
    .pmwrapper                                          {border:none;}
    .pmbundle                                           {width:100%;}
    .pmtwo                                              {border:none;}
    .bundleLeft                                         {width:60%;}
    .pmbundles h2                                       {padding:5px 10px 5px 0;max-width:98%;border:none;}
    .pmbundles h2 span                                  {margin-top:0px;}
    .pmbundles h5, .pmtwo h5                            {padding:0 10px;text-indent:0;}
    .bundle p                                           {font-size:90%;}
}
@media (max-width: 640px)
{
    .social                                             {display:block;float:right;margin-right:15px;}
    .hoverManIframe                                       {display:none;}
    section                                         {width:100%;text-align:center;padding:0;overflow:hidden;}
    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:180px;max-width:75%;left:50%;margin-left:-37.5%;}
    .rotateHolder, .hero                             {min-height:0;height:300px;}
    h1                                              {font-size:20px;}
    h2                                              {font-size:18px;}
    .pmbundles h2 span                              {font-size:18px;}

    .treatment                                      {max-width:45%;}
    .hero .pageTitle h2 span                        {font-size:18pt;}
    iframe                                          {width:90%;float:none}
    .headerImage                                    {margin:80px 0 0 0;padding-top:4px;}
    .videoWrapper video                             {width:100%!important;}
    footer                                          {background:#ffffff;width:100%;}
    .signup                                         {width:80%;margin:0 auto}
    .signup img.smallLogo                                     {width:100%;}
    .ethos1, .ethos2, .ethos3                       {width:90%;margin:0 auto;float:none;}
    section .ethosBox                               {}

    /* THE TEAM */
    .teamMember img                                 {float:none;margin:0 auto;width:90%;}
    .beforeAfter                                    {width:100%;}
    section figure .laserBox p a img                           {width:auto!important;}
    .contactColumn                                  {width:100%;}
    .teamText                                       {float:none;width:100%;max-width:100%;}
    .summaryRow:nth-child(n+6)                      {border-bottom:solid #561870 1px;}
    .summaryBox                                     {border:none;}
    .summaryRow                                     {width:95%;}
    .summaryCell b                                  {font-size:90%;}
    .summaryCell                                    {font-size:85%;}

    .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:25%;text-align:center}
.laser2                                             {width:30%;}
.laser3                                             {width:15%;text-align:center}
.laser4                                             {width:15%;text-align:center}
.laser5                                             {width:15%;text-align:center}

.callback                                           {position:fixed;top:auto;bottom:0px!important;left:0;background:#561870;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;}
.specials                                           {position:fixed;top:auto;bottom:0px!important;right:0;background:#561870;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;}
.example1                                           {height:50px;font-size:90%;}
.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;}
.footerBox                                          {width:100%!important;float:none;text-align:center;margin:0 auto;display:block;clear:both;}
.footerBox:last-child                               {width:100%;clear:both;position:relative}
.treatment h3                                       {font-size:16px;}
}


@media (max-width: 640px)
{
    .treatment                                      {max-width:80%;}
    .pmbundles h2                                   {border:none;}
    }
@media screen and (max-width: 830px)                {
.ei-slider                                          {height:300px;}
.ei-slider-large                                    {height:inherit;width:auto;margin:0 auto}
.ei-slider-large li                                 {height:auto;width:inherit;margin:0 auto}
.ei-slider-large li img                             {height:100%!important;width:100%!important;}
}



.pricingBox, .bundle, .viewPricing, .save {display:none!important;}
