/* SERVICE PAGES */

#chart1_link{ 
  display: none;
}

#cs_video{ 
  width: 1000px;    
  height: 561px;
}

#hotspot_chemical{ 
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 110px;  
  top: 118px;   
  height: 35px;
}

#hotspot_chemical2{    
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 118px;  
  top: 280px;   
  height: 35px;
}

#hotspot_ipl{ 
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 110px;  
  top: 196px;   
  height: 65px;
}

#hotspot_vivace{ 
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 130px;  
  top: 304px;   
  height: 35px;
}

#hotspot_afterfx{ 
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 135px;  
  top: 441px;   
  height: 65px;
}

#hotspot_ultherapy{ 
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 135px;  
  top: 533px;   
  height: 65px;
}

#hotspot_ipl2{ 
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 205px;  
  top: 150px;   
  height: 65px;
}

#hotspot_cosmelan{ 
  position: absolute;    
  left: 0px;  
  z-index: 20;
  width: 195px;  
  top: 232px;   
  height: 42px;     
}

#service_name{ 
  position: absolute;  
  margin: auto;    
  right: 0;
  left: 0;  
  z-index: 8;
  width: 1000px;  
  top: 440px;   
  height: 250px;
  font-family: 'AvantGardeMdITCTTBold', Sans-Serif;
  font-size: 80px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: .9;
  text-align: left;
  letter-spacing: -0.02em;    
}

#ban_block {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 9;    
  height: 645px;    
  overflow: hidden;
  opacity: 0.0;
}

#services_banner_bg {
  position: absolute;
  top: 200px;
  width: 100%;
  z-index: 6;    
  height: 445px;    
  overflow: hidden;
  background-color: #cbcbd3;
}

#services_banner_image {
  position: absolute;
  top: 200px;
  width: 100%;
  z-index: 7;    
  height: 445px;    
  overflow: hidden;    
  background-color: #000000; 
  opacity: 0; 
  display: block;    
}

#services_banner_image_mobile {
  display: none;    
}

.service_content_container {
  z-index: 10; 
  position: relative;
  margin: auto;
  top: 700px;
  right: 0;
  left: 0;
  display: block;
  width: 100%    
}

.image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  display: block;
  height: 100%;  
  width: 1000px;    
}

.chart_1 {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 7;     
  overflow: hidden;      
  margin: auto;
  right: 0;
  left: 0;
  height: 100%;	    
}

.image_1 {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 7;     
  overflow: hidden;      
  margin: auto;
  right: 0;
  left: 0;
  height: 100%;	    
}

/* BEFORE AND AFTER PHOTOS */

.three_col_img_text {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 129px;  
  width: 1000px;    
}

.three_col_link_1 {
  z-index: 334; 
  position: absolute;
  top: 130px;
  left: 0px;
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_link_2 {
  z-index: 334; 
  position: absolute;
  top: 130px;
  left: 343px;
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_link_3 {
  z-index: 334; 
  position: absolute;
  top: 130px;
  left: 680px;
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_img_1_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_img_2_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 343px;
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_img_3_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 686px;
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_root_3 {
  position: absolute;
  top: 0px;
  width: 292px;
  z-index: 7;        
  left: 0px;
  height: 129px;	    
}   

.three_col_img {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 292px;  
  width: 1000px;    
}

.three_col_img_1 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 292px;  
  width: 292px;    
}

.three_col_img_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 343px;
  display: block;
  height: 292px;  
  width: 292px;    
}

.three_col_img_3 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 686px;
  display: block;
  height: 292px;  
  width: 292px;    
}

.spacer {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 70px;  
  width: 1000px;    
}

.sub_title {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 70px;  
  width: 1000px;    
}

.before_after_container {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 470px;  
  width: 1000px;    
}

.before_container {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 470px;  
  width: 470px;    
}

.after_container {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 530px;
  display: block;
  height: 470px;  
  width: 470px;    
}

.before_after_container2 {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 327px;  
  width: 1000px;    
}

.before_container2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 327px;  
  width: 327px;    
}

.after_container2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 530px;
  display: block;
  height: 327px;  
  width: 327px;    
}

.before_label {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 470px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}    

.after_label {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 470px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}  

.before_label_x {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 470px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}    

.after_label_x {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 470px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}  

.image_b {
  position: absolute;
  top: 30px;
  width: 470px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}

.image_b2 {
  position: absolute;
  top: 30px;
  width: 470px;
  z-index: 7;        
  left: 0px;
  height: 327;	    
}

.image_a {
  position: absolute;
  top: 30px;
  width: 470px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}

.three_col_root {
  position: absolute;
  top: 0px;
  width: 292px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}

/* TABLET BREAKPOINT */
@media only screen and (max-width: 1079px){ 
    
#cs_video{ 
  width: 650px;    
  height: 365px;
}    
    
#chart1_link{ 
  display: block;
}    
    
#hotspot_chemical{ 
  display: none;
}

