@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: font1;
  src: url(/images2020/fonts/Brown-Light.otf);
}

@font-face {
  font-family: font2;
  src: url(/images2020/fonts/MinionPro-Regular.otf);
}

.fonttest {
	font-family: abel,sans-serif;
	font-size: 200%;
}



a:visited {
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

a:link {
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

a:hover {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #F03;
}
	
a:active {
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

.redbannerfont {
	color:#F03;
	font-size: 0.9em;
	font-family:Verdana, Geneva, sans-serif;
}

.wideimage {
	width:100%;
	height:auto;
}

.purpleheader {
	color:#65545C;
	size:150%;
	font-weight:600;
}

.purplelargefont {
	color:rgba(152,118,157,1.00);
	font-size:160%;
	font-family: actor;
	font-stretch:semi-expanded;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
}

.purplelargefont:link {
	font-style: normal;
	font-weight: normal;
	color: #98769D;
	text-decoration: none;
}
.purplelargefont:visited {
	font-style: normal;
	font-weight: normal;
	color: rgba(152,118,157,1.00);
	text-decoration: none;
}

.purplelargefont:hover {
	font-style: normal;
	font-weight: normal;
	color: #71347A;
	text-decoration: none;
}

.purplefont {
	color:#98769D;
	font-size:85%;
	font-family: pontano-sans;
	font-stretch:semi-expanded;
	font-style:normal;
	font-variant:normal;
	font-weight:100;
}

.purplefont:link {
	font-style: normal;
	font-weight: normal;
	color: #98769D;
	text-decoration: none;
}
.purplefont:visited {
	font-style: normal;
	font-weight: normal;
	color: #98769D;
	text-decoration: none;
}

.purplefont:hover {
	font-style: normal;
	font-weight: normal;
	color: #71347A;
	text-decoration: none;
}


.blueheader {
	font-family:"Berlin Sans FB";
	font-size:160%;
	color:#663399;
}

.bannermessage1 {
	background-color:rgba(0,0,0,0.7);
	font-size:250%;
	color:#CCC;
	width:100%;
	border: 0px outset #96C;
	padding: 50px 0px 50px 0px;
	display: inline-block;
	border-radius: 0px;
	background-attachment:fixed;
	max-height:20%;
}


.bannermessage2 {
	font-size:2em;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	border: 0px outset #96C;
	display: inline-block;
	border-radius: 0px;
	background-attachment:fixed;
}

.bannermessagehydra {
	
	font-size:250%;
	color:#CCC;
	width:100%;
	border: 0px outset #96C;
	padding: 50px 0px 50px 0px;
	display: inline-block;
	border-radius: 0px;
	background-attachment:fixed;
	max-height:20%;
}

.bannerhydramobile {
	background-image:url("images2016/hydrafacial_gold.JPG");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:10% ;
	font-size:200%;
	color:#FFF;
	padding: 5px 0px 5px 0px;
}


@media only screen and (min-width: 0px) and (max-width: 1000px) {
.bannerhydramobile {
	background-image:url("images2016/hydrafacial_silver.JPG");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:10% ;
	font-size:200%;
	color:#0436B0;
	padding: 50px 0px 50px 0px;
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.bannermessage4 {
	background-image: url(images2016/fraxel_114779767.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.bannermessage3 {
	background-image:url(images2016/backbanners/filler_2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: ;
}
}


@media only screen and (min-width: 0px) and (max-width: 768px) {
.nomobile {display: none !important;}
}
@media only screen and (min-width: 769px) {
.nodesktop {display: none !important;}
}


input {
	width: 80%;
	padding:12px;
	margin-top:8px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1;
	border-radius:5px;
	background-color:#EBEBEB;
	color:#93C;
	font-size:medium;
	-webkit-appearance:none;
	box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	outline:none
}

input:hover {
	background-color:#FFF;
	color:#000;
}

select {
	width:  80%;
	padding:12px;
	margin-top:8px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1;
	border-radius:5px;
	background-color:#EBEBEB;
	color:#999;
	font-size:medium;
	-webkit-appearance:none;
	box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	outline:none
}
select:hover {
	color:#000
}

textarea {
	width:  80%;
	padding:12px;
	margin-top:8px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:3;
	border-radius:5px;
	background-color:#EBEBEB;
	color:#333;
	font-size:medium;
	-webkit-appearance:none;
	box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	outline:none
}
	
.infobox {
    background-color:#CC0000;
    overflow:hidden;
	display:none
    }

.submit {
	background-color:#666;
	color:#FFF;
	width:62.5%;
}
.submit:hover {
	color:#000;
}


.map {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px; 
	border-radius: 0px;
      }

.map2 {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px; 
	border-radius: 0px;
      }

.map3 {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px; 
	border-radius: 0px;
      }
	  
.map4 {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-top: 20px; 
	border-radius: 0px;
      }

.map5 {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px; 
	border-radius: 0px;
      }
	  
.map6 {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px; 
	border-radius: 0px;
      }
	  


.back1 {
	background-color:#FFF;
	}

.back2 {
	border:0px 0px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 20px;
	height:100%;
   	}

.back2a {
	border:0px 0px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 20px;
	height:100%;
   	}

.back3 {
	background-position:top;
	border:0px 0px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 20px;
   	}

.back4 {
	background-color:rgb(193,193,193);
	background:rgba(193,193,193,0.85);
	background-position:top;
	border:0px 0px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 20px;
}

.back5 {
	background-color: #FFF;
	background-position:top;
	border:0px 0px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 20px;
}

.back6 {
	background-color:rgb(193,193,193);
	background:rgba(193,193,193);
	background-position:top;
	border:0px 0px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 20px;
}

.backphotomain {
	background-image:url(images2016/fraxel_114779767.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	
}

.backphotomain2 {
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image: url(images2016/IMG_5489.JPG);
	background-size:100%;
}

.backphotomain3 {
	background-image: url(images2016/backbanners/backbanner2.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	height: 70vh; 
}

.backphotomain4 {
	background-image:url(images2016/gummy_104630663.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	
}

.backphotomain5 {
	background-image:url(images2016/backbanners/lip.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	
}

.backphotomain6 {
	background-image:url(images2016/backbanners/eye.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	
}

.backphotomain7 {
	background-image:url(images2016/backbanners/filler_2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	
}

.backphotomain8 {
	background-image:url(images2016/backbanners/filler_2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	
}

.backphotomain9 {
	background-image: url(images2016/backbanners/men_93467080.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover; 
	
}

.backphotomain10 {
	background-image: url(images2016/backbanners/hydrafacial.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	
}

.backphotohydra {
	background-image: url(images2016/hydrafacial_gold.JPG);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	
}

.line {
height:1px;
background:#999;
border-bottom:1px thin #999;

}

.aligner1 {
	text-align:left;
	margin-right:0px;
	padding-right:-50%;
	padding-left:30%;
	max-width:80%;
}
.aligner2 {
	text-align:left;
	margin-right:0px;
	padding-right:-50%;
	padding-left:30%;
	max-width:80%;
}
.aligner3 {
	text-align:left;
	margin-right:0px;
	padding-right:-50%;
	padding-left:30%;
	max-width:80%;
}

.aligner4 {
	float:left;
}

.coolsculptflyer {display:none}
@media only screen and (min-width: 0px) and (max-width: 480px) {
.coolsculptflyer {display:inline !important;
}}
.coolsculptflyerdesktop {display:inline;}
@media only screen and (min-width: 0px) and (max-width: 480px) {
.coolsculptflyerdesktop {display:none !important;
}}


.button {
	background-color: #65545C; /* Green */
	border: none;
	color: white;
	padding:30px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	width:40%;
	margin:0px 0px 0px 30px;
	border-radius: 10px;
	height:100px;
}
.button a:link, .button a:visited, .button a:active  {
	color:#FFF;
}

.button:hover {
	background-color:#CCC;
	color: #333;
}

.button {
    -webkit-transition-duration: .5s; /* Safari */
    transition-duration: .5s;
}

.style15 {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .4em;
}

.bookonline {
	position:fixed;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:80%;
	margin-top:7%;
	display:inline-block;
	height:00px;
	width:10%;
	min-width:75px;
	border:0px;
	border-width:thick;
	border-color:#000;
	background-color:rgba(0,0,0,0.50);
	border-radius:5px;
	text-align:center;
	padding-bottom:40px;
	padding-top:20px;
	font-size:0.85em
}

.bookonline:hover {
	background-color:rgba(0,0,0,0.85);
}

table, thead, tbody, tfoot, tr, th, td {
    display: block; /* Set all of our table elements to display type block */
}
 
/* And here we will set our table to act normally after we hit 1024px */
@media only screen and (min-width: 0px) {
    table { display: table; }
    thead { display: table-header-group; }
    tbody { display: table-row-group; }
    tfoot { display: table-footer-group; }
    tr { display: table-row; }
    th, td { display: table-cell; }
}



#myBtn:hover {
  background-color: #555;
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
#myBtn{
	display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  background-color:#555;
  color:#FFF;
  outline: none;
  cursor: pointer;
  padding: 10px 10px 10px 10px;
  border-radius: 100px;
}
}

@media only screen and (min-width: 481px) {
#myBtn{
	display:none;
} 
}
/*Media Queries*/

.brooklynlogomobile{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.brooklynlogomobile{
	display:block !important;
}
}

	
@media only screen and (min-width: 0px) and (max-width: 480px) {
.logobrooklyn {
	display:none !important;
}
}

@media only screen and (min-width: 481px){
.logobrooklyn {
	display:block;
	}
}

.brooklynlogomobilemenu{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.brooklynlogomobilemenu{
	display: none !important;
	padding: 0px;
	width:185px;
	position:absolute;
	margin-top:-35px;
	margin-left: 3px;
	z-index: 50;
}
}

.wplogomobile{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.wplogomobile{
	display:block !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.logowp {display:none !important;
}
}

@media only screen and (min-width: 481px){
.logowp {
	display:block;
	}
}

.wplogomobilemenu{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.wplogomobilemenu{
	display: none !important;
	padding: 0px;
	width:200px;
	position:absolute;
	margin-top:-30px;
	margin-left: 3px;
	z-index: 50;
}
}

.longislandlogomobile{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.longislandlogomobile{
	display:block !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.logolongisland {
	display:none !important;
}
}

@media only screen and (min-width: 481px){
.logolongisland {
	display:block;
	}
}

.lilogomobilemenu{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.lilogomobilemenu{
	display: none !important;
	padding: 0px;
	width:200px;
	position:absolute;
	margin-top:-30px;
	margin-left: 3px;
	z-index: 50;
}
}

.nyclogomobile{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.nyclogomobile{
	display:block !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.logonyc {
	display:none !important;
}
}

@media only screen and (min-width: 768px){
.logonyc {
	display:block;
	text-align: center;
	}
}

.nyclogomobilemenu{
	display:none
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.nyclogomobilemenu{
	display: none !important;
	padding: 0px;
	width:200px;
	position:absolute;
	margin-top:-30px;
	margin-left: 3px;
	z-index: 50;
}
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
.newbackground {

	background-repeat:no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-attachment:scroll;
	background-position:center;
	width: 100%;
	height:auto;

}
}

@media only screen and (min-width: 768px){
.newbackground {
	display:none;
	}
}

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
	
.responsivecontent{
	display:none;
	}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.responsivecontent{
	display:none !important;
}
}

@media only screen and (min-width: 768px) {
.responsivecontent{
	display:block;
	}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.g-recaptcha{
/*transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0; */
   text-align: -webkit-center;
   text-align: -moz-center;
   text-align: -o-center;
   text-align: -ms-center;
    width: auto;
	height: auto;
	margin: 5px;
	padding: 10px;

}

}

@media only screen and (min-width: 481px) {
.g-recaptcha{
	display:block;
	}
}

 .phonebutton {
	width: 6%;
	float: left;
    text-align:center;
	font-size: 0.6em;
	
}


@media (min-width: 0px) and (max-width: 480px) {
.phonebutton{
   height:25px; 
   margin-top:-33px;
   margin-left:10px;
   display:inline;
   position:relative;
   z-index:902;
   
   

}

}
@media (min-width: 481px) {
.phonebutton{
	display:none;
}

}

 .bookbutton {
	width: 8%;
	float: left;
    text-align:center;
	font-size: 0.6em;
	
}


@media (min-width: 0px) and (max-width: 480px) {
.bookbutton{
   height:25px; 
   margin-top:-37px;
   margin-left:15px;
   display:inline;
   position:relative;
   z-index:902;

}

}
@media (min-width: 481px) {
.bookbutton{
	display:none;
}

}

 .emailbutton {
	width: 10%;
	float: left;
    text-align:center;
	font-size: 0.6em;
	
}


@media (min-width: 0px) and (max-width: 480px) {
.emailbutton{ 
   height:46px;
   margin-top:-40px;
   margin-left:45px;
   display:inline;
   position:relative;
   z-index:902;

}

}
@media (min-width: 481px) {
.emailbutton{
	display:none;
}

}

.menu1 {
  display: ;
  text-align: center;
  position: fixed;
  right: 0;
  top: 70%;
	color: azure;
	visibility: hidden;
	opacity: 0;
	background-color: rgba(0,0,0,0.6);
	background-blend-mode: darken;
	padding: 15px 10px 15px 10px;
	border-top-left-radius: 25px;
    -moz-animation: cssAnimation 2s ease-in 1s;
    /* Firefox */
    -webkit-animation: cssAnimation 2s ease-in 1s;
    /* Safari and Chrome */
    -o-animation: cssAnimation 2s ease-in 1s;
    /* Opera */
    animation: cssAnimation 2s ease-in 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.menu1 a:link, .menu1 a:visited, .menu1 a:active {
	color:#FFF;
}
.menu1 a:hover {color: antiquewhite;}

@keyframes cssAnimation {
    to {
        visibility:visible;
		opacity: 1;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        visibility:visible;
		opacity: 1;
    }
}


.popholiday {
  text-align: center;
  position: fixed;
 z-index: 9999; /* Sit on top */
  right: 5%;
  top: 20%;
	visibility: hidden;
	opacity: 0;
	color: rgba(0,0,0,0);
	background-color: rgba(142,86,0,0.85);
	background-blend-mode: darken;
	padding: 10px 10px 20px 10px;
	border-radius: 25px 25px 25px 25px;
    -moz-animation: cssAnimation1 2s ease-in 1s;
    /* Firefox */
    -webkit-animation: cssAnimation1 2s ease-in 1s;
    /* Safari and Chrome */
    -o-animation: cssAnimation1 2s ease-in 1s;
    /* Opera */
    animation: cssAnimation1 2s ease-in 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.popholiday a:link, .popholiday a:visited, .popholiday a:active {
	color:#FFF;
}
.popholiday a:hover {color: antiquewhite;}

@keyframes cssAnimation1 {
    to {
        visibility:visible;
		opacity: 1;
    }
}
@-webkit-keyframes cssAnimation1 {
    to {
        visibility:visible;
		opacity: 1;
    }
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


/* The Modal (background) */
.modal {
	width: auto;
	max-height: 80%;
	max-width: 80%;
	text-align: center;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    right: 5%;
    top: 20%;
    overflow: auto; /* Enable scroll if needed */
	color: rgba(0,0,0,0);
 	background-color: rgba(239,101,164,0.85); /* alt color152,118,157*/
	background-blend-mode: darken;
	padding: 10px 10px 20px 10px;
	border-radius: 25px 25px 25px 25px;	
	
}



.modal a:link, .modal a:visited, .modal a:active {
	color:#FFF;
}
.modal a:hover {color: antiquewhite;}
/* Modal Content/Box */
.modal-content {
	color: azure;
	align-content: center;
	margin: 1% auto; /* 15% from the top and centered */
	padding: 20px;
	margin: 20px;	
}

@media (min-width: 0px) and (max-width: 480px) {
	.modal	{
		top:5%;
		right: 8%;
		width: auto;
		height: 100%;
		font-size: 80%;
		padding: 5px 5px 5px 5px;
		overflow: hidden;
	}
	.modal-content{
	color: azure;
	align-content: center;
	margin: 1% auto; /* 15% from the top and centered */
	padding: 0px;
	margin: 0px;
	}
	.inputbox{width: 200px; border: thick; border-color: aqua;}
}
/*Media Queries end*/