#hotspot_ipl{ 
  display: none;
}

#hotspot_vivace{ 
  display: none;
}

#hotspot_afterfx{ 
  display: none;
}

#hotspot_ultherapy{ 
  display: none;
}
    
#hotspot_cosmelan{ 
  display: none;
}  
    
#hotspot_ipl2{ 
  display: none;
}        
    
#chart_1{ 
  display: none;
}    

#service_name{ 
  position: absolute;  
  margin: auto;    
  right: 0;
  left: 0;  
  z-index: 8;
  width: 650px;  
  top: 400px;   
  height: 250px;
  font-family: 'AvantGardeMdITCTTBold', Sans-Serif;
  font-size: 80px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: .9;
  text-align: left;
  letter-spacing: -0.02em;    
}
      
#services_banner_bg {
  position: absolute;
  top: 160px;
  width: 100%;
  z-index: 6;    
  height: 445px;    
  overflow: hidden;
  background-color: #cbcbd3;
}

#services_banner_image {
  position: absolute;
  top: 160px;
  width: 100%;
  z-index: 7;    
  height: 445px;    
  overflow: hidden;    
  background-color: #000000; 
  opacity: 0;   
  display: block;    
}
    
#services_banner_image_mobile {
  display: none;    
}
    
.service_content_container {
  z-index: 10; 
  position: relative;
  margin: auto;
  top: 650px;
  right: 0;
  left: 0;
  display: block;
  width: 100%    
}    
    
.image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  display: block;
  height: 100%;  
  width: 650px;    
}   
    
/* BEFORE AND AFTER PHOTOS */
    
.three_col_img_text {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 160px;  
  width: 650px;    
}

.three_col_link_1 {
  z-index: 334; 
  position: absolute;
  top: 100px;
  left: 0px;
  display: block;
  height: 100%;  
  width: 170px;    
}

.three_col_link_2 {
  z-index: 334; 
  position: absolute;
  top: 100px;
  left: 225px;
  display: block;
  height: 100%;  
  width: 170px;    
}

.three_col_link_3 {
  z-index: 334; 
  position: absolute;
  top: 100px;
  left: 450px;
  display: block;
  height: 100%;   
  width: 170px;    
}

.three_col_img_1_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 88px;  
  width: 200px;    
}

.three_col_img_2_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 225px;
  display: block;
  height: 88px;  
  width: 200px;    
}

.three_col_img_3_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 450px;
  display: block;
  height: 88px;  
  width: 200px;    
}

.three_col_root_3 {
  position: absolute;
  top: 0px;
  width: 200px;
  z-index: 7;        
  left: 0px;
  height: 88px;	    
}   

.three_col_img {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 190px;  
  width: 650px;    
}    

.three_col_img_1 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 200px;  
  width: 200px;    
}

.three_col_img_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 225px;
  display: block;
  height: 200px;  
  width: 200px;    
}

.three_col_img_3 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 450px;
  display: block;
  height: 200px;  
  width: 200px;    
}
   
.spacer {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 70px;  
  width: 650px;    
}

.sub_title {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 70px;  
  width: 650px;    
}

.before_after_container {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 300px;  
  width: 650px;    
}

.before_container {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 300px;  
  width: 300px;    
}

.after_container {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 350px;
  display: block;
  height: 300px;  
  width: 300px;    
}
    
.before_after_container2 {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 209px;  
  width: 650px;    
}

.before_container2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 209px;  
  width: 300px;    
}

.after_container2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 350px;
  display: block;
  height: 209px;  
  width: 300px;    
}    

.before_label {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 300px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}    

.after_label {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 300px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}  
    
.before_label_x {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 300px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.3;
  letter-spacing: 0.2px;    
  height: 50px;  
  background-color: #FFFFFF;    
}    

.after_label_x {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 300px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.3;
  letter-spacing: 0.2px;    
  height: 50px;    
  background-color: #FFFFFF;      
}      

.image_b {
  position: absolute;
  top: 30px;
  width: 300px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}
    
.image_b2 {
  position: absolute;
  top: 30px;
  width: 300px;
  z-index: 7;        
  left: 0px;
  height: 209px;	    
}

.image_a {
  position: absolute;
  top: 30px;
  width: 300px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}    
    
.three_col_root {
  position: absolute;
  top: 0px;
  width: 190px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}
    
    
}

/* MOBILE BREAKPOINT */
@media only screen and (max-width: 670px){ 
    
#cs_video{ 
  width: 345px;    
  height: 193px;
}      
    
#chart1_link{ 
  display: block;
}    
        
#hotspot_chemical{ 
  display: none;
}

#hotspot_ipl{ 
  display: none;
}

#hotspot_vivace{ 
  display: none;
}

#hotspot_afterfx{ 
  display: none;
}

#hotspot_ultherapy{ 
  display: none;
}    
    
#hotspot_cosmelan{ 
  display: none;
}  
    
#hotspot_ipl2{ 
  display: none;
}        
    
#chart_1{ 
  display: none;
}        

#service_name{ 
  position: absolute;  
  margin: auto;    
  right: 0;
  left: 0;  
  z-index: 8;
  width: 345px;  
  top: 465px;   
  height: 208px;
  font-family: 'AvantGardeMdITCTTBold', Sans-Serif;
  font-size: 50px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: .9;
  text-align: left;
  letter-spacing: -0.02em;    
}
      
#services_banner_bg {
  position: absolute;
  top: 160px;
  width: 100%;
  z-index: 6;    
  height: 445px;    
  overflow: hidden;
  background-color: #cbcbd3;
}

#services_banner_image {
  position: absolute;
  top: 160px;
  width: 100%;
  z-index: 7;    
  height: 445px;    
  overflow: hidden;    
  background-color: #000000; 
  opacity: 0;    
  display: none;     
}
    
#services_banner_image_mobile {
  position: absolute;
  top: 160px;
  width: 100%;
  z-index: 7;    
  height: 445px;    
  overflow: hidden;    
  background-color: #000000; 
  opacity: 0;    
  display: block;    
}    
    
.image_container {
  z-index: 333; 
  position: relative;
  margin: auto;
  top: 0px;
  right: 0;
  left: 0;
  display: block;
  height: 100%;  
  width: 345px;    
}      
    
.image_1 {
  position: relative;
  top: 0px;
  width: 150%;
  z-index: 7;     
  overflow: hidden;      
  margin: auto;
  right: 0;
  left: -100px;
  height: 100%;	    
}
    
/* BEFORE AND AFTER PHOTOS */
    
.three_col_img_text {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;    
  display: block;
  height: 570px;  
  width: 345px;    
}

.three_col_link_1 {
  z-index: 334; 
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  margin: auto;  
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_link_2 {
  z-index: 334; 
  position: absolute;
  top: 330px;
  left: 0;
  right: 0;
  margin: auto;  
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_link_3 {
  z-index: 334; 
  position: absolute;
  top: 530px;
  left: 0;
  right: 0;
  margin: auto;  
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_img_1_2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;  
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_img_2_2 {
  z-index: 333; 
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  margin: auto;  
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_img_3_2 {
  z-index: 333; 
  position: absolute;
  top: 400px;
  left: 0;
  right: 0;
  margin: auto;  
  display: block;
  height: 129px;  
  width: 292px;    
}

.three_col_root_3 {
  position: absolute;
  top: 0px;
  width: 292px;
  z-index: 7;        
  left: 0px;
  height: 129px;	    
}   
   
.three_col_img {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 1125px;  
  width: 345px;    
}    

.three_col_img_1 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 345px;  
  width: 345px;    
}

.three_col_img_2 {
  z-index: 333; 
  position: absolute;
  top: 375px;
  left: 0px;
  display: block;
  height: 345px;  
  width: 345px;    
}

.three_col_img_3 {
  z-index: 333; 
  position: absolute;
  top: 750px;
  left: 0px;
  display: block;
  height: 345px;  
  width: 345px;    
}    
         
.spacer {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 50px;  
  width: 345px;    
}

.sub_title {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 70px;  
  width: 345px;    
}

.before_after_container {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 165px;  
  width: 345px;    
}

.before_container {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 165px;  
  width: 165px;    
}

.after_container {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 180px;
  display: block;
  height: 165px;  
  width: 165px;    
}
    
.before_after_container2 {
  z-index: 333; 
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  height: 114px;  
  width: 345px;    
}

.before_container2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 114px;  
  width: 165px;    
}

.after_container2 {
  z-index: 333; 
  position: absolute;
  top: 0px;
  left: 180px;
  display: block;
  height: 114px;  
  width: 165px;    
}

.before_label {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 165px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}    

.after_label {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 165px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 0.2px;    
  height: auto;     
}  
    
.before_label_x {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 175px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.3;
  letter-spacing: 0.2px;    
  height: 50px;  
  background-color: #FFFFFF;    
}    

.after_label_x {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 8;
  width: 175px;
  font-family: 'HelveticaNeueLTStd_Lt', Sans-Serif;
  text-align: left;
  font-size: 17px;
  color: #888888;
  text-decoration: none;
  line-height: 1.3;
  letter-spacing: 0.2px;    
  height: 50px;    
  background-color: #FFFFFF;      
}      

.image_b {
  position: absolute;
  top: 30px;
  width: 165px;
  z-index: 7;        
  left: 0px;
  height: 165px;	    
}
    
.image_b2 {
  position: absolute;
  top: 30px;
  width: 165px;
  z-index: 7;        
  left: 0px;
  height: 114px;	    
}

.image_a {
  position: absolute;
  top: 30px;
  width: 165px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}        
    
.three_col_root {
  position: absolute;
  top: 0px;
  width: 345px;
  z-index: 7;        
  left: 0px;
  height: 100%;	    
}    
    
}