@charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
@font-face {
  font-family: 'NonBreakingSpaceOverride';
  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}



/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Typography */
html {
  font-size: 22px;
  font-size:calc(1vw + 1em);
}

@media only screen and (min-width: 0px) { html { font-size:calc(1vw + 1.2em); } }
@media only screen and (min-width: 700px) { html { font-size:calc(1vw + 1.3em); } }
@media only screen and (min-width: 700px) { html { font-size:calc(1vw + 1em); } }
@media only screen and (min-width: 1024px) { html { font-size:calc(1vw + 1em); } }
@media only screen and (min-width: 1500px) { html { font-size:calc(1vw + 0.7em); } }
					
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111;
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-weight: 400;
  /*font-size: 1em;*/
  line-height: 1.8;
  margin: 0;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
optgroup,
textarea {
  color: #111;
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.8;
  text-rendering: optimizeLegibility;
}

.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-title {
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}

.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
  line-height: 1.25;
}

h1 {
  font-size: 2.25em;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.8125em;
  }
}

.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
  font-size: 1.6875em;
}

@media only screen and (min-width: 768px) {
  .entry-title,
  .not-found .page-title,
  .error-404 .page-title,
  .has-larger-font-size,
  h2 {
    font-size: 2.25em;
  }
}

.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
  font-size: 1.6875em;
}

.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
  font-size: 1.125em;
}

.pagination .nav-links,
.comment-content,
h5 {
  font-size: 0.88889em;
}

.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
  font-size: 0.71111em;
}

.site-title,
.page-title {
  font-weight: normal;
}

.page-description,
.page-links a {
  font-weight: bold;
}

.site-description {
  letter-spacing: -0.01em;
}

.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}

/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
  .entry-title {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}

p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote cite {
  font-size: 0.71111em;
  font-style: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

pre {
  font-size: 0.88889em;
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.8;
  overflow: auto;
}

code,
kbd,
tt,
var {
  font-size: 0.88889em;
  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: underline;
}

/* Elements */
html {
  box-sizing: border-box;
}

::-moz-selection {
  background-color: #bfdcea;
}

::selection {
  background-color: #bfdcea;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background-color: #f9f9fb;
}

		
a {
  transition: color 110ms ease-in-out;
  color: #0073aa;
}

a:hover,
a:active {
  color: #005177;
  /*outline: 0;*/
  text-decoration: none;
}

a:focus {
  outline: thin;
  outline-style: dotted;
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 1rem 0;
}

/*
h1:not(.site-title):before,
h2:before {
  background: #767676;
  content: "\020";
  display: block;
  height: 2px;
  margin: 1rem 0;
  width: 1em;
}
*/

hr {
  background-color: #767676;
  border: 0;
  height: 2px;
}

ul,
ol {
  padding-left: 1rem;
}

ul {
  list-style: disc;
}

ul ul {
  list-style-type: circle;
}

ol {
  list-style: decimal;
}

li {
  line-height: 1.8;
}

li > ul,
li > ol {
  padding-left: 2rem;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1rem 1rem;
}

img {
  height: auto;
  max-width: 100%;
  position: relative;
}

figure {
  margin: 0;
}

blockquote {
  border-left: 2px solid #0073aa;
  margin-left: 0;
  padding: 0 0 0 1rem;
}

blockquote > p {
  margin: 0 0 1rem;
}

blockquote cite {
  color: #767676;
}

table {
  margin: 0 0 1rem;
  border-collapse: collapse;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

table td,
table th {
  padding: 0.5em;
  border: 1px solid #767676;
  word-break: break-all;
}

/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  transition: background 150ms ease-in-out;
  background: #0073aa;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 0.88889em;
  font-weight: 700;
  line-height: 1.2;
  /*outline: none;*/
  padding: 0.76rem 1rem;
  text-decoration: none;
  vertical-align: bottom;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #111;
  cursor: pointer;
}

.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
  color: #fff;
  text-decoration: none;
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background: #111;
  outline: thin dotted;
  outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  -webkit-backface-visibility: hidden;
  background: #fff;
  border: solid 1px #ccc;
  box-sizing: border-box;
  /*outline: none;*/
  padding: 0.36rem 0.66rem;
  -webkit-appearance: none;
  outline-offset: 0;
  border-radius: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #0073aa;
  outline: thin solid rgba(0, 115, 170, 0.15);
  outline-offset: -4px;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  resize: vertical;
}

form p {
  margin: 1rem 0;
}

/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  transition: color 110ms ease-in-out;
  color: #0073aa;
}

a:visited {
  color: #0073aa;
}

a:hover,
a:active {
  color: #005177;
  /*outline: 0;*/
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  text-decoration: underline;
}




/* Layout */
/** === Layout === */
#page {
  width: 100%;
  /*will-change: transform;*/
}

.site-content {
  overflow: hidden;
}







/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
  margin: 1rem 1rem calc(3 * 1rem);
}

@media only screen and (min-width: 768px) {
  .archive .page-header,
  .search .page-header,
  .error404 .page-header {
    margin: 0 calc(10% + 60px) calc(10% + 60px);
  }
}

.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
  color: #767676;
  display: inline;
  letter-spacing: normal;
}

.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
  display: none;
}

.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
  display: inherit;
  clear: both;
}

.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
  content: ".";
  font-weight: bold;
  color: #767676;
}

.archive .page-header .page-description {
  display: block;
  color: #111;
  font-size: 1em;
}

@media only screen and (min-width: 768px) {
  .hfeed .entry .entry-header {
    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
  }
}

/* 404 & Not found */
.error-404.not-found .page-title,
.error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content {
  margin: calc(3 * 1rem) 1rem;
}

@media only screen and (min-width: 768px) {
  .error-404.not-found .page-title,
  .error-404.not-found .page-content,
  .no-results.not-found .page-title,
  .no-results.not-found .page-content {
    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
  }
}

.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
  vertical-align: middle;
  margin: 1rem 0;
}

.error-404.not-found .search-field,
.no-results.not-found .search-field {
  width: 100%;
}





/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/


/****** 950 px or less is mobile
 * 
 * 
 */

 
@font-face {
  font-family: 'The Secret';
  font-display: swap;
  src:      url("markimages/fonts/MyFont-Regular-2.otf") format("opentype")
}


@font-face {
  font-family: 'Barcelony';
  font-display: swap;
  src:      
            url("markimages/fonts/Barcelony.ttf") format("truetype")
} 

@font-face {
  font-family: 'TT-Norms';
  font-display: swap;
  src:      
            url("markimages/fonts/TTNorms-Medium.otf") format("opentype")
} 



@font-face{font-display:swap;font-family:Saol Display;font-weight:400;src:url(markimages/fonts/SaolDisplay-Regular.760a763e.woff2) format("woff2"),url(markimages/fonts/SaolDisplay-Regular.9c14d087.woff) format("woff")}@font-face{font-display:swap;font-family:Saol Display;font-style:italic;font-weight:400;src:url(markimages/fonts/SaolDisplay-RegularItalic.4942d644.woff2) format("woff2"),url(markimages/fonts/SaolDisplay-RegularItalic.58361a8b.woff) format("woff")}




@font-face {
    font-family: 'Butler';
    src: url('markimages/fonts/Butler-UltraLight.woff2') format('woff2'),
        url('markimages/fonts/Butler-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('markimages/fonts/Butler-Medium.woff2') format('woff2'),
        url('markimages/fonts/Butler-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('markimages/fonts/Butler-Light.woff2') format('woff2'),
        url('markimages/fonts/Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('markimages/fonts/Butler-Black.woff2') format('woff2'),
        url('markimages/fonts/Butler-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('markimages/fonts/Butler-Bold.woff2') format('woff2'),
        url('markimages/fonts/Butler-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('markimages/fonts/Butler-ExtraBold.woff2') format('woff2'),
        url('markimages/fonts/Butler-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('markimages/fonts/Butler.woff2') format('woff2'),
        url('markimages/fonts/Butler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler33';
    src: url('markimages/fonts/Butler_Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/***************************************************************************************************/
/***************************************************************************************************/

:root{
	--header-bar-height: 95px;
	--header-bar-fixed-height: 95px;
	--base-font:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}



		@media only screen and (max-width: 1500px) {
		  :root
			  {
					--header-bar-height: 75px;
					--header-bar-fixed-height: 75px;
    
			  }
		}
		
		
		
	
	
.home
{

}
.site-content
{
	width:100%;
}

.headerBar
{
	width:100%;
	z-index:1;
	padding: 0;
   	margin:0 auto;
   	color:#fff;

   	position:absolute;
   	z-index:999;
	height:var(--header-bar-height);
   	display: flex;
    flex-flow: row;
}





.page
{
background:#fff;
}


.home .modernist
{
background: #c9c9cd;
}

.subpageImage
{
	height:50vw;
	max-height:540px;
}


		@media only screen and (max-width: 512px) {
		  .subpageImage
			  {

					height:38vh;
					min-height:358px;
    
			  }
		}
		
.lasers .subpageImage
{
	height:11vh;
}		




.headerOptionsBar
{
	display:flex;
}		
	
	
.headerOptionsBar span
{
	    /*font-size: 16px;*/
	    /*font-size: min(max(12px, 4.8vmax), 70px);*/
	   font-size: min(1.1vw,16px);
	    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	    margin: auto 10px;
	    
	    border: 1px solid #c7c7c7;
	    border-radius: 50px;
	    padding: 5px 15px;
}		


		@media only screen and (max-width: 1240px) {
		  .headerOptionsBar span
			  {
					margin: auto 0.6vw;
			  }
		}	


#bookappt
{
	display:none;
}

		@media only screen and (max-width: 1024px) {
		  #bookappt
			  {
					display:inline;
			  }
		}	
		
		
.bookNow
{
	float: left;
    margin: 0 0 0 45px;	
    line-height:22px;
    border:0 !important;
    padding-right:10px !important;
    margin-right: 0 !important;
}

		@media only screen and (max-width: 1240px) {
		  .bookNow
			  {
					padding-left:0 !important;
			  }
		}	
		
		@media only screen and (max-width: 1024px) {
		  .bookNow
			  {
					margin-left:1rem;
			  }
		}	
		
		@media only screen and (max-width: 512px) {
				.bookNow
				{
					/*display:none;*/
				
					margin:8px auto 0;
				}

		}	

			@media only screen and (max-width: 512px) {
				.menu .bookNow
				{
					display:contents;
				}

		}	
		
	
		@media only screen and (max-width: 512px) {
				.headerBarFixed .bookNow
				{
					margin: 6px 6px;
				}

		}	
		
					
				
.bookNow a, .BookTopRight
{    
    color: #003164 !important;
    font-size: 15px;
    background: #ffee00;
    padding: 7px 11px;
    border-radius: 6px;
    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-weight: 600;
    cursor:pointer;
    text-decoration:none;
     /*box-shadow:2px 2px 10px #00316426;*/
    /*outline:none;*/
	display:block;
}		

		@media only screen and (max-width: 1024px) {
				.bookNow a
				{
				    padding: 1.5vh 2vw;
				}
				
			}
			
			
.BookTopRight
{
	font-size:11px;
	line-height:1.3;    
}
	
.footerRowContainer .bookNow
{    
    margin:.5vw 0 0 0;
}	

.footerRowContainer .bookNow a
{    
    font-size:1.7vw;
    padding:0.9vw;
}	

.menu-container.bookNow
{    
    margin:0 0 0 0;
}

.menu-container .bookNow a
{    
    font-size:3.5vw;
}	

		@media only screen and (max-width: 1024px) {
				.menu-container.right .bookNow a
				{
				        padding: 2vw;
    					margin: 2vh;
				}
		}

		@media only screen and (max-width: 512px) {
				.menu-container .bookNow a
				{
					margin:unset !important;
				    font-size:4.5vw;
				    text-align:center;
				    
				}
				
				.footerRowContainer .bookNow a
				{    
				    font-size:6.5vw;
				    padding:4vw;
				    border-radius:3vw;
				}	

		}	



			
.mainLogo
{
	
    margin: 0;
    text-align: center;
    /* height: 154px; */
   	display:block;
    position: relative;
    /*border: 1px solid #fff;*/
    
    
    width:13vh;
    height:12vh;
    padding:0 1.9vh;
        
    background:#142b86;    
        background:#1b1b1b;
        background:transparent;
    border-radius:1px;    	
    max-width:200px;
    max-height:180px;
    font-size:10px;
}

.mainLogo
{
	/*Bigger for homepage */
    width:16vh;
    padding:0 2.5vh;	
    
    
    /*margin-left:0.25vw;*/
    margin-left:clamp(0px,1vw,10px);
    /*margin-right:clamp(10px,0.5vw,2px);*/
    /*width: 7vw;
    padding: 0;
    margin: 0 1vw 0 2vw;
    padding: 1vh 0;*/
}



		@media only screen and (max-width: 512px) {
		  .mainLogo
			  {

					/*width:18vh !important;
					height:16vh !important;
					padding:0 3.5vh !important;
					margin:auto;
    
    
    				width:20vh !important;
    				height:20vh !important;
    				border-radius:50%;*/
			  }
		}
		


		@media only screen and (max-width: 512px) {
		  .mainLogo
			  {

					/*width:15vh !important;
					height:13vh !important;
					padding:0 3vh !important;
					margin:3vh auto 0;
					margin:auto auto 0 auto;*/
    
			  }
		}






.home .headerStyle3f .mainLogo, .mainLogo
{
    margin-top: -6vh;
    margin-left: 0;
    /*padding:1.7vh;*/

    position:relative;
    top:unset;
    left:unset;

    
    
    
    
	margin-top: auto;
    margin-bottom: 0;    
    
    max-width:130px;
    max-height:124px;
    /*padding:1.4vh;
    width: 15vh;*/
    height: 13vh;
    
    
    max-width:133px;
    max-height:133px;
    /*width:20vh;*/
    height:20vh;

    
    max-width:142px;
    max-height:142px;
    
    height:70px;
    width:auto;
        
}


			
.mainLogo img
{
	 /*margin: 20px 12px;*/
	/*outline:none;*/
	width:100%;
	height:100%;
}



		@media only screen and (max-width: 512px) {
		  .mainLogo img
			  {
					width: 100%;
    				margin: 0;
			  }
		}


/*.headerBarFixed .mainLogo
{
    margin:auto 0 auto 7vw;
}*/


		
.headerBarFixed > .mainLogo img
{
	/*filter: invert(100%);*/
	margin:1px 0 0 0;
	/*width:55px;*/

		-webkit-transition: all 0.5s ease-in-out;
			 -moz-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				 -o-transition: all 0.5s ease-in-out;
						transition: all 0.5s ease-in-out;	
						
}




		@media only screen and (max-width: 512px) {
		  .headerBarFixed > .mainLogo img
			  {
					width:auto;
					    margin: 0;
			  }
		}
		




.headerBarFixed .mainLogo img
	{
		filter:invert(1);
		filter:invert(42%) sepia(37%) saturate(420%) hue-rotate(8deg) brightness(98%) contrast(85%);
		
	}	
	
			

		@media only screen and (max-width: 512px) {
		  .fullPageStyle .headerBarFixed .mainLogo
			  {
					width: 14.5vh !Important;
    				margin-left: 20px !important;
			  }
		}
		


.headerInfoContainer
{
	margin: auto 1.5vw auto auto;
	padding:0;
	display:flex;	
	flex-flow:column;
	height:66%;
}		


		@media only screen and (max-width: 1240px) {
		  .headerInfoContainer
			  {
					margin:auto;
			  }
		}
		
		@media only screen and (max-width: 1024px) {
		  .headerInfoContainer
			  {
		    		margin-right: 2.5vh;
				    margin-left: 0;
			  }
		}		

    
						
/*.headerBarFixed > .headerInfoContainer
{
           margin: auto;
        	flex-flow:row-reverse;
        	height:auto;
        	
        	margin:unset;
        	margin-right:7vw;
						
}

		@media only screen and (max-width: 512px) {
		  .headerBarFixed > .headerInfoContainer
			  {
					margin:0;
					width:100%;
			  }
		}*/



#headerContactContainer
{
	    margin:auto;
}	

		@media only screen and (max-width: 1240px) {
		  #headerContactContainer
			  {
					width:100%;
				    align-items: center;
				    flex-flow: column;
				    display: flex;
				    text-align: center;
			  }
		}
		

		@media only screen and (max-width: 512px) {
		 #headerContactContainer
			  {
				    margin: 3vh auto auto;
				    margin:auto;
			  }
		}


		
/*.headerBarFixed #headerContactContainer
{
	margin:auto 0 auto 45px;
}*/

		/*@media only screen and (max-width: 1024px) {
		  .headerBarFixed #headerContactContainer
			  {

				    margin-left:1rem;
				    color:#fff;
			  }
		}*/	
		
		/*@media only screen and (max-width: 512px) {
		  .headerBarFixed #headerContactContainer
			  {

				    flex-flow: row;
				    margin:auto;
				    color:#5b8bf7;
				    color:#000;
				    flex-flow:wrap;
				    justify-content: flex-end;
				    
				        flex-flow: wrap;
					    justify-content: flex-end;
					    flex-direction: row-reverse;
			  }
		}		
		*/
		
		
.headerContactContainerShow
	{
		display:inline !important;
		
	}	
	
		
		
.headerPhone
{
    font-weight: 400;
    font-size: 12px;
    line-height:22px;
    font-family: 'Lexend Zetta';
    float:left;
	margin:0;
}


		@media only screen and (max-width: 1024px) {
		  .headerPhone
			  {
			  	display:none;
						font-size:10px;
			  }
		}	
		
		@media only screen and (max-width: 512px) {
		  .headerPhone
			  {
						font-size:12px;
			  }
		}	
	

	
				
		@media only screen and (max-width: 512px) {
		  .headerBarFixed .headerPhone
			  {
						font-size:12px;
			  }
		}	
				
		
.headerBarFixed > .headerInfoContainer > #headerContactContainer > .headerPhone
{

}

		@media only screen and (max-width: 512px) {
		  .headerBarFixed > .headerInfoContainer > #headerContactContainer > .headerPhone
			  {
						white-space: nowrap;
						flex-grow:1;
			  }
		}




    
  /*  
a[href^=tel]{
    color:inherit;
    text-decoration: inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
    }		
		*/
		
.headerAddr
{
    font-weight: 400;
    font-size: 11px;
    line-height:22px;
    font-family: 'Lexend Zetta';
    text-transform:uppercase;
    float:left;
    margin-left:15px;
}


		@media only screen and (max-width: 1024px) {
		  .headerBarFixed .headerAddr
			  {
					margin:0;
					font-size:9px;
					color:#000;
			  }
		}		

						
		@media only screen and (max-width: 1024px) {
		  .headerAddr
			  {
					display:none;
			  }
		}	
		
				
.headerAddr span
{
	margin-left:26px;
}

		
		@media only screen and (max-width: 1024px) {
		  .headerAddr span
			  {
					margin-left:1rem;
			  }
		}		


		@media only screen and (max-width: 512px) {
		  .headerAddr span
			  {
				margin:0;
				display:block;
			  }
		}
						

		@media only screen and (max-width: 512px) {
		  .headerBarFixed > .headerInfoContainer > #headerContactContainer > .headerAddr
			  {
						margin: 0 6px;
				
						background: #e0e0e0;
						background:#e8f3f9;
    					border-radius: 100px;
			  }
		}



		@media only screen and (max-width: 512px) {
		  .headerBarFixed > .headerInfoContainer > #headerContactContainer > .headerAddr:before
			  {
			  	visibility: visible;
	    		/*content : 'MAP US';*/
	    		content : 'Directions';

	    			padding:2px 14px; 
	    			
	    			white-space: nowrap;
				    flex-grow: 1;
				    display: inline-block;
				   margin:0;
				   
				   font-size:11px;
				   text-transform:capitalize;
				   
				    font-weight:400;
    				font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    				letter-spacing: -.012em;


			  }
		}
		
		
.headerBarFixed > .headerAddr span
{
	display:inline;
	margin-left:10px;
}

		@media only screen and (max-width: 512px) {
		  .headerBarFixed > .headerInfoContainer > #headerContactContainer > .headerAddr span
			  {
				display:none;
			  }
		}





		
				
/***************************************************************************************************/
/***************************************************************************************************/


.mainBlock
{
	margin:0 auto;
	width:100%;
	position:relative;
}	

.mainBlock-colorshift
{
	width:100%;
	margin:0;
	
	display:inline-block;
}	

.halfBlocks .mainBlock-colorshift
{
	margin:auto 12px;
	width:calc(100% - 24px);
}					


.mainBlock-colorshift-inner
{
	width:86%;
	max-width:1400px;
	margin:2rem auto 0;	
}

					@media only screen and (max-width: 512px) {
					  .mainBlock-colorshift-inner
						  {
    
    							margin:1rem auto 0;
						  }
					}

					@media only screen and (max-width: 512px) {
					  #skingoalContainerInner
						  {
    
    							width:100%;
						  }
					}







		.headerBarInnerContainer
		{
			display:flex;
			flex-wrap: nowrap;
			height:100%;
		}
		
		.home .headerStyle3f .welcomeBlock, .headerBarInnerContainer
		{
				
			/*max-width:1700px;*/
			margin:auto;		
			width:100%;
		}

							

				
																			
		.home .headerInfoContainer
		{
			height:100%;
			
		}
		
		
					@media only screen and (max-width: 1024px) {
					  .home .headerInfoContainer
						  {
    
    							    margin-right: 0.75vh;
    							margin-left: 0;
    							padding:0;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .home .headerInfoContainer
						  {
    
    							/*margin:auto;
    							padding-right: 6px;*/
						  }
					}
							
						
								
	.welcomeBlock.subpage
	{
		overflow:visible;

	}
			
	.welcomeImage
	{
		width:100%;
		height:100%;
		margin:0 auto;
		
		
		height:88%;
		min-height:858px;
		/*overflow:hidden;*/
		position:relative;
	}

					@media only screen and (max-height: 980px) {
					  .welcomeImage
						  {
						  	height:100%;
    							
						  }
					}
					

	.welcomeImage video
	{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	.welcomeImage img
	{
		display:none;
	}
	
	.welcomeImageOverlay
	{
		background:linear-gradient(180deg, #22222cd6, rgba(0, 0, 0, 0.35) 30%);
		
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 100;
		
		pointer-events: none;
	}
	
	.home .modernist .welcomeImage video, .home .modernist .welcomeImageOverlay
	{
		height:88%;
		
		height:100%;
		max-height:957px;
		
		
		height:88%;
		min-height:858px;
		max-height:unset;
		
		height:100%;
		min-height:unset;
		
	}


					@media only screen and (max-width: 1024px) {
					  .home .modernist .welcomeImage video
						  {
						  	/*this is so that the edges dont blur on gsap animation*/
    							width:108%;
    							left:-4%;
    							position:relative;
    							
						  }
					}
							

					@media only screen and (max-width: 1024px) {
					  .welcomeImage, .home .modernist .welcomeImage video, .home .modernist .welcomeImageOverlay
						  {
    							height:100% !important;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .home .modernist .welcomeImage video, .home .modernist .welcomeImageOverlay
						  {
    							height:62.5%;
    							height:51vh !important;
    							min-height:unset;
    							    border-bottom-left-radius: 14%;
    								border-bottom-right-radius: 14%;
						  }
					}
					
		.lasers .welcomeImageOverlay
		{
			background:black;
		}
		
		.wio
		{
			background:linear-gradient(180deg,#22222cd6,rgba(63, 65, 93, 0.33) 30%);
		}
		
		.wioEsthetics
		{
			background:linear-gradient(180deg,#22222cd6,rgba(63, 65, 93, 0.48) 30%);
		}
		

		.welcomeImageOverlay.acne
		{
			background: #00c4ff38;
		}

		.welcomeImageOverlay.scars
		{
			background: linear-gradient(180deg,#22222cd6,rgb(39 45 134 / 48%) 30%);
			mix-blend-mode:soft-light;
		}
						
	.home .welcomeImageOverlay
	{
		background:linear-gradient(180deg,#22222cd6,rgba(30, 47, 86, 0.35) 30%);
		/*background:linear-gradient(180deg,#22222cd6,rgb(58 75 115 / 48%) 30%);*/
		background:linear-gradient(180deg,#22222cd6,rgb(0 0 0 / 12%) 30%);
		
		
		
		
			background: rgba(0, 60, 193, 0.56);
			    mix-blend-mode: soft-light;
			
			
			
			background-image:rgba(0, 60, 193, 0.56) linear-gradient(180deg,#22222cd6,rgb(0 0 0 / 12%) 30%);
			background-image:linear-gradient(180deg,#22222cd6,rgb(0 0 0 / 12%) 30%), linear-gradient(90deg, rgb(20 25 86), rgba(0, 60, 193, 0.56));
			background:linear-gradient(180deg,#28283a96,rgb(14 51 132 / 35%) 20%);
			background-image:linear-gradient(180deg,#22222cd6,rgba(0,0,0,.12) 30%), linear-gradient(90deg,rgba(20,25,86,1),rgba(0,60,193,.56));
			
			
		
			
			background-image:linear-gradient(180deg,#22222cd6,rgba(0,0,0,.12) 30%),linear-gradient(90deg,rgba(20,25,86,1),rgb(21 60 146 / 56%));


	}
	
	.home .headerStyle2 .welcomeImageOverlay, .home .headerStyle3 .welcomeImageOverlay
	{

		mix-blend-mode:unset;
		background-image:linear-gradient(90deg, rgba(7,9,39,0.89),rgba(0,49,158,0.27) 61%);
		
		background-image:linear-gradient(90deg,rgb(7 13 39 / 89%),rgba(0,49,158,.27) 61%);
	}

					@media only screen and (max-width: 1024px) {
					  .home .headerStyle2 .welcomeImageOverlay, .home .headerStyle3 .welcomeImageOverlay
						  {
						  		background-image:linear-gradient(7deg, rgba(7,9,39,0.89),rgba(0,49,158,0.27) 22%);
						  }
					}
					
					
					@media only screen and (max-width: 512px) {
					  .home .headerStyle2 .welcomeImageOverlay, .home .headerStyle3 .welcomeImageOverlay
						  {
						  		mix-blend-mode: soft-light !important;
						  		background-image:linear-gradient(180deg,#22222cd6,rgba(0,0,0,.12) 30%), linear-gradient(90deg,rgba(20,25,86,1),rgba(0,60,193,.56));
						  }
					}


	.home .headerStyle3f .welcomeImageOverlay
	{

		background-image:linear-gradient(90deg,rgb(4 10 35 / 89%),rgba(0,49,158,.27) 61%);
		opacity:0.9;
		
		/*
		background-image: linear-gradient(90deg,rgb(20 43 134 / 38%) 15%,rgb(0 49 158 / 20%) 52%);
		opacity:1;
*/

	/*background: #0020ff14;*/

    	background-image: linear-gradient(90deg,rgb(4 10 35 / 99%),rgba(0,49,158,.27) 61%);
    
    
        background-image: linear-gradient(100deg,rgb(4 10 35/89%),rgb(0 49 158 / 8%) 50%);
        opacity:1;


	    background-image: linear-gradient(88deg,rgb(18 30 86 / 55%) 20%,rgb(0 49 158/8%) 80% );
	    opacity: 1;
  
 
		background-image: linear-gradient(45deg,rgb(4 3 4 / 100%) 0%,rgb(0 49 158 / 7%) 60%);  

    	background-image: linear-gradient(35deg,rgb(24 29 48 / 100%) 5%,rgb(0 49 158 / 7%) 55%);
    	
    	background-image: linear-gradient(45deg,rgb(4 3 4 / 85%) 0%,rgb(0 49 158/7%) 60%);
 
 
 		background:unset;
 		background-image: linear-gradient(to top right, rgba(4, 3, 4, 0.85), rgba(0, 24, 77, 0.06) 60%);   
 		
 		background-image:linear-gradient(to top right,rgb(37 51 88 / 57%),rgb(140 103 0 / 12%) );
 		
 		background-image: linear-gradient(to top right,rgb(37 51 88 / 63%),rgba(0,24,77,.06) 60%);
 		background-image: linear-gradient(to top right,rgb(37 51 88 / 33%),rgba(0,24,77,.06) 50%);
 		
 		
 		background-image:linear-gradient(to bottom,rgb(0 0 0 / 78%),rgb(73 59 59 / 14%) 8%);
 		
 		background-image:linear-gradient(to top right,rgb(0 0 0 / 47%),rgb(0 0 0 / 32%) 50%);
 		mix-blend-mode:unset;
	}
	
	



	
.welcomeTextOverlay
{
	display:none;
}
	
	.home .welcomeTextOverlay
	{
		display:inline;
		width:75%;
		width:60%;
		line-height:1;
		max-width:1080px;
		text-align:center;
		color:#fff;
		z-index:200;
		margin: auto;
		  /*display: flex;*/
		    align-items: center;
	}	


					@media only screen and (max-width: 1024px) {
					  .home .welcomeTextOverlay
						  {
						  	width:80%;
						  }
					}
		




		.home .headerStyle3 .welcomeTextOverlay
		{
			color:#000;
			position:absolute;
			bottom:-18%;
			width:88%;
			left:6%;
			text-align:left;
			max-width:unset;
			
			width:66%;
			bottom:-14%;
		}

	

			

		.modernist .welcomeTextOverlay
		{
		    width:66% !Important;
		    width:60% !Important;
		    width:58% !Important;
		    padding:2vh 2.5% 3.6vh !important;
		}

					@media only screen and (max-width: 1024px) {
					  .modernist .welcomeTextOverlay
						  {
						  	width:95% !Important;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .modernist .welcomeTextOverlay
						  {
						  	padding: 0 2.5% 0 !important;
						  	width:98% !Important;

						  }
					}
		
																							
.headerBarFixed .welcomeTextOverlay
{
	display:none;
}


.welcomeTextOverlay h1
{
	margin:0;
	padding:0;
	font-weight:100;
	font-size:3.5vmax;
	white-space:nowrap;
}
	
		@media only screen and (max-width: 512px) {
		  .welcomeTextOverlay h1
			  {

			  	font-size:6.5vw;
			    white-space: break-spaces !important;
			  }
		}


		
			.headerStyle2 .welcomeTextOverlay h1
			{
				font-family:Inter;
				font-weight:700;
				font-size:3vh;
			}		

					
			
			.headerStyle3f .welcomeTextOverlay h1
			{

				   	white-space: break-spaces !important;  
				    line-height:1.05;
				    letter-spacing:-0.04rem;
				    font-family: Inter;
				    font-weight:200;
				   

			}			

			.headerStyle3g .welcomeTextOverlay h1
			{

				    letter-spacing: -.02em;
				    line-height: 1.2;
				    font-family: "Playfair display";
				    font-weight: 400;
				    
				    
				        /*letter-spacing: -.06em;
					    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
					    font-weight: 600;*/
					    /*font-size: 2.8vmax;*/
					    font-size: min(max(12px, 4.8vmax), 70px);

			}	
						

								
			.headerStyle2 .welcomeTextOverlay font, .headerStyle2 .welcomeTextOverlay span
			{
				font-size:60%;
				letter-spacing:-0.2vmax;
			}	

																	

	
																								
.welcomeTextOverlay h2
{

/*
    color: rgba(255,255,255,.4);
    font-family: Inter;
    font-weight: 500;
    margin: 0.35rem 0 0 !important;
    padding: 0;
    line-height: 1.5;
    width: 100%;
    border-top: 1px dotted #ffffff45;
    padding-top: 0.5rem;
    font-size: 1vw;
    text-transform: uppercase;
 */

    color: rgba(255,255,255,.4);
    font-family: Inter;
    font-weight: 500;
    line-height: 1.5;

    border-top: 1px dotted #ffffff45;
    text-transform: uppercase;
    margin: 0.35rem 0 0 !important;

	padding: 0.5rem 0% 0;

}


					
		@media only screen and (max-width: 512px) {
		  .welcomeTextOverlay h2
			  {
			  	padding-top:2%;
			  	font-size:3.9vw;
			  	line-height:1.4;
			  	width:100%;
			  }
		}
		

			.headerStyle2 .welcomeTextOverlay h2
			{
				/*margin-top:-0.5vmax !important;
				padding-top:2.5vmax;*/
				text-transform:lowercase;
				border:0;
			}	

			.headerStyle3 .welcomeTextOverlay h2
			{

				letter-spacing: 0.05vmax;
				
			}	


			.headerStyle3f .welcomeTextOverlay h2
			{
				text-align:left;
				margin:1.4% 0 0 5px !important;
				padding:0 !important;
				line-height:1.5;
				white-space: break-spaces !important;
				
				color:rgba(255,255,255,0.5);
				font-size:13px;
				
				border:0;
    			font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";	

			}	
			
			
			.modernist .headerStyle3f .welcomeTextOverlay h2
			{
				color:rgb(0 0 0 / 58%);
				font-weight:400;
			}

					@media only screen and (max-height: 980px) {
					  .modernist .headerStyle3f .welcomeTextOverlay h2
						  {
    							color:rgb(255 255 255 / 58%);
						  }
					}

					@media only screen and (max-width: 1024px) {
					  .modernist .headerStyle3f .welcomeTextOverlay h2
						  {
    							color:rgb(255 255 255 / 58%);
						  }
					}

					@media only screen and (max-width: 512px) {
					  .modernist .headerStyle3f .welcomeTextOverlay h2
						  {
    							color:rgb(0 0 0 / 58%);
						  }
					}
															
					@media only screen and (max-width: 1440px) {
					  .headerStyle3f .welcomeTextOverlay h2
						  {
						  	margin-bottom:2.5% !important;
						  	margin:2.5% auto !important;
						  	text-align:center;
						  }
					}
		

					@media only screen and (max-width: 512px) {
					  .headerStyle3f .welcomeTextOverlay h2
						  {
						  	line-height:1.3;
						  	font-size: 11px;
						  	
						  	    width: 100%;
			    padding: 0 !important;
			    margin: 10px 0 0 !important;
			    text-align:center;
						  }
					}
					
		@media only screen and (max-height: 1024px) { /*Ipad pro*/
		  .headerStyle3f .welcomeTextOverlay h2
			  {
				    text-align:left;
			  }
		}	
		
												
			/*													
.openingBlock
{
	
	margin:0;
	height:auto;
	padding:0 5%;
	padding-top:2.5%;
	width:100%;
	
	z-index:100;
	background:#fff;
	
}



		@media only screen and (min-width: 1700px) {
		  .openingBlock
			  {

			  	padding-left:8%;
			  	padding-right:8%;
			  }
		}



		@media only screen and (max-width: 512px) {
		  .openingBlock
			  {
					margin:0 auto 0;
					height:auto;
					padding:0;
			  }
		}


.headerStyle3 .openingBlock
{
	margin-top:15vh;
}

.headerStyle3b .openingBlock
{
	margin-top:unset;
	display:flow-root;
}
*/


.openingBG1
{
	margin-left: 4%;
	margin-top:1.5%;
    background: #efe0e5;
    height: 93.5%;
    width: 96%;
    display: inline-block;
    position: absolute;
}

.openingBG2
{
	margin-left: 6%;
    background: #f4ecef;
    height: 100%;
    width: 68%;
    display: inline-block;
    position: absolute;
}



.openingItem
{
	width:25%;
	height:42%;
	position:absolute;
	top:11%;
	left:5%;
	z-index:3;
	/*box-shadow: 13px 13px 30px #0000002b;*/
	  /*clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);*/
	/*left:3%;
	  -webkit-clip-path: polygon(15% 0%, 100% 0, 85% 100%, 0 100%);
  		clip-path: polygon(15% 0%, 100% 0, 85% 100%, 0 100%);*/
}

		@media only screen and (max-width: 512px) {
		  .openingItem
			  {
						height:7rem;
						width:42%;
						left:3%;
						position:relative;
			  }
		}
		

.openingItem img
{
	border-radius:50%;
	box-shadow: 13px 13px 30px #0000002b;

}




.nameArea
{
    display: block;
    position: relative;	
    z-index:2;
    width:100%;
}

		@media only screen and (max-width: 512px) {
		  .nameArea
			  {
						padding-top:0.25rem;
			  }
		}
		
		
						
.leftName
{
	
	font-family:"proxima-nova", "PT Sans", "Helvetica Neue", Helvetica, "open sans", Arial, sans-serif;	
	font-size:14.5px;
	line-height:20px;
	color:#000;

	padding:0.8rem 0rem;

	/*box-shadow:5px 5px 54px #2e376445;*/
	
    left: 0;
    width: 92%;
    /*box-shadow: 3px 3px 20px #0003;*/
    z-index:20;
    
    position:relative;
    margin:0 auto;
    
    width:auto;
    margin: auto;
    
    width:120%;
    padding:0 0 0.8rem;
}



		
		@media only screen and (max-width: 1024px) {
		  .leftName
			  {
					margin:0;
					width:100%;
			  }
		}		
		
.leftName span
{
	font-size:19.5px;
	line-height:20px;
	font-family: "playfair display";
	color: #5d656e;
	color:#2c445f;
	font-weight:400;
	letter-spacing:0;
	margin-top:10px;
	display:block;
}

		
		@media only screen and (max-width: 1065px) {
		  .leftName span
			  {
				font-size:14px;
				line-height:17px;
			  }

		  .leftName span:last-of-type
			  {
				margin-top:2px;
			  }
		}	
		
		@media only screen and (max-width: 512px) {
		  .aaStyle2 .leftName span
			  {
					margin-top:5px;
			  }
		}			
		
		
			
.leftNameTitle
{
	line-height:115%;
	letter-spacing:-0.03em;	
	color:#000;
    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	font-weight:700;
	margin:0 auto;
	display:table;
	text-align:left;
	margin:0;
	
	
	
	    font-size: min(max(12px,3vw),35px);
	    font-size:clamp(24px,2.2vw,40px);
	    font-size: clamp(12px,6.8vw,40px);
	    font-size: clamp(12px,7.3vw,40px);
	    
	    font-size: clamp(12px,2.4vw,40px);
	    
	    
	        color: #2c445f;
    	font-family: 'Playfair Display';
    	letter-spacing:-0.01em;	
    	font-weight:400;
    	line-height:1.18;
}	


		@media only screen and (max-width: 1024px) {
		  .leftNameTitle
			  {

			    text-align:center;
			    display:block;		
			    line-height:1.4;
			    font-family:Butler;
			    font-size:4.1vw;
			  }
		}	
		
		@media only screen and (max-width: 512px) {
		  .leftNameTitle
			  {

			    font-size:7.3vw;
			  }
		}	
						
.leftNameTrainingItem
{
	clear:both;
	display:table;
	font-size:80%;
}

		@media only screen and (max-width: 1024px) {
		  .leftNameTrainingItem
			  {

			   font-size:135%;
			  }
		}	
		
		@media only screen and (max-width: 512px) {
		  .leftNameTrainingItem
			  {

			   font-size:120%;
			  }
		}	
		
				
.leftNameTrainingItemLeft
{
    /* float: left; */
    /* width: 85px; */
    /* text-align: right; */
    margin-left: 15px;
}

					@media only screen and (max-width: 512px) {
					  .leftNameTrainingItemLeft
						  {
    							margin-left:0;
						  }
					}
		
.leftNameTrainingItemRight
{
    /* float: left; */
    width: 100%;
    margin-left: 24px;
}

					@media only screen and (max-width: 1024px) {
					  .leftNameTrainingItemRight
						  {
    							width:100%;
						  }
					}

					@media only screen and (max-width: 512px) {
					  .leftNameTrainingItemRight
						  {
    							margin-left:0;
						  }
					}
					

.leftBigFactRow
{
	font-weight:400;
	font-size:50%;
	line-height:1.6;
	margin:3vh 0 0;
	/*margin-left:4vw;*/
}	

	.aaStyle2 .leftBigFactRow
		{
		color:#222;
		font-family:Poppins;	
		}

					/*@media only screen and (max-width: 1024px) {
					  .aaStyle2 .leftBigFactRow
						  {
    							margin:0;					
    							    background: #f5f5f3;
								    border-radius: 40px;
								    padding: 10px 40px;
								    margin-bottom: 20px !important;
    
						  }
					}*/
					
					@media only screen and (max-width: 512px) {
					  .aaStyle2 .leftBigFactRow
						  {
						  	
						  	font-size:62%;
    							margin:0;
    							    background: #f5f5f3;
								    /*border-radius: 40px;*/
								    padding: 10px 40px;
								    /*margin-bottom: 20px !important;*/
								   margin-bottom:1px !important;
								   
    
						  }
					}
							
	.aaStyle2.aboutArea2 .leftBigFactRow
		{
		color:#111545;
		color:#565862;
		}
		

	.aboutArea2 .aboutAreaRight .leftBigFactRow
	{
		height:100%;
		
	}
					
.leftBigFactRow:first-of-type
{
	margin:0;
}	

	.aaStyle2 .leftBigFactRow:first-of-type
		{
		margin-top:10vh;
		margin-top:0;
		}

					@media only screen and (max-width: 1024px) {
					  .aaStyle2 .leftBigFactRow:first-of-type
						  {
    							margin-top:0;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .aaStyle2 .leftBigFactRow:first-of-type
						  {
								    border-radius: 40px 40px 0 0;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .aaStyle2 .leftBigFactRow:last-of-type
						  {
								    border-radius: 0 0 40px 40px;
						  }
					}			
					
	.gridBlock-item .aaStyle2 .leftBigFactRow:first-of-type
		{
		margin-top:0;
		}
		
				
	.aaStyle2.aboutArea2 .leftBigFactRow:first-of-type
		{
		margin-top:0;
		}
		
#rtngPlace
	{
		margin-top:7vh;	
	
	}	


					@media only screen and (max-width: 512px) {
					  #rtngPlace
						  {
    							margin:0;
						  }
					}	

.aaStyle2 #rtngPlace
	{
		margin-top:0;
	
	}	


							
.leftBigFactRow span
{
	font-size:200%;
	font-weight:300;
	letter-spacing:-0.005em;
	display:block;
}	

	.aboutArea2 .aboutAreaLeft .leftBigFactRow span
		{
			    float: none;
    			padding: 0;
		}
		
		
	.aaStyle2 .leftBigFactRow span
		{

    			
			    float: left;
			    text-align: left;
			    padding: 15px 0;
			    
			    
			    font-family:"Playfair Display";
			    font-size:90%;
			    font-weight: 500;
			    color: #0000009c;
    			text-transform: uppercase;
    			letter-spacing: 0.02rem;
		}

		@media only screen and (max-width: 512px) {
		  .aaStyle2 .leftBigFactRow span
			  {
					text-align:left;
					/*border-top:1px solid #eee;*/
					width:100%;
			  }
		}

	
				
.leftBigFactRow-half
{
	width:50%;
	float:left;
}	


		
.gridBlock-item .leftBigFactRow-text
{
	padding-left:unset;
	margin-left:unset;
	padding:0;

}
	#blankSpacer
	{
		height:5px;
	}
	
		@media only screen and (max-width: 512px) {
		  #blankSpacer
			  {
				   display:none;
			  }
		}		


#aboutSpecificText
{
	/*font-size:96%;*/
	font-size: clamp(13px,0.8vw,14px);
	font-size: clamp(12px,0.8vw,14px);
	/*font-size: 14px;*/
	font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}		
			
.aboutArea2 .aboutAreaLeft .leftBigFactRow-text
{
	border:0;
	padding-left:0;
	margin-left:0;
	
}


.aboutArea2 .aboutAreaRight .leftBigFactRow-text
{
	height:calc(100% - 85px);
	
	height:auto;

}


		@media only screen and (max-width: 512px) {
		  .aaStyle2 .leftBigFactRow-text
			  {
				    width: 69%;
				    font-family: Figtree;
				    font-family:var(--base-font);
				    margin: 0;

				    margin-left: 4%;
				    padding-left: 4%;
				    color:#111545;
				    border:0;
				    
				    width:92%;
				    margin-bottom:25px;
				    
				    margin-left:0;
				    padding-left:0;
				    width:100%;
			  }
		}		
		
/*#rtngPlace .leftBigFactRow-text
{
	padding-bottom:20px;
	margin-bottom:0;
	/*border-bottom:1px solid #c7c7cf;	*/
}	*/

/*.fullPageStyle .ratingsItemContainer
{
	max-width:250px;	
	margin-left:21px;
}	*/


.BookNow, .BookNow a
{
	font-size: 0.9vw;
    color: #000;
    font-weight: 700;
    letter-spacing: 0.01vw;
    border-color:yellow;
    background:yellow;
    margin-top:20px;
    text-decoration:none;
    display:none;
}

		@media only screen and (max-width: 1200px) {
		  .BookNow, .BookNow a
			  {
					font-size:1.3vw;
			  }
		}
		

					
/***************************************************************************************************/
/***************************************************************************************************/

.breadcrumb
{
	margin:1rem auto;
	font-size:55%;
	font-family:Poppins;
	font-weight:400;
	
	    max-width: 1340px;
    width: 90%;
}

		@media only screen and (max-width: 512px) {
		  .breadcrumb
			  {
					margin:1rem;
			  }
		}
		
.breadcrumb a
{
	color:#142b86;
	font-weight:700;
	    border-bottom: 1px dotted #142b86;
	    /*outline:none;*/
}

.breadcrumb a:hover, .breadcrumb a:focus
{
	text-decoration:none;
	border-bottom: 2px solid #142b86;
}
		
a:focus
{
	border:1px dotted #142b86;	
}	



/***************************************************************************************************/
/***************************************************************************************************/

	
			
/***************************************************************************************************/
/***************************************************************************************************/

.medicalArea
{
	width:100%;
	z-index:1;
	/*overflow:hidden;*/
	position:relative;				
}


		@media only screen and (max-width: 512px) {
		  .medicalArea
			  {
				margin-top:2vh;
				clear:both;	
			  }
		}

.halfBlocks .medicalArea
{
	width:calc(100% - 24px);
	margin:0 12px;	
}	

	
.medicalArea2
{
	padding-top:1px;							
}

		@media only screen and (max-width: 512px) {
		  .medicalArea2
			  {
				margin-top:0;
			  }
		}
		
.healthySkinVideo
{
	position:fixed;
	top:10vh;
	left:0;
	width:100%;
	z-index:-1;
	display:none;
}

.healthySkinVideo video
{
	width:100%;
	height:80vh;
	object-fit:cover;		
}

.healthySkinVideo-hello
{
	display:inline;
}

.maicVideoOverlay0
{
	background:rgba(0,0,40,0.7);
	background:rgb(22 22 22 / 85%);
	    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:10;
}

.maicVideoOverlay
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	background:linear-gradient(180deg,#22222cd6,rgba(30,47,86,.35) 30%);
	background:linear-gradient(180deg,#442f3f85,rgba(30,47,86,.35) 30%);
	background:linear-gradient(180deg,#55556da3,rgba(30, 47, 86, 0.25) 30%);
	background:#000a8024;
	background:#242a6738;
	background:linear-gradient(145deg,rgb(71 52 179 / 27%),transparent);
	
	background:rgba(36, 42, 103, 0.2);
	
	background:linear-gradient(45deg, #0c0d2f, transparent);
	background:linear-gradient(45deg, #0c0d2fde, transparent 90%);		
	

	background:linear-gradient(45deg, #ffffffde, transparent 90%);			
	background:rgba(36, 42, 103, 0.2);		
	
	mix-blend-mode:color;	   
	mix-blend-mode:unset;
}



.newStyle .maicVideoOverlay
{
	    background: rgb(36 42 103 / 12%);
}

.shadowBlock .maicVideoOverlay, .shadowBlock .maicVideoOverlay2, .shadowBlock .maicVideoOverlay3
{
	/*bottom:44px;*/
}



.maicVideoOverlay2
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:6;
	/*background:linear-gradient(180deg,#55556da3,rgba(30, 47, 86, 0.25) 30%);  */
	background:linear-gradient(180deg,#55556da3,rgba(30, 47, 86, 0.25) 15%);  
	
	background:rgb(36 42 103 / 12%)
	background:rgba(30, 47, 86, 0.2);
	
	
	display:none;
}

.maicVideoOverlay3
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:7;

	background: linear-gradient(134deg,#778198c4 17%,rgb(30 47 86 / 0%) 38%);
}



.newStyle .maicVideoOverlay3
{
	    background: linear-gradient(134deg,#7781986e 17%,rgb(30 47 86/0%) 38%);
}




										
#medicalAreaIntroContainer
{
	
		z-index:10;
		background:transparent;
		position:relative;
		display:flex; 
		height:auto;
		
		width:100%;		
		margin:0 auto;
		overflow:hidden;
		
}

.newStyle#medicalAreaIntroContainer
{
	overflow:hidden;
}

.gridBlock-item-fullwidth-padded #medicalAreaIntroContainer
{
	
	margin-top:2rem;
}

					@media only screen and (max-width: 1024px) {
					  .gridBlock-item-fullwidth-padded #medicalAreaIntroContainer
						  {
								margin-top:0;
						  }
					}
					
	
					@media only screen and (max-width: 1200px) {
					  #medicalAreaIntroContainer
						  {

						  }
					}

					@media only screen and (max-width: 512px) {
					  #medicalAreaIntroContainer
						  {
								background:linear-gradient(0deg, white 15%, #f2f2f3 30%);
								min-height:unset;
								margin-top:unset;
						  }
					}
					

.fullPageStyle .gridBlock-item-fullwidth-padded #medicalAreaIntroContainer
{
	
	margin-top:10vh;
	margin-top:0;
}


.fullPageStyle.halfBlocks .gridBlock-item-fullwidth-padded #medicalAreaIntroContainer
{
	
	margin-top:0;
	height:98vh;
	height:88vh;
}
					
#medicalAreaIntroContainer img, #medicalAreaIntroContainer video
{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	height:100%;
	width:100%;
	object-fit:cover;
	
	/*border:1px solid transparent;*/

}


					@media only screen and (max-width: 512px) {
					  #medicalAreaIntroContainer img, #medicalAreaIntroContainer video
						  {
							height:30vh !important;
							width:100%;
						  }
					}
					


.shadowBlock #medicalAreaIntroContainer img, #medicalAreaIntroContainer video
{	
	/*
	    box-shadow: 10px 10px 30px #0000001c;	   
	   box-shadow: 10px 10px 30px #00000040;
	   */
}

					@media only screen and (max-width: 512px) {
					  .shadowBlock #medicalAreaIntroContainer img, #medicalAreaIntroContainer video
						  {
								box-shadow:none;
						  }
					}
					
.newStyle#medicalAreaIntroContainer img, .newStyle#medicalAreaIntroContainer video
{
	box-shadow:unset;
    width: 140%;
}

					
.maicVideo
{
		/*border-radius:60px;
		overflow:hidden;*/
}


					@media only screen and (max-width: 512px) {
					  .maicVideo
						  {

						  }
					}
					



		
.healthySkin-cover1, .healthySkin-cover2
	{
		background:#fff;
		width:100%;
		height:10vh;
		z-index:20;
	}					

.maicVideo .medicalAreaHeader
	{


		padding:5% 10% 4%;
    	width: 46%;
    	top:0;
    	left:0;
    	bottom:0;
    	
    	padding:5% 10% 3.5%;
    	min-height:80vh;
    	
    	min-height:620px;
    	min-height:70vh;
    	padding: 5% 0 5% 10%;
    	width:44%;
    	
    	
    	    padding: 5% 0 5% 5.5%;
    		width: 46%;
    	
	}

.gridBlock-item .maicVideo .medicalAreaHeader
{
	width:94%;
	min-height:unset;
}

.newStyle.maicVideo .medicalAreaHeader
	{
		width:60%;
		min-height:unset;
		padding-left:8%;
	}

.fullPageStyle .maicVideo .medicalAreaHeader
{
	padding-top:4%;
	padding-bottom:4%;	
	min-height:80vh;
	
	
	width:50%;
	max-width:632px;
	padding-top:6%;
	padding-bottom:2%;	
	
	padding:unset;
	padding-left:7%;
}



					@media only screen and (max-width: 1024px) {
					  .maicVideo .medicalAreaHeader
						  {
    							width:55%;
    							min-height:0;

						  }
					}
					
					

					@media only screen and (max-width: 512px) {
					  .maicVideo .medicalAreaHeader
						  {
    							width:65%;
    							padding-left:5%;
    							padding-right:5%;
    							min-height:0;
    							/*padding-top:6vh;*/
    							padding-bottom:4vh;
    							
    							
    							width:100%;
    							padding-bottom:0;
    							margin-top: 29vh;
    							
    							margin-top:0;
    							padding-top:3% !important;
    							padding-bottom:unset !important;
						  }
					}


.shadowBlock .medicalAreaHeader
{
	/*margin-bottom:44px;	*/
}	

				
.maicVideo #medicalAreaHeader-start
	{

	    padding-left: 0;
	    height: auto;
	    margin: 0;
	}


											
.maicVideo .ma-text
	{
		padding: 0;
		width:94%;
		color:#fff;
		align-self:unset;
		
		
		width:100%;
	}

					@media only screen and (max-width: 512px) {
					  .maicVideo .ma-text
						  {
    							color:#333;
    							width:100%;
    							margin-top:0;
						  }
					}

.newStyle.maicVideo .ma-text
{
	color:#2b3f88;
	font-size:49%;
}


/*.ma-text-header
{
	font-size: clamp(50px,3vw,65px);
    line-height: 1.06;
    letter-spacing: -0.21vw;
    
    
    
    font-size: clamp(50px,4.2vw,75px);
    font-family: DM Serif Display;
    font-weight: 400;
}	

.ma-text-content
{
	margin-left:7%;
	    font-size: clamp(18px,0.9vw,22px);
    font-weight: 500;
    width:90%;
    
    margin-left:0;
    font-size: clamp(17px,0.95vw,22px);
    
}		


					@media only screen and (max-width: 512px) {
					  .ma-text-content
						  {
    							width:100%;
    							margin:0;
    							text-align:right;
    							    margin-top: 15vh;
						  }
						  
					}*/
							
.maicVideo .ma-signature
	{
		margin: 0;
		width:auto;
		text-align:right;
		font-size:clamp(14px,2.8vw,37px);
		margin-top:1.5vw;
	}


					@media only screen and (max-width: 512px) {
					  .maicVideo .ma-signature
						  {
    							font-size:180%;
							    margin-top: 1.5rem;
							    margin-right: 0.5rem;
						  }
						  
					}




	

.hidestuff video
{
	opacity:0;	
}






#treatitall
{
	font-size:clamp(20px,3.2vw,100px);
	font-weight:400;
	color:#373b57;	
	    letter-spacing: -0.08vw;
    font-family: 'Playfair Display';
    font-family:'Butler';
    margin: 10vh auto 3vh;
    text-align: center;
}







/*.servicesText
{
	color:#fff;
	font-family:Poppins;
	font-size:17px;
	font-weight:400;
	width:70%;
	    color: #fff;
    z-index: 30;
    left: 0;

    width: 75%;
    font-size: clamp(14px,2vw,28px);
    line-height:1.4;

    

}

.servicesstyle2 .servicesText
{
    width:100%;
    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    color:#000;
        margin: auto;
        font-size: clamp(14px,0.9vw,28px);	
        
        
    width: 80%;
    margin-left: 3vw;
    
        
    color: #e37979;
}*/







.medicalAreaHeader
{

    position: relative;
    z-index: 999999;
    /*align-items: center;*/
    justify-content: center;
    display: flex;
    flex-flow:column;
    color:#000;
}

#medicalAreaHeader-boxed
{
	/*border:1px solid #000;*/
	padding:4% 2.5%;
	width:38%;
	max-width:200px;
	margin:0;
	
	padding:4% 0;
	
	width:45%;
	max-width:220px;
	
	
	padding: 0.5% 0 2% 0;
	max-width:325px;
	width:46%;
}

#medicalAreaHeader-start
{
	margin:0 auto;
	text-align:center;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	
	
	width:100%;
	height:100%;
	opacity:1;
	
	width:100%;
	
	line-height:0.9;
	text-transform:uppercase;
	letter-spacing:0;
	
	
	font-family:Poppins;
	color: #08265f;
	color: #f7eac2;
	text-transform:lowercase;
	font-weight:900;
	letter-spacing:-0.03em;
	
	
	font-family:'Playfair Display';
	text-transform:capitalize;
	color:#fff;
	
	font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	    font-weight: 700;
    text-transform: lowercase;
    letter-spacing: -0.1rem;
    color:#bda19b;
    color: #f7eac2;
}


					@media only screen and (max-width: 768px) {
					  #medicalAreaHeader-start
						  {

						  }
					}
					

					@media only screen and (max-width: 512px) {
					  #medicalAreaHeader-start
						  {
								color:#5974a5;
								color:#fff;
						  }
					}
					


.newStyle #medicalAreaHeader-start
	{
		width:63%;
	}
	
.medicalAreaHeader-end
{
	font-family:Poppins;
	font-weight:900;
	letter-spacing:-0.03em;
	color: #08265f;
	text-transform:lowercase;
	/*font-size:56%;*/
	margin: 20px 0px 20px 15px;
	display:block;
	display:flex;
	overflow:hidden;
	width:100%;
	
	color:#e4e4e4;
	margin-left:0;
	font-size:clamp(14px,1.64vw,24px);
	/*height:30px;
	line-height:30px;*/
	
	line-height:50px;
	/*justify-content:center;*/
}		

					@media only screen and (max-width: 512px) {
					  .medicalAreaHeader-end
						  {
								    color: #244ba2;
						  }
					}
					
#medicalAreaHeader-rotator
{
 display:inline-block;
 /*height:30px;*/
}

.medicalAreaHeader-end span
{
display:block;
height:50px;
/*text-decoration:underline;
font-style:italic;*/
}	



.ourPhilosophyTextArea .medicalAreaHeader-end
{
	font-weight:600;
	font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size:clamp(14px,1.04vw,22px);
    font-size:clamp(20px,1.04vw,24px);
    color:#c7476d;
    letter-spacing:-0.035vw;
    margin:0;
    
}
    
 
 
					@media only screen and (max-width: 1024px) {
					  .ourPhilosophyTextArea .medicalAreaHeader-end
						  {

								        line-height:2;
								        color:#1e336e;
						  }
					}
    			
				
					@media only screen and (max-width: 512px) {
					  .ourPhilosophyTextArea .medicalAreaHeader-end
						  {
								        font-size: clamp(15px,1.04vw,24px);
								        flex-flow:column;
								        display:none;
						  }
					}
					
					   
.ourPhilosophyTextArea #medicalAreaHeader-rotator
{
 display:inline-block;
 height:30px;
 font-weight:800;
 font-size:clamp(14px,1.44vw,25px);
 font-size:clamp(20px,1.44vw,30px);
}
	

    
    
#MsBlock
{
	z-index:8;
}	
			
#medicalServicesBlock
{
	background:#f9f9fb;
	background: linear-gradient(103deg, #f9f9fb, #d2d2d691);
	width:100%;
	color:#000;
	padding:3vw;
}				
				
.mSbTitle
{
    font-size: clamp(20px,3.4vw,50px);
    font-weight: 700;
    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    letter-spacing: -0.14vw;
    line-height:1.2;
    max-width:550px;
}	

				
.mSbTitleSub
{
    font-size: clamp(10px,2vw,30px);
    font-weight: 400;
    font-family: "Playfair Display";
    letter-spacing: -0.08vw;
    line-height:1.2;
}	

.mSbText
{
	font-size: clamp(12px,1.3vw,18px);
	font-weight:400;
	font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    line-height:1.5;
    
    margin-top: 2vh;
    letter-spacing: 0;
    margin-left: 2px;    
}
				
#skinCheckAreaContainer
{
    /*height:70vh;*/
    display: flex;
    /*flex-flow: column;*/
    align-content: center;
    /*justify-content: center;*/
    position: relative;
    top:0;
    left:0;
    z-index: 3;
    background: #242736;
    background: #232323;
    overflow:hidden;
    flex-flow: row-reverse;
    
        width: 86%;
    max-width: 1400px;
}


					@media only screen and (max-width: 512px) {
					  #skinCheckAreaContainer
						  {
    							height:auto;
						  }
					}

.fullPageStyle #skinCheckAreaContainer
{
	width:100%;
	max-width:none;
}


.fullPageStyle.halfBlocks #skinCheckAreaContainer
{
	width:100%;
	max-width:none;
    overflow: hidden;
}


    
					
.home #skinCheckAreaContainer
{

    max-height: 960px;
    height: 86vh;

}

					@media only screen and (max-width: 1024px) {
					  .home #skinCheckAreaContainer
						  {
    							min-height:0;
    							max-height:unset;
    							height:48vh;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .home #skinCheckAreaContainer
						  {
    							height:auto;
    							padding:2vh 0;
    							max-height:unset;
						  }
					}
					
				.subpageBlock #skinCheckAreaContainer
				{
						border-radius:10px;
						margin-top:10px;
						margin-left:10px;
    					flex: 1 1 0px;
				}	  
				

					@media only screen and (max-width: 1024px) {
					  .subpageBlock #skinCheckAreaContainer
						  {
    							margin:auto;
    							border-radius:5px;
						  }
					}


	  
				
													
#skinCheckAreaContainer img
{
	height:100%;
	width:100%;
}

#skinCheckAreaContainer video
{
    position: absolute;
    top: 0;
    left:0;
    right: 0;
    /*width: 100%;*/
    z-index: 1;
    height: 100%;
    /*object-fit: fill;*/
    transform: translateX(0%);	
    
    width:100%;
    object-fit:cover;
       /* filter: contrast(128%) brightness(1.1);
        
        
        height:102%;
        top:-1%;*/
}

					@media only screen and (max-width: 512px) {
					  #skinCheckAreaContainer video
						  {
    							height:47%;
						  }
					}
							
							
.sca-leftbar
{
	    flex: none;	
	    display:flex;
}


.sca-img
{
	position:absolute;
	z-index:1;
	width:100%;
	height:88%;
	top:6%;	
	top:0;
	left:0;
	height:100%;
	
	
	/*
	width:44vw;
	height:44vw;
	max-width:600px;
	max-height:600px;
	right:4%;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	margin:auto;
	top:auto;
	*/
}


					@media only screen and (max-width: 512px) {
					  .sca-img
						  {
    
    							height:100%;
						  }
					}
					
.sca-img-overlay
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.75);	
	background: linear-gradient(90deg, #000000eb 0%, transparent 200%);
	background: linear-gradient(90deg,#050617f5 10%,transparent 150%);
	background:linear-gradient(105deg,#181a29 0%,transparent 90%);
	background: linear-gradient(105deg,#050617f5 00%,transparent 90%);
	background: linear-gradient(105deg,#121321 30%,#ff010100 90%);
	background:linear-gradient(105deg,#181a29 0%,transparent 90%);
	background:linear-gradient(90deg,#00000052 0%,transparent 50%), linear-gradient(90deg, #292e4c 15%, #292e4c26 80%);
	background:linear-gradient(94deg,#071225 0%,transparent 90%);
	background:linear-gradient(94deg,#12151d 26%,transparent 90%);
	background:linear-gradient(90deg,#141823e3 0%,#8b88a54a 64%);
	z-index:10;
	
    background: #0000009e;
    mix-blend-mode: soft-light;
    background:linear-gradient(41deg,#14182300 59%,#7e7e89 85%);
    
        background: linear-gradient(90deg,#14182300 48%,#132135 88%), linear-gradient(90deg, transparent, #000000);
    /* opacity: 0.8; */
    background: linear-gradient(90deg,#14182300 39%,#132135 66%);
    
    
    
    background: linear-gradient(90deg,#14182300 39%,#000 66%);
}


					@media only screen and (max-width: 512px) {
					  .sca-img-overlay
						  {
    
    							background: none;
    							background: linear-gradient(110deg,#050617f5 10%,transparent 150%);
    							background: linear-gradient(180deg,#050617ba 0%,transparent 110%);
    							background:linear-gradient(180deg,#12151d 0%,transparent 100%);


								    mix-blend-mode: normal;
								    background: linear-gradient(0deg,#202638 5%,transparent );
								    height: 50%;
								    
								    
								        background: linear-gradient(0deg,#232323 5%,transparent);
    
						  }
					}
					


.sca-img-overlay2
{
	position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #112140 22%, transparent 68%);
    z-index: 10;
    
    
    opacity: 0.6;
    background: linear-gradient(270deg,#202c42 22%,transparent 68%);
    background: linear-gradient(270deg,#040e21 22%,transparent 68%);
    
    
    mix-blend-mode:darken;
    background: linear-gradient(270deg,#0c214a 22%,transparent 68%);
        
   
   opacity:0.8;     
   background: linear-gradient(270deg,#000713 46%,transparent 57%);
   

   background: linear-gradient(270deg,#000713 50%,transparent 63%);   


	background: linear-gradient(270deg,#000 50%,transparent 63%);  
}	


					@media only screen and (max-width: 512px) {
					  .sca-img-overlay2
						  {
    
    							opacity:0.7;
    							background:#112140;
    							background:#101214;
    							opacity:0.2;
    							
						  }
					}
					

				.subpageBlock .sca-img-overlay2
				{
						background:radial-gradient(#081e48, #040e21);
				}
				

										
					
.skinCheckAreaText .bigHeader
{
	width: min-content;
    display: table-caption;	
    
    font-family:Butler;
    text-transform:unset;
    font-weight:400;
    
    font-size: clamp(56px,5.62vw,115px);
    letter-spacing:-0.25vw;
}

					@media only screen and (max-width: 512px) {
					  .skinCheckAreaText .bigHeader
						  {
								    margin: auto 10% auto 55%;
						  }
					}
					
					

.skinCheckAreaHeader-2
{
	font-family: Roboto;
	letter-spacing:-0.01rem;
    color: #fff;
    font-size: 2vmin;
    font-weight: 700;
    /*transform: rotate(-4deg);*/
    line-height: 1.1;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: left;
        margin-top: 0.2rem;
        
        margin:0.2rem auto 0;
        width:98%;
        display:block !important;
        
        margin:0;
        width:80%;
       

 	margin-bottom:1rem;  
 	
 	
    font-weight: 800;
    letter-spacing: -.02em;
    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
 	
}

					@media only screen and (max-width: 1024px) {
					  .skinCheckAreaHeader-2
						  {

						  }
					}
					
					@media only screen and (max-width: 812px) {
					  .skinCheckAreaHeader-2
						  {

						  }
					}

					@media only screen and (max-width: 512px) {
					  .skinCheckAreaHeader-2
						  {


								margin-left:unset;								
								width:unset;
								font-size: 2.7vmax;
								margin-top: 2vmax;
								
								
								margin-top:5vmax;
								
								
								
	margin-left: 28%;
    font-size: 69%;
    margin-top: 3%;
    

						  }
					}


.subpageBlock .skinCheckAreaHeader-2
{

}

.skinCheckAreaHeader-2 div
{
	display:inline;
	font-size:145%;
	font-family:Barcelony;
	font-weight:400;
	margin-left:4%;
	margin-right:2%;
}					

.skinCheckAreaHeader-2 span:first-of-type 
{
	margin:0 0 -2% -1%;
	display:block;
	font-size:60%;
	
	display: block;
    font-size: 28%;
    margin:0 0 2% -8.7rem;
        margin-left: calc(-50% + 1.5vw);
    font-family: "playfair display";	

    display:inline;
    margin:0;
    padding-right:4%;
    font-size:33%;
    margin-left:-12%;
}

/*
.skinCheckAreaHeader-2 span:last-of-type 
{
	display:block;
	font-size:90%;
	
	font-size:140%;
	margin-top:2%;
	margin-left: -2%;
}
*/

.skinCheckAreaHeader-2 span:last-of-type 
{
    font-size: 52%;
    font-family: "playfair display";
    letter-spacing: -0.03rem;
    position:relative;
    
    margin-top: -5%;
    margin-left: 31%;
    display: block;
    
    margin-top:0;
}

	
.skinCheckAreaSubText
{
	text-align: left;
    margin: 1rem auto;
	/*color:#fff !Important;*/
    position:relative;
    z-index:2;
    width:84%;
    max-width:410px;
    margin: 1rem 0 0 25%;
    
    margin:1rem auto 0;
    text-align:center;
}

					@media only screen and (max-width: 512px) {
					  .skinCheckAreaSubText
						  {
    
    							width:84%;
						  }
					}
					
					

.sc-text
{
	display:block;
	margin-top:4px;
	opacity:0;
}
/***************************************************************************************************/
/***************************************************************************************************/

#medDermArea
{
    height:100vh;
 	height:auto;   
    display:flex;
    /*will-change: transform;*/
 }
    
.medDermArea
{
	/*margin:2rem 7%;*/
	position:relative;
	/*background:#f0f2f9;
	    background: linear-gradient(45deg, #e5e9f7 0%, #f0f2f9 70%);*/

	
	
    max-width: none;	
    
    margin-bottom:0;
    margin:auto;
    overflow:hidden;
    
    
        /*max-width:1400px;*/
        padding:0;
        padding-top:var(--header-bar-height);
        width:70%;
        /*width:92%;*/
}	

					@media only screen and (max-width: 1500px) {
					  .medDermArea
						  {
    							width:80%;
    							/*padding:1.5rem;*/
    							
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .medDermArea
						  {
    							width:100%;
    							/*padding:1.5rem;*/
    							
						  }
					}					
					
.medDermArea-img
{
    position: absolute;
    right: 0;
    width: 76%;
    height:100%;
    bottom:0;
    opacity:0.8;
    
    
    /*
    position:relative;
    opacity:1;
    border-radius: 50%;
    overflow: hidden;
	height: calc(300px + 11vw);
    flex: 0 0 calc(300px + 11vw);
    margin-top: 1.5%;
    */
   
   opacity:0.5;
   top:0;
   width:100%;
    
   opacity:0.2;
}

										

.medDermArea-img video
{
	width:100%;
	height:100%;
	object-fit:cover;
}

	

									
.medDermAreaText
{
	width:50.1%;
	margin:0 auto;
	color:#000;

	
	z-index:8;
	
	
	margin-top:0;
	width:86%;
	/*padding-bottom:15vh;*/
	display:flow-root;
	
	margin-top:8vh;

}	

					@media only screen and (max-width: 1024px) {
					  .medDermAreaText
						  {
						    width: 100%;
						    padding: 0;
						  }
					}
					
					
					@media only screen and (max-width: 512px) {
					  .medDermAreaText
						  {
						    width: 100%;
						    padding: 0;
						  }
					}
															
.medDermAreaTitle
{
	font-size: 66%;
    line-height: 1.25;
    letter-spacing: -.031em;
	font-weight: 400;
    position: relative;
    padding:0;
    text-align:center;
    white-space: break-spaces !important;
    z-index:20;
    
    font-family:Inter;
    
    
    width:100%;
	margin-bottom:7vh;
    opacity:0;
    
}


					@media only screen and (max-width: 1024px) {
					  .medDermAreaTitle
						  {
    							font-size:115%;
    							padding:0;
    							width:100%;
						  }
					}

					@media only screen and (max-width: 512px) {
					  .medDermAreaTitle
						  {
    							font-size:325%;
    							margin-bottom:4.5vh;
						  }
					}
					
.medDermAreaTitle span
{
	margin: 1.2% auto;
	display:block;
	max-width:80%;
	font-size: 50%;
}	
						
.medDermAreaTitle div
{
	margin:0 auto 5%;
}

					@media only screen and (max-width: 1024px) {
					  .medDermAreaTitle div:last-child
						  {
    							margin-bottom: 9.5%;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .medDermAreaTitle div:last-child
						  {
    							font-size:60%;
    							font-size:73%;
    							margin-top: -9.5vh;
    							
    							
    							font-size:70%;
    							margin-top:2.5vh;
						  }
					}
					


.medDermAreaTitle-subtext
{
	font-size: 100%;
    line-height: 1.25;
    letter-spacing: -.031em;
	font-weight: 700;
    position: relative;
    padding:0;
    text-align:left;
    z-index:20;   
    font-family:Inter;
    display:flow-root;
    

    margin:auto;
    width:45%;
    float:left;
    
    
    font-family:"PT Serif";
    font-weight:400;
    color:#225dbd;
    
        margin: auto;
    margin-top: -15vh;
    text-align:center;
    float:unset;
    
    
    /*margin-top:auto;*/
    color:#000;
    
}

					@media only screen and (max-width: 1024px) {
					  .medDermAreaTitle-subtext
						  {
    							width:40%;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .medDermAreaTitle-subtext
						  {
    							width:100%;
						  }
					}
					
#medDermAreaTitle-subtext-1
{
	font-size:144%;
	margin:10vh auto 4vh;
	margin-top:0;
}

					@media only screen and (max-width: 512px) {
					  #medDermAreaTitle-subtext-1
						  {
    							margin-top:-8vh;
						  }
					}
					
#medDermAreaTitle-subtext-2
{
	font-size:80%;
	margin:0 auto;
	color:#617475;
	line-height:1.25;
}

					
.medDermAreaItems
{
    font-size:14px;
    line-height:40px;
    font-weight:400;
	font-family:"Inter";
	    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	columns:3;
        z-index: 20;
    position: relative;
    
    padding:0;
    line-height:2.3;
    
    width: 100%;
    margin: 0.5rem auto 0;
    
	width:80%;
	margin:auto;
	padding:8vh 0 4vh;
	max-width:800px;
	
	
	

    width: 48%;
    margin-left: 7%;
    background: #ced5d6;
    font-size:12.5px;
    border-radius: 10px;
    margin-top: 9vh;
    padding: 16px;	
    
    
    
    
        margin: 0;
    margin-top: 3vh;
    width: 100%;
    /* border-radius: 0; */
    box-shadow: 0 6px 40px #00000014;
    background: #ffffff45;
    border-radius: 60px;
    padding: 1.3vw 2.4vw;
}


		@media only screen and (max-width: 1024px) {
		  .medDermAreaItems
			  {
				   width:53%;
			  }
		}
				
		
		@media only screen and (max-width: 512px) {
		  .medDermAreaItems
			  {
				    word-wrap:break-word;
				    columns:2;
    				
    				width:100%;
    				
    				font-size:12.8px;
    				line-height: 216%;
    				
    				margin:0;
    				padding:0;
    				
    				margin-top: 5vh;
    				padding: 4vw;
			  }
		}

.medDermAreaItems div
{
	display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: disc;       /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: outside;	
    margin-left:20px;
}

/***************************************************************************************************/
/***************************************************************************************************/

.medDermArea-layeredImages
{
	width:100%;
	height:60vh;
	position:relative;
	z-index:9;

	display: flex;
    align-items: center;
    justify-content: center;
    
}


		@media only screen and (max-width: 512px) {
		  .medDermArea-layeredImages
			  {
				    width:95%;
				    margin:auto;
			  }
		}

/***************************************************************************************************/
/***************************************************************************************************/


.cysArea
{

	padding:0;
	position:relative;
	background:#d9c9c3;
	background:#d5c3bf;
	clear:both;
	
	
    overflow: hidden;
    color: #000;
    border-radius: 1px;
    position: relative;
    display: flex;
    align-items: center;
}


					
.clearskinbox
{
	margin:0 auto !important;
	margin-left: 50% !important;
}	

.clearskinbox > .servicesBlurb
{
	color:#000;
	margin:0 auto;
	width:70%;
	font-weight:400;
}

	.cysAreaSecondImage .clearskinbox > .servicesBlurb
	{
		color:#354758;
	}

.cysAreaImgCont
{
	position: absolute;
    opacity: 1;
    z-index: 1;
    padding: 0;
    top: auto;
    display: inline-table;
    display: flex;
    bottom: 0;
    height: 100%;
    width:100%;
    left:0;
    overflow:hidden;
    /*width: fit-content;	*/
}	

				.cysAreaSecondImage
				{
					background:#d9d9d9;
				}
				.cysAreaSecondImage .cysAreaImgCont
				{
					transform: translateX(-26%);
					width:90%;
				}
				
				
					@media only screen and (max-width: 512px) {
					  .cysAreaSecondImage .cysAreaImgCont
						  {
									transform: translateX(-40%);
									width:110%;
						  }
					}

/***************************************************************************************************/
/***************************************************************************************************/

.cysAreaVideo
{
	background: linear-gradient(00deg, #fbe7e3, #f4d9d2);
}

.cysAreaVideoCover
{
	display:none;
	height:100%;
	background: linear-gradient(90deg, #ffe9e1 40%, transparent);
	background:linear-gradient(90deg,#ffe9e1 40%,#ffe9e100);
    position: absolute;
    z-index: 10;
    top: 0;
    width: 50%;
}

.cysAreaVideo > .cysAreaVideoCover
{
	display:inline;
}

.cysAreaVideo video
{
	/*width: 100%;*/
    height: 100%;
    width:100%;
    position: relative;
    top: 0;
    object-fit: cover;
    left: 0;
    transform: translateX(20%);	
}

					@media only screen and (max-width: 1024px) {
					  .cysAreaVideo video
						  {
    							transform: translateX(17%);	
						  }
					}
					

					
.cysAreaVideo .clearskinbox
{
	margin: 0 0 0 3% !important;
	z-index:15 !important;
}

.cysAreaVideo .servicesBoxSmallStatement.clearskinbox span
{
	padding-left:10% !important;
	padding-right:10% !important;
}



/***************************************************************************************************/
/***************************************************************************************************/

.boxFit
{
	height: 50vw;
    overflow:hidden;
    
    /*min-height:700px;*/
    height:auto;
    max-height:800px;
}


					@media only screen and (max-width: 1500px) {
					  .boxFit
						  {
    							max-height:calc(100vh - 100px);
						  }
					}

					@media only screen and (max-width: 1024px) {
					  .boxFit
						  {
    							min-height:50vh;
						  }
					}
										
					@media only screen and (max-width: 512px) {
					  .boxFit
						  {
    							height:80vw;
    							min-height:30vh;
						  }
					}
					

.fullPageStyle .boxFit
{
	height:98vh;
	max-height:none;
	width:100%;
	max-width:none;
	margin-top:2vh;
	
	 max-height:960px;
	 
	 height:86vh;
}					


					@media only screen and (max-width: 1024px) {
					  .fullPageStyle .boxFit
						  {
    							height:85vh;
    							margin-top: 3vh;
    							height:unset;
						  }
					}

					@media only screen and (max-width: 512px) {
					  .fullPageStyle .boxFit
						  {
    							height:48vh;
    							height:unset;
						  }
					}
					


					
/***************************************************************************************************/
/***************************************************************************************************/


					@media only screen and (max-width: 1024px) {
					  .mobileboxed
						  {
    							min-height: 50vh !important;
    							border-radius:14vw !important;
    							overflow:hidden !important;
    							isolation: isolate;
						  }
					}

					@media only screen and (max-width: 512px) {
					  .mobileboxed
						  {
    							min-height: 60vh !important;
						  }
					}


					@media only screen and (max-width: 512px) {
					  .mobileboxed .cysAreaImgCont, .mobileboxed .cysAreaVideoCover
						  {
								    border-radius:9vmin !important;
								   
						  }
					}			
					
					
					
					@media only screen and (max-width: 512px) {
					  .mobilefullwide
						  {

    							width:100% !important;
						  }
					}
					

					@media only screen and (max-width: 512px) {
					  .mobileboxed2
						  {
								/*overflow:hidden;
								border-radius:17vmin !important;*/
								width:100%;
						  }
					}
														
/***************************************************************************************************/
/***************************************************************************************************/



	.book
	{
		height:76px;
	}

/***************************************************************************************************/
/***************************************************************************************************/




	.subpageImage
	{
		width:100%;
		margin:0 auto;
	}


		.subpageImage video
		{
			object-fit:cover;
			width:100%;
			height:100%;
		}
			
	.subpageTextOverlay
	{
		    color: #fff;
		    z-index: 200;
		    position: absolute;
    		text-align: center;
    		transform: translateX(-50%);
    		left: 50%;
    		width: 100%;
    		height: 42%;
		    display: flex;
		    align-content: center;
		    justify-content: center;
		    bottom: 0;
		    flex-direction: column;
		    z-index:9999;
	}	

							@media only screen and (max-width: 1024px) {
							  .subpageTextOverlay
								  {
										height:33%;
										bottom:33%;
								  }
							}
							

			.subpageTextOverlay.skincheck
				{
					width:80%;
					max-width:600px;
				}

							@media only screen and (max-width: 1024px) {
							  .subpageTextOverlay.skincheck
								  {
										width:90%;
										max-width:unset;
								  }
							}
											
			.subpageTextOverlay.wrinkles
				{
					    bottom: -15%;
						max-width:665px;
						width:70%;
						display:none;
				}

							@media only screen and (max-width: 512px) {
							  .subpageTextOverlay.wrinkles
								  {
										width:85%;
										bottom:-14%;
								  }
							}
							
			.subpageTextOverlay.fillers
				{
					width:30%;
					max-width:500px;
				    text-align: left;
				    left: 5%;
				    transform: none;
				}

							@media only screen and (max-width: 512px) {
							  .subpageTextOverlay.fillers
								  {
										width:50%;
										left:50%;
										transform: translateX(-50%);
								  }
							}

			.subpageTextOverlay.lasers
				{
					width:26%;
					max-width:200px;
				    text-align: center;
				    /*left: 5%;
				    transform: none;*/
				    height:66%;
				}

							@media only screen and (max-width: 512px) {
							  .subpageTextOverlay.lasers
								  {
										width:50%;
										left:50%;
										transform: translateX(-50%);
								  }
							}							
							
			.subpageTextOverlay.esthetic
				{
					width:66%;
					max-width:700px;
					bottom:-9%;
				}

							@media only screen and (max-width: 512px) {
							  .subpageTextOverlay.esthetic
								  {
										width:80%;
								  }
							}
							
									
			.subpageTextOverlay.clearskin
				{					
					width:35%;
					/*max-width:550px;*/
					bottom:-4%;
				}

			.subpageTextOverlay.clearskin-sub, .subpageTextOverlay.scars, .subpageTextOverlay.moles
				{
					width:80%;
					/*max-width:288px;*/
				}


							@media only screen and (max-width: 1024px) {
							 .subpageTextOverlay.clearskin, .subpageTextOverlay.clearskin-sub, .subpageTextOverlay.scars, .subpageTextOverlay.moles
								  {
										width:90%;
										bottom:22%;
								  }
							}
							
							@media only screen and (max-width: 512px) {
							 .subpageTextOverlay.clearskin, .subpageTextOverlay.clearskin-sub, .subpageTextOverlay.scars, .subpageTextOverlay.moles
								  {
										width:90%;
										bottom:28%;
								  }
							}


			.subpageTextOverlay.services
				{
					width:80%;
					max-width:600px;
					left:5%;
		    		transform:unset;
				}


														
			.subpageTextOverlay.acne 
				{
					width:15%;
					max-width:200px;
				}
																				
			.subpageTextOverlay span
				{
				    color: #c59e6f;
				    font-size: 45px;
				    font-size: 60%;
				    font-size:25%;
				    text-align: center;
				    letter-spacing: 0;
				    margin: auto;
				    display: block;
				    width: 100%;
				    margin-top: 0.1rem;
				}

							@media only screen and (max-width: 512px) {
							  .subpageTextOverlay span
								  {
										font-size:60%;
								  }
							}
							
										
.subpageTextOverlay h1
{
	margin:auto;
	padding:0;
	font-family:'The Secret';
	font-size:6vw;
	font-size:3.25vw;
	font-weight:400;
	color:#cab59c;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    top: 50%;
    width:100%;
}

					@media only screen and (max-width: 1024px) {
					   .subpageTextOverlay h1
						  {
    
    							font-size:7vw;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					   .subpageTextOverlay h1
						  {
    
    							font-size:8vw;
						  }
					}
	
	
	.subpageTextOverlay.services h1
		{
		    color: #ecd1af;
		    color:#6c3b3b;
		    font-family:"Playfair Display";
		    letter-spacing: -0.03rem;	
		    font-size:2.5vw;
		    font-weight:500;
		    	   
		   
		}
			
	.subpageTextOverlay.skincheck h1
		{
		    color: #fff;
		    font-family: Inter;
		    font-weight: 700;
		    letter-spacing: -0.08rem;
		    width:100%;
		}
			
	.subpageTextOverlay.wrinkles h1
		{
			color:#e8c79f;
			letter-spacing:-0.05rem;
			font-family:"Playfair Display";
		}

	.subpageTextOverlay.fillers h1
		{
			    color: #e7e9ef;
			    letter-spacing: 0;
			    text-shadow: 1px 1px 10px #af6065;
			    letter-spacing: -.25vw;
			    /* text-shadow: 1px 1px 10px #0000003b; */
			    font-family: Barcelony;
			    font-weight: 400;
			    
			        text-shadow: 1px 1px 15px #dc9ea3;
    				color: #eab2b6;
    				font-size:8vw;
       		
		}

	.subpageTextOverlay.lasers h1
		{
			    color: #e5e1a0;
			    letter-spacing: 0;
			    text-shadow: 1px 1px 10px #af6065;
			    letter-spacing: 0;
			    /* text-shadow: 1px 1px 10px #0000003b; */
			    font-family: 'Playfair display';
			    font-weight: 400;
			    
			        text-shadow: 1px 1px 15px #e5e1a0;
			        
			        font-size:2.5vw;
			      
       		
		}
		
	.subpageTextOverlay.clearskin h1
		{
			color:#2b4196;
			color:#e6dcdc;
			font-size:7.5vw;
		}

	.subpageTextOverlay.clearskin-sub h1
		{
			color:#fff;
			font-family:"Playfair Display";
			white-space:break-spaces !important;
			font-size:4.5vw;
		}

	.subpageTextOverlay.acne h1
		{
			color:#fff;
			font-family:"The Secret";
			letter-spacing:0;
			font-size:26vw;
		}	
				
	.subpageTextOverlay.scars h1
		{
				color: #94826d;
	    		text-shadow: 1px 1px 0px #d0c2b2;
	    		font-family: "Playfair Display";
	    		white-space: break-spaces !important;
	    		font-size:8vw;
	    		width:100%;
		}		
		    
	.subpageTextOverlay.moles h1
		{
				color: #b67c9c;
	    		font-family: "Playfair Display";
	    		white-space: break-spaces !important;
	    		text-shadow: 1px 1px 30px #b67c9ca3;
	    		font-size:10vw;
		}		
				
	.subpageTextOverlay.esthetic h1
		{
			letter-spacing:-.04rem;
			font-size:10vw;
	
		}

					@media only screen and (max-width: 1024px) {
					   .subpageTextOverlay.clearskin h1
						  {
    
    							font-size:14vw;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					   .subpageTextOverlay.clearskin h1
						  {
    
    							font-size:19vw;
						  }
					}
					
					
																
	.subpageBlock
	{
		margin:2rem auto;
		margin:1rem auto;
		
		width:90%;
		max-width:1340px;

	}

					@media only screen and (max-width: 512px) {
					   .subpageBlock
						  {
    
    							margin-bottom:0;
						  }
					}
	
	
	
	.subpageBlock.services
	{
    width: 90%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 12px;
    background: #e7eaf4;
    
    width:100%;
    max-width:unset;
	}
	
	
	.servicesSectionBox
	{
		width:100%;
		padding:3vw;	
		    border-radius: 70px;
		    
		    
		        width: 100%;
    /*background: #f6f4f3;*/
    padding: 2vw 2.2vw;
    border-radius: 18px;
    font-size:16px;
    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	}
	
	.servicesSectionBoxHeader
	{
		    font-family: 'Playfair Display';
    font-size: 3vw;
    letter-spacing: -0.075rem;
    font-weight: 500;
    color: #000;
    
    
        /*font-family: 'Poppins';*/
    font-size: clamp(16px,1.8vw,29px);
    letter-spacing: -.09vw;
    font-weight: 600;
    color: #000;
    line-height: 1.1;
    
    
        color: #3a3d75;
    line-height: 1.1;
    border-bottom: 4px solid #3a3d75;
    
	}
	
					
	.subpageSectionH2
	{
		/*background:#fdf8f2;*/
		padding:1% 5% 6%;
		margin:0 0 10px 0;
		text-align:right;
		
		font-family:Poppins !important;
		font-size:18px !important;
		color:#0073aa !important;
		font-weight:500 !important;
		letter-spacing:-0.01rem !important;
		line-height:140% !important;
		font-style:italic !important;
	}

	.subpageSectionH2 h2
	{
		font-family:"playfair display" !important;
		font-size:28px !important;
		color:#000 !important;
		font-weight:400 !important;
		letter-spacing:-0.01rem !important;
		line-height:140% !important;
		font-style:italic !important;
		margin:0 auto !important;
		width:70%;
		text-align:center;
		border:1px solid #000;
		padding:5%;
	}

		
	.subpageSectionH2 h2:before
	{
    content: '" ... ';
	}

	.subpageSectionH2 h2:after
	{
    content: '"';
	}



					@media only screen and (max-width: 512px) {
					  .subpageSectionH2 h2
						  {
    
    							font-size:18px !important;
    							width:90%;
						  }
					}




	.esthetic .subpageSectionH2 h2:before
	{
    content: '';
	}

	.esthetic .subpageSectionH2 h2:after
	{
    content: '';
	}
	
	.esthetic .subpageSectionH2
	{
		padding: 2.5% 5%;	
	}	
	
	.esthetic .subpageSectionH2 h2
	{
		font-size: 400% !important;
	    color: #000000 !important;
	    font-weight: 400 !important;
	    letter-spacing: -.01rem !important;
	    line-height: 140% !important;
	    font-style: normal !important;
	    margin: 0 auto !important;
	    font-family:"Playfair Display" !important;
	    text-align:left;
	    width:auto;
	    border:0;
	    padding:0;
	}


					@media only screen and (max-width: 512px) {
					  .esthetic .subpageSectionH2 h2
						  {
    
    							font-size: 220% !important;
						  }
					}
					

	.clearskin .subpageSectionH2 h2
	{
		font-size: 250% !important;
	}





	.subpageSectionH2 span
	{
		display: block;
    font-size: 33%;
    color: #757575;
    line-height: 1.6;
	}
	
					@media only screen and (max-width: 512px) {
					  .subpageSectionH2 span
						  {
    
    							font-size:47%;
						  }
					}
					
						
.subpageNavigationDiv
	{
		margin:0;
		z-index:9999;
		padding: 10px 0;
		
		display: flex;
    	align-items: center;
    	justify-content: left;
    	
    			background:#fff;
		/*border-bottom:1px solid #000;*/
		width:100%;
		
		left:0 !important;
		right:0 !important;
		width:100% !important;
	}	

					@media only screen and (max-width: 512px) {
					  .subpageNavigationDiv
						  {
    
    							display:none;
						  }
					}
						
		.subpageNavigationDiv div
			{
				float:left;
				margin:0;
				color:#000;
				font-weight:400;
				font-family:Poppins;
				font-size:15px;
				padding: 10px 20px 7px;
			}

					@media only screen and (max-width: 512px) {
					  .subpageNavigationDiv div
						  {
    
    							font-size:12px;
						  }
					}
								
		.subpageNavigationHighlight
			{
				/*font-weight:700 !important;*/
				/*border-bottom:4px solid #000 !important;
				box-shadow: 0px 3px 0px #000;*/
				color:#006ec5 !important;
				position:relative;
			}		

		.subpageNavigationHighlight:after
			{
				/*
				content:'';
				position:absolute;
				height:3px;
				background:#2196F3;
				left:0;
				right:0;
				bottom:-3px;
				*/
			}	
			
.subpageNavigationDivPinned
	{
		/*background:#fff;
		border-bottom:1px solid #000;*/
		
	}
	
	
.subpageNavigationItem
	{
		cursor:pointer;
	}
		
.subpageSectionContainer
	{
		  display: flex;
		  flex-direction: row;
		  flex-wrap: wrap;
		  justify-content: space-between;	
		  margin-bottom:10px;	
	}	



					@media only screen and (max-width: 512px) {
					  .clearskin .subpageSectionContainer
						  {
    
    							margin-left:5%;
    							margin-right:5%;
						  }
					}
					
					
		.subpageSectionContainer-halfs
			{
				  flex-wrap: unset;
			}	

					@media only screen and (max-width: 1024px) {
					  .subpageSectionContainer-halfs
						  {
    
    							display:inline;
						  }
					}
							
		.subpageSectionContainer-larger
			{
				  margin-top:-15%;
				  padding-top:16%;
				  
				  width:120%;
				  margin-left:-10%;
				  margin-right:-10%;
				  padding-left:10%;
				  padding-right:10%;

				  margin-top:-23%;
				  padding-top:24%;
				  width:200%;
				  margin-left:-50%;
				  margin-right:-50%;
				  padding-left:50%;
				  padding-right:50%;
		
				  
			}

		.subpageSectionContainer-larger ~ .subpageSectionContainer-larger
			{

				  padding-bottom:8%;				 
			}			
			
		.subpageSectionContainer-larger.fillersBox
			{			
		
				/*box-shadow: 0 1px 20px #00000012;*/
			}
				
			
			
		.flex2x > div {
		  /*
		    1/3  - 3 columns per row
		    10px - spacing between columns 
		  */
		  box-sizing: border-box;
		  margin: 10px 10px 0 0;
		  width: calc(1/2*100% - (1 - 1/2)*10px);
		}

					@media only screen and (max-width: 512px) {
					  .flex2x > div 
						  {
    
    							margin:10px 0;
    							width:100%;
						  }
					}

					.flex2x > div.fillersBox {
					  background:#fff;
					  background: #efe1e1;
					  border-radius:5px;
					}
							
		/*
		  align last row columns to the left
		  3n - 3 columns per row
		*/
		.flex2x > div:nth-child(2n) {
		  margin-right: 0;
		}
		
		.flex2x::after {
		  content: '';
		  flex: auto;
		}
		
		/*
		  remove top margin from first row
		  -n+3 - 3 columns per row 
		*/
		.flex2x > div:nth-child(-n+2) {
		  margin-top: 0;
		}

		
		.flex2x > div.toxinsBox
		{
			background:#f3f3f4
		}


		.flex2x-nocolor-noseparation > div {
		  /*
		    1/3  - 3 columns per row
		    10px - spacing between columns 
		  */
		  margin: 0px 0px 0 0;
		  width: calc(1/2*100% - (1 - 1/2)*1px);
		  background:unset;
		  padding:5% 5% 0;
		}
		
		
		

		.flex2x-shadow > div {
		  box-shadow: 0 0 26px #00000012;
		  padding:4.25%;
		  
		}

					@media only screen and (max-width: 512px) {
					  .flex2x-shadow > div 
						  {
    
    							box-shadow:none;
						  }
					}
							
		
		
		.flex2x-separated > div {
		  /*
		    1/3  - 3 columns per row
		    10px - spacing between columns 
		  */
		  margin: 26px 30px 0 0;
		  width: calc(1/2*100% - (1 - 1/2)*30px);
		  border-radius:13px;
		}
		
		.flex2x-separated > div:nth-child(-n+2) {
		  margin-top: 14px;
		}		
		
					@media only screen and (max-width: 1024px) {
					  .flex2x-separated > div 
						  {
    
    							margin:10px 0;
    							width:100%;
						  }
					}		


		.flex2x-bigger {  }
		.flex2x-bigger > div {
		  /*
		    1/3  - 3 columns per row
		    10px - spacing between columns 
		  */
		  box-sizing: border-box;
		  margin: 10px 5% 0 0;
		  width: calc(1/2*100% - (1 - 1/2)*5%);
		}


					@media only screen and (max-width: 512px) {
					 .flex2x-bigger > div 
						  {
    
    							margin:0;
    							width:100%;
						  }
					}

		/*
		  align last row columns to the left
		  3n - 3 columns per row
		*/
		.flex2x-bigger > div:nth-child(2n) {
		  margin-right: 0;
		}
		
		.flex2x-bigger::after {
		  content: '';
		  flex: auto;
		}
		
		/*
		  remove top margin from first row
		  -n+3 - 3 columns per row 
		*/
		.flex2x-bigger > div:nth-child(-n+2) {
		  margin-top: 0;
		}





		.flex3x > div {
		  /*
		    1/3  - 3 columns per row
		    10px - spacing between columns 
		  */
		  box-sizing: border-box;
		  margin: 10px 10px 0 0;
		  width: calc(1/3*100% - (1 - 1/3)*10px);
		}

		/*
		  align last row columns to the left
		  3n - 3 columns per row
		*/
		.flex3x > div:nth-child(3n) {
		  margin-right: 0;
		}
		
		.flex3x::after {
		  content: '';
		  flex: auto;
		}
		
		/*
		  remove top margin from first row
		  -n+3 - 3 columns per row 
		*/
		.flex3x > div:nth-child(-n+3) {
		  margin-top: 0;
		}

		.flex3x > div:nth-child(7) {
			/* make last question full size */
			width:100%;
			margin:10px 0 0;
		}



		.flex4x > div {
		  /*
		    1/3  - 3 columns per row
		    10px - spacing between columns 
		  */
		  box-sizing: border-box;
		  margin: 10px 10px 0 0;
		  width: calc(1/4*100% - (1 - 1/4)*10px);
		}

		/*
		  align last row columns to the left
		  3n - 3 columns per row
		*/
		.flex4x > div:nth-child(4n) {
		  margin-right: 0;
		}
		
		.flex4x::after {
		  content: '';
		  flex: auto;
		}
		
		/*
		  remove top margin from first row
		  -n+3 - 3 columns per row 
		*/
		.flex4x > div:nth-child(-n+4) {
		  margin-top: 0;
		}
		




		.flex4bx > div {
		  /*
		    1/3  - 3 columns per row
		    10px - spacing between columns 
		  */
		  box-sizing: border-box;
		  margin: 10px 20px 0 0;
		  width: calc(1/4*100% - (1 - 1/4)*20px);
		}

		/*
		  align last row columns to the left
		  3n - 3 columns per row
		*/
		.flex4bx > div:nth-child(4n) {
		  margin-right: 0;
		}
		
		.flex4bx::after {
		  content: '';
		  flex: auto;
		}
		
		/*
		  remove top margin from first row
		  -n+3 - 3 columns per row 
		*/
		.flex4bx > div:nth-child(-n+4) {
		  margin-top: 0;
		}
				



					@media only screen and (max-width: 512px) {
					  .flex2x > div, .flex3x > div, .flex4x > div
						  {
    
    							width:100%;
    							margin:5px 10px !important;
    							    border-radius: 30px;
    							padding: 24px 32px;
						  }
					}






	

.subpageSectionVideoHeader
	{
		border-radius:6px;
		border-radius:2vw;
		overflow:hidden;
	margin-left: -10%;
    margin-right: -10%;
    width: 120%;
    height: 30vh;
    margin-top: 5rem;
    margin-bottom:2rem;
    position:relative;
	align-items: center;
	display: flex;
	/*justify-content: center;*/
	
	width:100%;
	margin:0 0 1rem;
	
		-webkit-transition: all 0.3s ease-out;
			 -moz-transition: all 0.3s ease-out;
				-ms-transition: all 0.3s ease-out;
				 -o-transition: all 0.3s ease-out;
						transition: all 0.3s ease-out;    	
	}



.clearskin .subpageSectionVideoHeader:hover
	{
    box-shadow: 0 20px 30px #0000003d;
    transform: scale(.98);		
	}

.subpageSectionVideoHeader img
	{
	width: 100%;
    height: 100%;
    z-index:2;
    position:absolute;
    }
    
.subpageSectionVideoHeader video
	{
	width: 100%;
    height: 100%;
    object-fit: cover;
    z-index:2;
    position:absolute;
    }
    
.subpageSectionVideoHeader-overlay
	{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: radial-gradient(#fb16752e, #fd0f0f24);		
    background:radial-gradient(#fb167545,#fd0f0f00), radial-gradient(#30477d00, #061d5d2e);
    background:#ff000036;
    mix-blend-mode: color;
	}    

		.acneBox .subpageSectionVideoHeader-overlay
			{
				background:#00c4ff38;
			}   
	
		.scarsBox .subpageSectionVideoHeader-overlay
			{
				background:#98b5a873;
			}   	

		.sunspotsBox .subpageSectionVideoHeader-overlay
			{
				background:#00000038;
			}   

		.molesBox .subpageSectionVideoHeader-overlay
			{
				background:#00000038;
			}   

.subpageSectionflex2xbox
	{
		width:48%;	
	}	
	



.subpageSectionArea
	{
		background:#fff;
		padding:0;
		
		font-family:Poppins;
		font-size:60%;
		line-height:1.66;
		font-weight:400;
		color:#000;
		position:relative;
		width:70%;
		margin:0 auto;
	}	
	
	
.subpageSectionBox ul
	{
		margin:2% 0 5.5% 10%;
		font-size:90%;
	}	

							 		
.subpageSectionBox
	{
		background:#fdf8f2;
		padding:5%;
		
		font-family:Poppins;
		font-size:18px;
		line-height:140%;
		line-height:1.55;
		font-weight:400;
		color:rgba(0,0,0,0.8);
		position:relative;
		
		width:100%;
		
		font-family:Figtree;
		font-size:19px;
	}	

					@media only screen and (max-width: 512px) {
					  .subpageSectionBox
						  {
    
    							font-size:16px;
    							line-height:145%;
    							margin:0;
						  }
					}


	.subpageSectionContainer-halfs .subpageSectionBox
	{
		flex: 1 1 0px;
		border-radius:10px !important;
		margin: 10px 0 0 !important;
		
	}

					@media only screen and (max-width: 512px) {
					  .subpageSectionContainer-halfs .subpageSectionBox
						  {
    
							    /*margin: 0 5% !important;
							    width: 90%;
							    border-radius: 10px !important;*/
							}
					}

	.covid .subpageSectionBox
	{
		background:#fff;
		padding:0;
		color:#000;
	}

			.covid .subpageSectionBox div
			{
				width:70%;
				margin:1rem auto;
			}

				
	.format100 .subpageSectionBox
	{
	
	}

												
	.format1 .subpageSectionBox
	{
		margin:10px 0 0;
		line-height:1.66;
		color:rgba(0,0,0,.9);
		
		width:80%;
		margin:10px auto;
		background:#fff;
		
	}
					@media only screen and (max-width: 1024px) {
					  .format1 .subpageSectionBox
						  {
    
    							width:100%;
						  }
					}
					
	.format1-dark .subpageSectionBox
	{
		overflow:hidden;
		border-radius:5px;
	}
	
					@media only screen and (max-width: 1024px) {
					  .format1 .subpageSectionBox, .format2-dark .subpageSectionBox
						  {
    
							    color:#000;
							    background:#fff;
							}
					}
					
				

		.format2 .subpageSectionBox a
		{
			color:#2196F3;
			text-decoration:none;
			border-bottom: 1px dotted;
		}

		.format2-dark .subpageSectionBox a, .format1 .subpageSectionBox a
		{
			color:#de1744;
		}

			.subpageSectionBox a:hover
				{
					text-decoration:none;
					border-bottom: 2px solid;
				}

			
	.format2 .subpageSectionBox
	{
		border-radius:20px;
		margin:10px 0 0;
		line-height:1.66;
		background:#dee1e4;
		color:#000;		
	}

	.format2-dark .subpageSectionBox
	{
		background:#000;
		color:#fafafd;
	}	
	
					@media only screen and (max-width: 1024px) {
					  .format2 .subpageSectionBox, .format2-dark .subpageSectionBox
						  {
    
    							background:unset;
    							color:unset;
    							padding-top:0;
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .format2 .subpageSectionBox
						  {
    
    							background:unset;
						  }
					}
					
					
					
		
	.esthetic .subpageSectionBox
	{
		background:#fff;
		padding-top:0;
		padding-bottom:0;
		line-height:1.5;
	}

	.clearskin .subpageSectionBox
	{
		line-height:1.7;
		background:#fff;
		width:70%;
		margin:0 auto;
	}

					
					@media only screen and (max-width: 1024px) {
					  .clearskin .subpageSectionBox
						  {
    
    							width:100%;
						  }
					}
					
						
	.peelsBox .subpageSectionBox
	{
		background:unset;
	}
		
	.wrinklesBox
	{
		background: linear-gradient(90deg, rgba(247,219,215,1) 0%, rgba(254,244,235,1) 100%);
		background: linear-gradient(90deg, rgba(247,219,215,0.5) 0%, rgba(254,244,235,0.5) 100%);
		background:linear-gradient(90deg,rgba(247, 238, 215, 0.5) 0%,rgba(254,244,235,.9) 100%);
		background:#fff;
		padding-top:2%;
	}

	.wrinklesBox:before {
	   /* content : ' ';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index:1;
	    
	    background: radial-gradient(at bottom, rgba(254,236,200,0.25) 0%, rgba(254,244,235,0.1) 90%);
	    background: linear-gradient(0deg, rgba(254,236,200,0.2) 0%, rgba(254,244,235,0.1) 90%);*/
	}
	

.firstBox
{
	border-radius: 30px 30px 0 0;
    box-shadow: 0px -1px 30px #00000012;
    
    border-radius: 20px;
    overflow: hidden;
    margin-top:20px;    
}



					@media only screen and (max-width: 512px) {
					  .firstBox
						  {
    
    							border-radius:0;
    							box-shadow:none;
    							margin-top:0;
						  }
					}


	
	
	.subpageSectionGrid
	{
		background:#fdf8f2;
		padding:5%;
		
		font-family:Poppins;
		font-size:18px;
		line-height:140%;
		line-height:1.55;
		font-weight:400;
		color:rgba(0,0,0,0.8);
		position:relative;
		
		width:100%;
		
		
		    padding: 0;
    		background: 0 0;
    		display: grid;
    		grid-template-columns: 1.4fr 1fr;
    			grid-column-gap: 3vw;
    			
    			
        		grid-template-columns: 1fr 1.05fr;
    			grid-column-gap: 1.5rem;			
    
	}	

				
	.lasersBox
	{
		padding:0;
		background:transparent;
		border-top: 1px solid #333;
	}
	
	.lasersBox video
	{
	width: calc(100% - 0vw);
    border-radius: 18px;
    box-shadow: 10px 10px 60px #464c6954;
    margin: 0;
        object-fit: cover;
        

        background:rgba(230,230,234,1);
    /*min-height: 425px;*/
    
    /*
        position: absolute;
    top: 0;
    right: 1%;
    margin: 0;
    z-index: 1;
    width: 39%;
    min-height:unset;
    */
   
   
   /*width: calc(100% + 20px);
   border-radius: 10px;
    margin-left: -10px;
        margin-top: 15px;*/
       border-radius:10px;
       border-radius:0;
       
       
       border-radius: 74px;
    height: 41vh;
        
	}
						
	.fillersBox
	{
		background:#f1f4fb;
		background:#eef2f9;
	}

			.fillersBox.firstBox
			{
			    background:linear-gradient(0deg,#eef2f9 20%,#ffffff00);
			    box-shadow:0px 30px 40px #00000012;
			    z-index:99;
			    
			        							background:#fff;
    							box-shadow:none;
    							border-radius:0;
    							
    							padding-top:2%;
    							margin-top:0;
			} 

					@media only screen and (max-width: 1024px) {
					  .fillersBox.firstBox
						  {
    
    							background:#fff;
    							box-shadow:none;
    							border-radius:0;
						  }
					}
					
							
	.toxinsBox
	{
		background:#e3e4e6;
		background:#f3f3f4;
		background:unset;
	}


			.toxinsBox.firstBox
			{
			    background:linear-gradient(0deg, #e3e4e6 20%, transparent);
				background:linear-gradient(0deg, #e3e4e6 40%, #ffffff00 92%);
			} 


	.toxinsBox-fade
	{
			background:linear-gradient(180deg, #f3f3f4 90%, #ffffff00);		
	}	
	

					@media only screen and (max-width: 512px) {
					  .toxinsBox, .toxinsBox-fade
						  {
    
    							background:#fff;
						  }
					}
					
						
	
	
	.skinMgmtBox
	{
		background:linear-gradient(180deg,#e1d9cf 60%,#ffffff00)
	}	
					@media only screen and (max-width: 512px) {
					  .skinMgmtBox
						  {
    
    							background:#e1d9cf;
						  }
					}
					
			.skinMgmtBox.firstBox
			{
			    background: linear-gradient(0deg,#e1d9cf 47%,#ffffff00 90%);
			} 


					@media only screen and (max-width: 512px) {
					  .skinMgmtBox.firstBox
						  {
    
    							/*background:#e1d9cf;*/
						  }
					}
					
								
	.peelsBox
	{
		background:#e5f0f2;
		background:linear-gradient(180deg,#ebeff5 80%,#ffffff00);
	}

					@media only screen and (max-width: 512px) {
					  .peelsBox
						  {
    
    							background:#fff;
						  }
					}
					
			.peelsBox.firstBox
			{
			    background:linear-gradient(0deg, #e5f0f2 20%, transparent);
			    background:linear-gradient(0deg,#ebeff5 45%,#ffffff00 90%)
			} 

					@media only screen and (max-width: 512px) {
					  .peelsBox.firstBox
						  {
    
    							/*background:#e5f0f2;
    							padding-top:25% !important;*/
						  }
					}

								
	.microneedleBox 
	{
			background:#f8f1db;
	}

					@media only screen and (max-width: 512px) {
					  .microneedleBox
						  {
    
    							background:unset;
						  }
					}

	.microneedleBox-fade 
	{
			background:linear-gradient(180deg,#f8f1db 00%,#ffffff00 29%)
	}

					@media only screen and (max-width: 512px) {
					  .microneedleBox-fade
						  {
    
    							background:unset;
						  }
					}
					
											
			.microneedleBox.firstBox
			{
			    background:linear-gradient(0deg, #f8f1db 48%, #ffffff00 80%);
			} 
			
				
			.microneedleBox span img
			{
				width:45%;
				margin:0 2.5%;
				float:left;
				border-radius:50%;
			    box-shadow: 3px 3px 20px #0000001c;
			}
		
	.subpageSectionBoxImgRight
	{
		padding-right:43%;
		padding-right:50%;
	}


						
		.clearskin .subpageSectionBoxImgRight
		{
			width:100%;
			z-index:10;
			background:transparent;	
			position: relative;
    		padding: 5% 55% 5% 5%;
    		color:#fff;
    		background:#086497;
		}

					@media only screen and (max-width: 1024px) {
					  .clearskin .subpageSectionBoxImgRight
						  {
    
    							background:unset;
    							color:#000;
						  }
					}

					@media only screen and (max-width: 1024px) {
					  .toxinsBox.subpageSectionBoxImgRight, .skinMgmtBox.subpageSectionBoxImgRight, .peelsBox.subpageSectionBoxImgRight, .microneedleBox.subpageSectionBoxImgRight
						  {
    
    							padding-right:5% !important;
    							float:left;
						  }
					}
												

					@media only screen and (max-width: 512px) {
					  .clearskin .subpageSectionBoxImgRight
						  {
    
    							display:flex;
    							    flex-flow: column;
						  }
					}
								
		.format1 .subpageSectionBoxImgRight
		{
			z-index:10;
			position: relative;
    		padding: 5% 52% 5% 5%;
			width:100%;
		}		

		.format1-dark .subpageSectionBoxImgRight
		{
			color:#fafafd;
			background:#000;
		}	
							
		.format2 .subpageSectionBoxImgRight
		{
			z-index:10;
			position: relative;
    		padding: 5% 50% 5% 5%;
		}
		
					@media only screen and (max-width: 1024px) {
					  .format1 .subpageSectionBoxImgRight, .format2 .subpageSectionBoxImgRight
						  {
    
    							padding-right:5%;
    							background:#fff;
    							/*color:#000;*/
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .format1 .subpageSectionBoxImgRight
						  {
    
    							border-radius:0;
    							color:#000;
    							background:#fff;
						  }
					}

					@media only screen and (max-width: 1024px) {
					  .clearskin-talk
						  {
    
    							/*width:50%;*/
						  }
					}
		
					@media only screen and (max-width: 512px) {
					  .clearskin-talk
						  {
    
    							width:100%;
    							font-size:130%;
						  }
					}
					
																			
		.wrinklesBox.subpageSectionBoxImgRight
		{
			padding-right:45%;
		}
		
		.microneedleBox.subpageSectionBoxImgRight
		{
			padding-right:53%;
		}


					@media only screen and (max-width: 512px) {
					  .subpageSectionBoxImgRight
						  {
    
    							padding:5% !important;
						  }
					}

					@media only screen and (max-width: 1024px) {
					  .wrinklesBox .subpageSectionBoxImgRight
						  {
    
    							padding:5%;
						  }
					}
					
					@media only screen and (max-width: 1024px) {
					  .esthetic .subpageSectionBoxImgRight
						  {
    
    							padding: 0 5%;
						  }
					}

					@media only screen and (max-width: 1024px) {
					  .clearskin .subpageSectionBoxImgRight
						  {
    
    							padding: 5%;
						  }
					}



.subpageSectionBoxContentOption
{
	display:block;
	border:1px solid #ececec;
	border-left:0;
	border-right:0;
	border-bottom:0;
	padding:20px 30px;
	font-size:24px;
	font-family:'Playfair display';
	margin:0 20px;
	    color: #856500;
	    
	    
	    
	    
	    
	        border-right: 0;
    border-bottom: 0;
    padding: 20px 30px;
    font-size: 24px;
    font-family: 'Playfair display';
    margin: 0 20px;
    color: #ffffff;
    clear: both;
    background: #912424;
    margin: 2px 0;
    
    
    

  transition-duration: 0.5s;
  transition-delay: 0s;
  
  font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size:16px;

}			

.subpageSectionBoxContentOption div
{
	    font-size: 24px;
    font-family: 'Playfair display';
}


.subpageSectionBoxContentOptionText
{
	  font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji" !important;
  font-size:16px !important;
  margin-top:20px;
  padding-left:20px;
  border-left:2px solid  rgba(255,255,255,.6);
}



.subpageSectionBoxContentOption summary
{
	display: grid;
    grid-template-columns: 1fr 40px;
    cursor:pointer;
}

.subpageSectionBoxContentOption summary:focus
{
	outline: -webkit-focus-ring-color auto 0px;
	outline:none;
}

details > summary {
  list-style: none;
}
details > summary::marker {
  display: none;
}


.subpageSectionBoxContentOption[open]
{
	background:#2f2e2e;
}
    
.subpageSectionBoxContentOption span
{
	    font-size: 75%;
    display:block;
    color: rgba(255,255,255,0.6);
}	

.mo
{
	text-align:center;
	align-self:center;
	border:1px solid #fff;
	height:40px;
}
	
.subpageSectionBoxHeader2
	{
	color: #333;
    font-size: 30px;
    margin-top: 2vh;
    margin: 2vh 0 0 1vw;
    /*border-bottom: 1px solid #e0e0e0;*/
    font-family: 'Playfair display';
    font-weight: 400;
    
    
    
    
        color: #000000;
    font-size: 16px;
    margin-top: 2vh;
        margin: 2vh 0 1vh 1.5vw;
    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-weight: 600;
    letter-spacing: -0.015rem;
	}
								
.subpageSectionGrid .subpageSectionBoxHeader
{
	margin-bottom:0.75vw;
	font-size:min(1.8vw,25px);
}							
					
.subpageSectionBoxHeader
	{
	color: #142b86;
    font-size: 30px;
    letter-spacing: -.04rem;
    line-height: 135%;
    font-weight: 700;
    margin-bottom:1.15rem;
        font-family: 'Butler';
    font-weight: 600;
	}

					@media only screen and (max-width: 1024px) {
					  .subpageSectionBoxHeader
						  {
    
    							/*font-size:22.5px !important;
    							letter-spacing:-0.015rem;*/
						  }
					}
					
					@media only screen and (max-width: 512px) {
					  .subpageSectionBoxHeader
						  {
    
    							font-size:21px !important;
    							line-height:150%;
						  }
					}


	.esthetic .subpageSectionBoxHeader
	{
		font-family:"Playfair Display";
		text-align:center;
		font-weight:700;
		margin-top: 10%;
    	margin-bottom: 5%;
	}

					@media only screen and (max-width: 512px) {
					  .esthetic .subpageSectionBoxHeader
						  {
    
    							border-top: 1px solid #142b86;
							    border-bottom: 1px solid #142b86;
							    padding: 2%;
						  }
					}
					

				
		
	
	.format2 .subpageSectionBoxHeader
	{
		font-family:"Playfair Display";
		text-align:left;
		font-weight:700;
		font-size: 3.4vmin;	
		letter-spacing: -.02rem;
	}

					@media only screen and (max-width: 512px) {
					  .format1 .subpageSectionBoxHeader
						  {
    
    							color:#000;
    							font-size: 3vmax !important
						  }
					}


		
	.scars .subpageSectionBox span
	{
    color: #da4228;
    color: #142b86;
    font-weight: 600;
	}


	.format2 .subpageSectionBoxHeader
	{

		font-weight:700;
		font-size:2.7vmin;
		color:#000;
	}
	
	.format2-dark .subpageSectionBoxHeader
	{
		color:#b2cee4;
		font-weight:400;
	}
	
					@media only screen and (max-width: 1024px) {
					  .format2-dark .subpageSectionBoxHeader
						  {
    
    							font-weight:700;
    							color:unset;
						  }
					}

								    
	.subpageSectionVideoHeader .subpageSectionBoxHeader
	{

    z-index: 10;
        

    width: 100%;
    height:100%;
    margin: 0;

    display: flex;
    align-items: center;
    float: right;
    flex-flow: row-reverse;
    cursor:pointer;
    
	font-family: "Playfair Display";
    font-weight: 400;
    text-transform:uppercase;
    color:#fff;
    letter-spacing:0;
        font-size: 3vh;
        border:0;

	}


	.clearskin .subpageSectionVideoHeader a
	{
    z-index: 10;
        

    width: 100%;
    height:100%;
    margin: 0;
    text-align: right;
        font-size:2.8vh;
        font-weight:500;
        text-shadow: 1px 1px 6px #0000006b;
            background: linear-gradient(270deg,#000000a3 5%,transparent 50%);
    	padding: 0 5% 0 15%;

    
	font-family: "Playfair Display";
    font-weight: 700;
    color:#fff;
	}
	
	

.subpageSectionGrid .subpageSectionBoxLargeHeader
	{
		grid-column: 1 /3;
			padding-bottom:10px;
			/*border-bottom: 1px solid #e0e0e0;*/
		    /*border-bottom: 1px solid #f5f5f7;*/
		    margin-bottom: 0.75rem !important;
	}	
			
.subpageSectionBoxLargeHeader
	{
	/*color: #000000d9;*/
	width:30%;
	font-size:7vmin;
    letter-spacing: -.2vmin;
    line-height: 105%;
    margin-bottom:1.2rem;
    width:100%;
    
    font-family:"Playfair Display";
    font-weight:400;
	}		


					@media only screen and (max-width: 1024px) {
							.clearskin .subpageSectionBoxLargeHeader
								{
									width:50%;
								}
					}
										

					@media only screen and (max-width: 512px) {
							.clearskin .subpageSectionBoxLargeHeader
								{
									width:100%;
								}
					}
					
													
		.wrinklesBox .subpageSectionBoxLargeHeader
			{
				font-family:"Playfair Display";
				font-weight:400;
				/*text-align:center;*/
				position:relative;
				z-index:2;
				font-size:70px;
				font-size:6.4vmin;
				margin:0;
				width:50%;
				text-align:center;
			}



					@media only screen and (max-width: 1024px) {
							.wrinklesBox .subpageSectionBoxLargeHeader
								{
									width:100%;
									font-size:10vmin;
								}
					}
					
/*
		.clearskin .subpageSectionBoxLargeHeader
			{
				font-family:"Playfair Display";
				font-weight:400;
				text-align:left;
				position:relative;
				z-index:20;
				font-size:6.4vmin;
				color:unset;
			}

					@media only screen and (max-width: 512px) {
					  .clearskin .subpageSectionBoxLargeHeader
						  {
    
    							    font-size: 7.8vmin;
    								line-height: 1.4;
						  }
					}
		*/
		
								
		.format1 .subpageSectionBoxLargeHeader, .format2 .subpageSectionBoxLargeHeader
			{
				font-family:"Playfair Display";
				font-weight:400;
				text-align:left;
				position:relative;
				z-index:20;
			}
				

					

			
			
					@media only screen and (max-width: 512px) {
					  .subpageSectionBoxLargeHeader
						  {
    
    							font-size:10.5vmin;
    							font-size:9.5vmin;
						  }
					}



					@media only screen and (max-width: 512px) {
					  .skinMgmtBox .subpageSectionBoxLargeHeader
						  {
								margin-top: -7vw;

						  }
					}

					@media only screen and (max-width: 512px) {
					  .microneedleBox .subpageSectionBoxLargeHeader
						  {
								margin-top: -7vw;

						  }
					}
					

												
.subpageSectionBoxLargeHeader span
	{
	font-size: 53%;
    letter-spacing: .01rem;
    margin: 0;
    margin-top:1.5%;
    display: block;
    font-family: "Barcelony";
    /*color: #142b86;*/
	}	
	

					@media only screen and (max-width: 512px) {
					  .subpageSectionBoxLargeHeader span
						  {
    
    							    margin: 0.8rem;
    									font-size: 90%;
						  }
					}



		.format1 .subpageSectionBoxLargeHeader span, .format2 .subpageSectionBoxLargeHeader span
			{
			font-size: 42%;
			letter-spacing: 0;
			display: block;
		    margin: 30px 20px 50px 0;
		    text-align:right;
		    color: #f1cbc5;
		    line-height: 1.3;
		    font-family:"Playfair display";
		    font-weight:400;
			}	

					@media only screen and (max-width: 1024px) {
					 .format1 .subpageSectionBoxLargeHeader span, .format2 .subpageSectionBoxLargeHeader span
						  {
    
    							   color:#999;
    							   font-size:30%;
    							   text-align:left;
						  }
					}
						
		.format2 .subpageSectionBoxLargeHeader span
			{
				color:unset;
				text-align:left;
				margin: 10px 0px 50px 0;
			}	

					@media only screen and (max-width: 512px) {
					 .format1 .subpageSectionBoxLargeHeader span, .format2 .subpageSectionBoxLargeHeader span
						  {
    
    							   width:50vw;
    							   color:#555;
						  }
					}
						
							
.subpageSectionBoxMedHeader
	{
	color: #000;
	width:30%;
	font-size:4.3vmin;
    letter-spacing: -.1vmin;
    line-height: 125%;
    margin-bottom:1.2rem;
    width:100%;
    
    font-family:Poppins;
    letter-spacing: -.16vmin;
    font-weight:700;
    
    font-family:Butler;
	}	
	

	.covid .subpageSectionBoxMedHeader
	{
		text-align:center;
		font-weight:400;
		font-family:"Playfair display"
	}
		.toxinsBox .subpageSectionBoxMedHeader
	{
		text-align:center;
		font-weight:900;
		font-size:4vmin;
		margin-bottom:2rem;
	}

	.fillersBox .subpageSectionBoxMedHeader
	{
		text-align:center;
		font-weight:700;
		font-size:6.5vmin;
		margin-bottom:2rem;
	}
	
					@media only screen and (max-width: 512px) {
					  .subpageSectionBoxMedHeader
						  {
    
    							    font-size:8vmin !important;
						  }
					}

					
.subpageSectionBoxSmallHeader
	{
	color: #000;
    font-size: 2.2vmin;
    letter-spacing: -.15vmin;
    line-height: 125%;
    font-weight: 500;
    font-family: Poppins;
    text-align: center;
    margin-bottom: 2rem;
    width: 100%;
	}


.shortQuote
	{
		color:#006697;
	}	
	
	
.subpageSectionBoxHeaderQuote
	{
		    color: #006697;
		    font-size: 26px;
		    font-weight: 400;
		    font-family: "Playfair Display";
		    margin: 0 .25em;
		    float: right;
		    margin: 1rem 0 4rem 2rem;
		    border-left: 2px solid #006697;
		    padding: 0 0 0 3%;
		    
		    width:40%;
		    line-height:135%;
	}

					@media only screen and (max-width: 512px) {
					  .subpageSectionBoxHeaderQuote
						  {
    
    							width:100%;
    							font-size:18px;
    							text-align:center;
    							margin:-1.5rem auto 1rem auto;
						  }
					}
					
	.centermod
		{
		border:0;
		margin:2rem 2rem 0 2rem;
		float:none;
		text-align:center;	
		width:100%;
		}

					@media only screen and (max-width: 512px) {
					  .centermod
						  {
    
    							margin:2rem auto 0.25rem auto;
						  }
					}
							
.subpageSectionBoxHeaderQuote span
	{
		font-size:65%;
		font-style:italic;	
		margin:0.3rem 0 0 25%;
	    clear: both;
	    display: block;
	    

	}


.subpageSectionBoxContentContainer
{

}   

.subpageSectionBoxContentContainer.laseroptions
{
	margin-top:-12vh;
	/*width:98%;*/
	/*background:#f5f5f7;
	
	    background: #d7bfa7;*/
    padding: 30px 20px;
    
    margin-top:-10vh;
    padding:20px;
    padding-right:0;
}  

.subpageSectionBoxContent
{
	font-family:"inter";
	letter-spacing: -0.015rem;
}    

.subpageSectionBoxContent.explanation
{
   margin-left:1px;
   width:88%;
   
/*
    z-index: 10;
    padding: 10px 30px;
    border-left: 1px solid #e0e0e0;
    margin-left: 20px;
    */
} 

.subpageSectionBoxText
	{
		z-index:10;
		position:relative;
	}	


	.esthetic .subpageSectionBoxText div
	{
		margin: 20px 0;
    	font-weight: 700;
	}	
	
	.esthetic .subpageSectionBoxText span
	{
		clear: both;
	    display: block;
	    font-weight: 400;
	    font-size: 80%;
	    margin-left: 1rem;
   }


		
.subpageSectionBoxText-left
	{
	float:left;
	width:50%;
	}

		@media only screen and (max-width: 512px) {
		  .subpageSectionBoxText-left
			  {
						width:100%;
						
			  }
		}
		
.subpageSectionBoxText-center
	{
	margin:auto;
	width:100%;
	}
	
.subpageSectionBoxVideo
	{
	float:left;
	width:50%;
	
	}


		@media only screen and (max-width: 1024px) {
		  .subpageSectionBoxVideo
			  {
						width:46%;
						margin-left:4% !important;
						
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  .subpageSectionBoxVideo
			  {
						width:100%;
						margin:0 !important
						
			  }
		}
		
		
		
		.subpageSectionBoxVideo video
			{
			width:100%;
			object-fit:cover;
			}
	
	
								
.subpageSectionBoxImage
	{
	width:65%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;
	right:0;	
	}	


	.format1 .subpageSectionBoxImage
		{
			width:100%;
		}
		
	.format2 .subpageSectionBoxImage
	{
		position: absolute;
	    width: 100%;
	    height: 100%;
	    border-radius: 10px;
	    z-index:1;
	    overflow: hidden;
	}
		
	.wrinklesBox .subpageSectionBoxImage
	{
		width:42%;
		height:90%;
		top:auto;
		bottom:0;
		right:1%;
	}

		@media only screen and (max-width: 1024px) {
		  .toxinsBox .subpageSectionBoxImage, .skinMgmtBox .subpageSectionBoxImage, .peelsBox .subpageSectionBoxImage, .microneedleBox .subpageSectionBoxImage, .format1 .subpageSectionBoxImage, .format2 .subpageSectionBoxImage
			  {
				    width: 30vw;
				    height: 30vw;
				    border-radius: 50%;
				    overflow: hidden;
				    margin:0;
				    right:0;
				    margin-left: 4vw;
				    margin-bottom:3vh;
				    background: #dddde1;
				    float: right;
				    position: relative;
						
			  }
		}


		@media only screen and (max-width: 1024px) {
		  .format1 .subpageSectionBoxImage, .format2 .subpageSectionBoxImage
			  {
				    background:transparent;
						
			  }
		}
		

		
		@media only screen and (max-width: 1024px) {
		  .clearskin .subpageSectionBoxImage
			  {
				    width: 100%;
				    height: 100%;
				    border-radius: 0;
				    overflow: hidden;
				    margin: 0;
				    right: 0;
				    margin-bottom: 4vh;
				    background: unset;
				    float: none;
				    position: absolute;
						
			  }
		}

		
		@media only screen and (max-width: 512px) {
		  .clearskin .subpageSectionBoxImage
			  {

				    position: relative;
				    order: 1;
				    height: 20vh;
				    margin: 1rem 0 0;
				    padding: 0;
			  }
		}



		
		@media only screen and (max-width: 1024px) {
		  .wrinklesBox .subpageSectionBoxImage
			  {
						position:relative;
						width:50%;
						height:40vh;
						margin:2vh auto 1vh;
						right:auto;
						bottom:auto;
						
			  }
		}

		@media only screen and (max-width: 512px) {
		  .wrinklesBox .subpageSectionBoxImage
			  {
						height:30vh !important;
						border-radius:0 !important;
						width:42% !important;
			  }
		}


				
				@media only screen and (max-width: 512px) {
				  .format2 .subpageSectionBoxImage
					  {

								margin-top:3vh;
					  }
				}
				
								
				
.subpageSectionBoxImage-overlay
	{
	    z-index: 2 !important;
	    background:linear-gradient(90deg,#fff 30%,transparent 60%);	
	    box-shadow:none !important;
	}	

	.clearskin .subpageSectionBoxImage-overlay
		{
			display:none;
		}	

				@media only screen and (max-width: 1024px) {
				  .clearskin .subpageSectionBoxImage-overlay
					  {
								background:linear-gradient(180deg,#08649700 45%,white 99%);
								background:linear-gradient(190deg,#08649700 73%,#fff 56%);
								background:linear-gradient(230deg,#08649700 38%,#fff 23%);

					  }
				}
					
	.scars .subpageSectionBoxImage-overlay
		{
		    background: linear-gradient(90deg,#966e6eb8 50%,transparent 90%);
		    background: linear-gradient(90deg,#966e6ed1 50%,transparent 90%);
		    background:linear-gradient(110deg,#966e6e91 30%,transparent 70%);
		    background:linear-gradient(110deg,#212023 30%,transparent 70%);
		    background:linear-gradient(130deg,#966e6eba 0%,transparent 80%);
		    background:linear-gradient(110deg,#212023 30%,transparent 55%);
		}		
	

	.sunspots .subpageSectionBoxImage-overlay
		{
		    background:transparent;
		}	

				@media only screen and (max-width: 1024px) {
				  .sunspots .subpageSectionBoxImage-overlay
					  {
								    background: linear-gradient(90deg,#f000 25%,black 61%);
    								transform: none;
					  }
				}

				@media only screen and (max-width: 1024px) {
				  .format1 .subpageSectionBoxImage-overlay, .format2 .subpageSectionBoxImage-overlay
					  {
								    display:none;
					  }
				}
				
				@media only screen and (max-width: 512px) {
				  .sunspots .subpageSectionBoxImage-overlay, .acne .subpageSectionBoxImage-overlay, .scars .subpageSectionBoxImage-overlay
					  {
								display:none;
					  }
				}
								
	.moles .subpageSectionBoxImage-overlay
		{
		    background: linear-gradient(100deg,#dee1e4 40%,transparent 60%);
		}	
		
									
.subpageSectionList
	{
		  -webkit-column-count: 3;
		  -webkit-column-gap: 20px;  
		  -moz-column-count: 3;
		  -moz-column-gap: 20px;
		  column-count: 3;
		  column-gap: 20px;		
	}
	
.subpageSectionList li
	{
		  font-size:85%;
	}
	


.arrowSeparator
	{
	margin:0 auto 3rem;	
	width:38%;
	position:relative;
	display:flex;
	}

		@media only screen and (max-width: 512px) {
		  .arrowSeparator 
			  {
						width:80%;
						margin-top:0.25rem;
			  }
		}
		
		
			.home .arrowSeparator
			{
				margin: 2rem 20%;
				margin:1rem auto;
				width:15%;
			}

					@media only screen and (max-width: 512px) {
					  .home .arrowSeparator
						  {
									    margin: 0.5rem 15.5%;
    									width: 63%;
						  }
					}
		
		
.arrowSeparator div
	{

	transform: rotate(-4deg);
		color:#000;
	font-family:"Permanent Marker";
	font-size:3.2vmin;
	line-height:1.2;
	margin:auto;
	}	


		
			.home .arrowSeparator div
			{
				    text-align: right;
    				margin-right: 9%;
			}


		@media only screen and (max-width: 512px) {
		  .arrowSeparator div
			  {
						font-size:6.2vmin;
			  }
		}
				
				
						
.arrowSeparator img
	{
	float:right;
	width:72px;
	}	



					@media only screen and (max-width: 512px) {
					  .arrowSeparator img
						  {
									    width:31px;
						  }
					}

	.home .arrowSeparator img
		{
		    float: right;
		    width: 50px;
		    margin-top: 60%;
		    margin-left: 15px;
		    transform: rotate(22deg);
		}	

					@media only screen and (max-width: 1024px) {
					  .home .arrowSeparator img
						  {
								margin-top: 100%;
								width:25px;
								height:80px;
						  }
					}

					@media only screen and (max-width: 512px) {
					  .home .arrowSeparator img
						  {
								margin-top: 40%;
						  }
					}
										
.arrowsContainer
	{
		font-family:"Permanent Marker";
		color:#000;
	    font-size: 2.6vmin;
	    letter-spacing: -.15vmin;
	    line-height: 125%;
	    font-family: "permanent marker";
	    text-align: center;
	    margin-bottom: 2rem;
	    transform: rotate(-3deg);	
	    width:50%;
	    max-width:320px;
	    margin: 3% 0 8% 14%;
	    
	    
	    font-size: 1.93vw;
	    background: #fff8e7;
	    border-radius: 50%;
	        padding: 6.5vw 7.5vw; 
	    width:32vw;
	    height:32vw;
	    max-width:none;
	    
	    font-size: 1.43vw;
	    background: #fff8e7;
	    border-radius: 50%;
	    padding: 6vw 6.5vw;
	    width: 26vw;
	    height: 26vw;
	    max-width: none;	    
	}


		@media only screen and (max-width: 1024px) {
		  .arrowsContainer 
			  {
						font-size: 2.7vw;
						width:38vw;
						height:38vw;
						margin:0 0 8% 27%;
						
			  }
		}
		
		
		@media only screen and (max-width: 512px) {
		  .arrowsContainer 
			  {
						font-size:3vmax;
						margin: 6% auto 64%;
						width:70%;
						background:none;
						
			  }
		}
		
		
.arrowsContainer img
	{
		margin:auto;
		width:40%;
		display:block;
		margin-top:44px;
		max-width:130px;
	}


.arrowLabelContainer
	{
		margin: 0 auto;
		display:table;
		position:relative;
	}
	
	
.arrowlabel
	{
		font-size: 70%;
    	    width: 180px;
   			 text-align: center;
	}
	
.arrow1label
	{ transform:translate3d(-62%,-168%,0px); }
	
.arrow2label
	{ transform: translate3d(-28%,-30%,0px);
    width: 50%;
    line-height: 1.3;}
	
.arrow3label
	{  transform: translate3d(30%,-175%,0px); }	

.arrow4label
	{ transform:translate3d(177%,-354%,0px);width:50%;line-height:1.3 }	
	
	
	
	
.illustrationBox
	{
		width:100%;
	}

.illustrationBox div
	{
    width: 20%;
    margin: 0 2.5%;
    float: left;
    font-weight: 500;
    font-size: 75%;
    line-height: 1.8;
    text-align: center;
    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    color: #000000;
    letter-spacing: -0.025em;
	}

		@media only screen and (max-width: 1024px) {
		  .illustrationBox div
			  {
						font-size:60%;
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  .illustrationBox div
			  {
						width:40%;
						margin:0 5%;
			  }
		}
			
.illustrationBox img
	{
    margin-bottom:0.5rem;
	}



.beforeandafterOuterContainer
	{
	display:flex;
	}
	

		@media only screen and (max-width: 512px) {
		  .beforeandafterOuterContainer
			  {
						flex-flow:column;
			  }
		}
			
				
				
.beforeandafterContainer
	{
		padding: 2.5% 5% 0;
	    flex-grow: 1;
    	flex-basis: 0;
	}
	
		@media only screen and (max-width: 512px) {
		  .beforeandafterContainer
			  {
						width:100%;
						float:none;
			  }
		}
				
.beforeandafterImgContainer
	{
	width:100%;
	margin:0 auto;
	max-width:600px;
	border-radius:50%;
	box-shadow:3px 3px 30px rgba(0,0,0,0.1);	
	}	
	
.beforeandafterLabel
	{
	color: #000;
    font-size: 1.8vmin;
    letter-spacing: -.01vmin;
    line-height: 105%;
    font-weight: 700;
    font-family: Roboto;
    text-align:center;
    margin:1.4rem 0;
	}	

		@media only screen and (max-width: 512px) {
		  .beforeandafterLabel
			  {
						font-size:3vmax;
			  }
		}
		
.ba-icon-container
	{
		margin:10%;
		display:flex;
		flex-flow:wrap;
		text-align:justify;
	}	
	
.ba-icon	
	{
		margin:0 2.5% 2.5%;
		text-align:center;
		font-family:Poppins;
		font-size:12px;
		font-weight:700;
		cursor:pointer;
	}
	
.ba-icon img
	{
		border-radius:50%;
  		background: -webkit-linear-gradient(left top, crimson 0%, #f90 100%);
		background: -webkit-linear-gradient(left top,#d516de 0%,#f90 100%);
  		padding: 3px;

	}	



				
/***************************************************************************************************/
/***************************************************************************************************/	

		
		
.areaHeaderMid
{
	left:calc(50% - 120px);
}


.areaHeader2
{
	text-align: center;
    margin: 0 auto 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -.02rem;	
    position:relative;
    color:#4e4e62;
}


		@media only screen and (max-width: 512px) {
		  .areaHeader2
			  {
					font-size:4vw;
					
			  }
		}
		
.areaHeader2 div
{
	background: #dde3e9;
    display: inline-block;
    padding: 0 20px;
    position:relative;
    z-index:2;
}
	
.areaHeader2:before
{
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #4e4e62;
    top: 50%;
    left: 0;
    width: 20%;
    z-index:1;
}

.areaHeader2:after
{
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #4e4e62;
    top: 50%;
    right: 0;
    width: 20%;
    z-index:1;
}

.aboutArea
{
	margin:0;
	/*background:#f4ecef;*/
	z-index:1;
	display:inline-block;
	position:relative;
	width:100%;
	display:flex;
	justify-content: space-between;
}

.fullPageStyle .aboutArea
{
	/*height: calc(94vh - var(--header-bar-height));*/
	overflow:hidden;

	min-height: calc(89vh - var(--header-bar-height));
	min-height: calc(87vh - var(--header-bar-height));
}

		@media only screen and (max-width: 512px) {
		  .aboutArea
			  {
					margin-top:0;
					margin-bottom:0;
					height:auto !important;					
			  }
		}

		@media only screen and (max-width: 1024px) {
		  .aaStyle2.aboutArea
			  {
					/*display: block;*/
					margin-top:2rem;
					margin-bottom:2rem;
					height:auto;	
					min-height:unset;								
			  }
		}

		@media only screen and (max-width: 512px) {
		  .aaStyle2.aboutArea
			  {
					display: block;			
					margin-top:0;
					margin-bottom:0;			
			  }
		}
		

.fullPageStyle .gridBlock-item .aboutArea
{
	height:78vh;
	max-height: 720px;
	justify-content: center;
    flex-flow: column;
    padding-left:6%;
}	

				
/*.aboutArea2
{
	width:100%;
	display:flex;
}

		@media only screen and (max-width: 1024px) {
		  .aboutArea2
			  {
				    justify-content:flex-end;
			  }
		}
		
		
		@media only screen and (max-width: 512px) {
		  .aaStyle2.aboutArea2
			  {
				    padding: 3%;
				    width: auto;
				    padding-top: 0;
				    
				    display:block;
				    padding:0;
			  }
		}


.fullPageStyle .aboutArea2.aaStyle2
{
	position:relative;
	z-index:10;
    margin-bottom: 2vh;
    


	width: calc(100% - 36vw);
	width: calc(100% - 63%);
	max-width:420px;
    margin:auto;
    margin-top:0;
    margin-left:8%;
    
}		

		
		@media only screen and (max-width: 512px) {
		  .fullPageStyle .aboutArea2.aaStyle2
			  {
				    display:none;
			  }
		}*/

.aboutArea2 .ratingsItemContainer 
{
    margin: 0;
    align-self: normal;
	z-index:20;
	margin-left:10%;
	
	/*flex-flow:column;*/
}



.aboutArea2 .ratingsItemContainer a		
{
	margin-right: 5.5%;
    width: 4.8%;
    font-size:50%;
}

		.aaStyle2.aboutArea2 .ratingsItemContainer a		
		{
		    width: 20%;
		    max-width:50px;
		    font-size:80%;
		    margin-left:3%;
		    
		    /*
		    max-width:none;
		    width:20%;
		    margin-bottom:3%;
		    */
		}

		.aaStyle2.aboutArea2 .ratingsLine img		
		{
			/*
		   filter: grayscale(100%) brightness(70%) contrast(2);
		   filter: brightness(0%);
    		opacity: 0.3;
    		*/
		}
		
		.aaStyle2.aboutArea2 .ratingsLine
		{
			font-family: Inter;
			    font-weight: 700;
			    color: #000;
			    font-size:130%;
			    color:#c92820;
		}
		
/*.aboutAreaLeft
{
	width:35%;
	margin: 0 8% 0 0;
	float:left;
	
	width:calc(100% - 400px);
	margin:0;
	
    flex-flow: column;
    display: flex;
    
    padding:5vh 0;
}


		@media only screen and (max-width: 1024px) {
		  .aboutAreaLeft
			  {
					width:100%;
					padding:0;
					margin:1.5rem 0 0.5rem;
					margin:0;
					position: absolute;
				    left: 2vw;
				    top: 39vw;
				    width: 30vw;
										
			  }
		}

		@media only screen and (max-width: 512px) {
		  .aboutAreaLeft
			  {
					width:100%;
					padding:0;
					margin:1.5rem 0 0.5rem;
					margin:0;
					position: relative;
					top:unset;
					left:unset;
					padding-bottom:0;
										
			  }
		}
				
		@media only screen and (max-width: 1024px) {
		  .aaStyle2 .aboutAreaLeft
			  {
				margin:0;
				margin-left: 2%;
				    width: 41%;

			  }
		}		
		
		@media only screen and (max-width: 512px) {
		  .aaStyle2 .aboutAreaLeft
			  {
				margin:0;
				margin-top:2vh;
				width:100%;
			  }
		}	*/

.gridBlock-item .aboutAreaLeft, .gridBlock-item .aboutAreaRight
{
	width:45%;
}

	.aboutArea2 .aboutAreaLeft
	{
		padding-top:40px;
		padding-left:120px;
		padding-left:10%;
		padding-right:40px;
		width:calc(100% - 160px);
		
		
	    padding-left: 6%;
	    padding-right: 0;
		
	}		

		@media only screen and (max-width: 1024px) {
		  .aboutArea2 .aboutAreaLeft
			  {
				display:none;
			  }
		}	

			.fullPageStyle .aboutArea2 .aboutAreaLeft
				{
					background:#fff;
					margin-left:0;
					padding: 1.5vw 2vw 2vw;
					    border-radius: 30px;
    					/*box-shadow: 10px 10px 60px #00000014;	*/
    					width:100%;
    					/*background: #ffffff8a;
    					backdrop-filter:blur(20px);
    					-webkit-backdrop-filter:blur(20px);*/
    					font-size:92%;
    					
    					
    					background:transparent;
    					padding:0;
				}	
				
				@media only screen and (max-width: 1500px) {
				  .fullPageStyle .aboutArea2 .aboutAreaLeft
					  {
						/*width:80%;*/
					  }
				}	
						
						
	.aboutAreaLeft img
	{
		width:100%;
    	/*box-shadow: 13px 13px 30px #0000002b*/
	}


		


.aboutAreaLeft-data
{
	margin:auto;
	margin-bottom:8vh;
	margin-left:9.5%;
	width:90%;
	width:27vw;
	z-index:20;
	
	
	margin-left:8%;
}	

		@media only screen and (max-width: 1024px) {
		  .aboutAreaLeft-data
			  {
				margin:auto;	
				width:100%;				
			  }
		}
		
.fullPageStyle .aboutAreaLeft-data
{
	/*margin-bottom:15vh;	*/
	margin-bottom:0;
}	

		@media only screen and (max-width: 512px) {
		  .fullPageStyle .aboutAreaLeft-data
			  {
				margin:0;		
			  }
		}
		

.fullPageStyle .gridBlock-item .aboutAreaLeft-data
{
	margin:0;
	width:unset;
}	


	
	.avatarContainer
	{
		padding:0;
		margin:0 auto;
		max-width:300px;
		
		
		max-width:320px;
	}
	

		@media only screen and (max-width: 512px) {
		  .avatarContainer
			  {
					padding:0 20%;

										
			  }
		}
		
	.avatarContainer img
	{
		border: 12px solid rgb(255, 255, 255);
		border-radius: 50%;
	}		


				@media only screen and (max-width: 512px) {
				  .avatarContainer img
					  {
							border: 5px solid rgb(255, 255, 255);
		
												
					  }
				}
						
.aboutAreaRight
{
	/*460*/
	flex:0 0 27vw;
	min-width: 250px;
	margin:0;
	position:relative;
	padding:2% 4%;
	background:#151c2d;
	color:#fff;
}

		.fullPageStyle .aboutAreaRight
		{
			flex:0 0 30vw;
			align-self: flex-end;
    		margin-bottom:0;
		}	

		.gridBlock-item .fullPageStyle .aboutAreaRight
		{
			flex:unset;
			padding:unset;
			align-self:unset;
			padding-right:10%;
			padding-left:2%;
			margin:0;
		}			
		
	.aboutArea2 .aboutAreaRight
	{
		padding-top:20px;
	}

		.fullPageStyle .aboutArea2 .aboutAreaRight
		{
			padding-top:6.5vh;
		}	
		
	.aaStyle2 .aboutAreaRight
	{
		background:0 0;
	}

		.aaStyle2 .aboutAreaRight
		{
			    /*padding-top: 40vh;
   				 padding-bottom: 3.5vh;*/
   				 margin:auto;
   				 padding-top:10%;
		}	
		
				@media only screen and (max-width: 1024px) {
				  .aaStyle2 .aboutAreaRight
					  {
							margin:0;
							margin-top:1.5rem;
							padding-top:0;
							padding-bottom:0;
							padding-right:0;
							flex: 0 0 35vw;
							flex: 0 0 100%;
							flex: 0 0 48vw;
    						padding-left: 7%;
    						
    						align-self:auto;
    						margin-right:7%;
							
					  }
				}

				@media only screen and (max-width: 1024px) {
				  .aboutArea2 .aboutAreaRight
					  {
							margin-top:0;
							
					  }
				}
				

				@media only screen and (max-width: 512px) {
				  .aaStyle2 .aboutAreaRight
					  {
							margin-top:0;
							float:none;
							padding:2% 4%;
							
					  }
				}
												
.aboutAreaRight video
{
	width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 1;
}


.aboutAreaRightOpen {
    height:auto !important;
}


		@media only screen and (max-width: 1024px) {
		  .aboutAreaRight
			  {
					width:100%;
					overflow:hidden;
					margin-top:2%;

										
			  }
		}

.aboutAreaImg
{
	width:calc(100% - 440px);
	height:100%;
	position:absolute;
	top:0;
	left:0;
}	

		.aaStyle2 .aboutAreaImg
		{
			width:100%;
		}



		/*@media only screen and (max-width: 512px) {
		  .aaStyle2 .aboutAreaImg
			  {
				    position: relative;
				    width: 100%;
				    
				    overflow: hidden;
				    margin: auto;
				    margin-top: 3vh;
				    
				    border-radius: 50%;
				    width: 166px;	
				    height: 166px;
				    

				      
			  }
		}	*/	
		
		
#drAIsolate,#drPIsolate
{
	width: 44%;
    margin: auto;
    left: 27%;
    /*padding-top: 2.5%;*/
    position:absolute;
}		

		@media only screen and (max-width: 1024px) {
		  #drAIsolate,#drPIsolate
			  {
			    width: 36vw;
			    left: 6%;
			    padding-top: 3.5%;
			    position: absolute;
			    top: 6%;
			    
			    width:36vw;
			    height:36vw;
			    top:2.4%;
			    left:5.8%;
			  }
		}	
				
		@media only screen and (max-width: 512px) {
		  #drAIsolate,#drPIsolate
			  {
			    top: 2.2%;
			    left: 20.4%;
			  }
		}	
		
		
			
.aboutAreaImg-overlay
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:linear-gradient(90deg, transparent 59%, #151c2d 80%);
	}	


			.aaStyle2 .aboutAreaImg-overlay	
				{
					background:linear-gradient(90deg,transparent 59%,#151c2d42 99%);
					background:linear-gradient(90deg,transparent 59%,#9094b53b 99%);
				}	
	
					@media only screen and (max-width: 1024px) {
					  .aaStyle2 .aboutAreaImg-overlay	
						  {
							display:none;
						  }
					}
			
		
.desc-fade {
	display:none;
    width: 200%;
    margin-left: -50%;
    height: 30px;
    background: #fff;
    z-index: 1;
    position: absolute;
    -webkit-box-shadow: 0 0 20px 30px #fff;
    -moz-box-shadow: 0 0 20px 30px #fff;
    box-shadow: 0 0 20px 30px #fff;
    bottom: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 250ms,1s;
    -moz-transition: opacity 250ms,1s;
    -o-transition: opacity 250ms,1s;
    transition: opacity 250ms,1s;
}


		@media only screen and (max-width: 1024px) {
		  .desc-fade
			  {
					display:block;
			  }
		}
		
		
		
		



		
	.logoItem
		{
		clear:both;
		margin:10px 0 0;
		    display: flex; 
    		align-items: center;    
    		text-align:left;
		}


					@media only screen and (max-width: 512px) {
					  .logoItem
						  {
								margin:0.5rem 0 0;
			
						  }
					}
		
		
.leftNameLogos
{
	max-width:44px;
	width:34%;
	float:left;
	vertical-align:middle;
	margin-right:15px;
}	

		

		@media only screen and (max-width: 512px) {
		  .leftNameLogos 
			  {
			    width:20%;
			    max-width:40px;
			  }
		}
			
.halfBlocks .leftNameLogos
{
	max-width:28px;
}	

.ratingsItemContainer
{
	display:flex;
	flex-flow:row;
	align-items: baseline;
}

	.theFooter .ratingsItemContainer
	{
		   
		   margin: 0 0 6%;
    		width: 100%;   
	}
	

			
			
		@media only screen and (max-width: 512px) {
		  .ratingsItemContainer 
			  {
			    width:90%;
			    margin:auto;
			  }
		}
			
						
.ratingsItemContainer a
{
	margin: 0 15% 0 0;
    width: 16%;
    /*outline:none;*/
}

		@media only screen and (max-width: 512px) {
		  .ratingsItemContainer a
			  {
			    margin:auto;
			    width:20%;
			  }
		}
		
	.theFooter .ratingsItemContainer a
	{
		margin:0 auto;
		    margin: 0 50px 0 0;
		    width:40px;
	}

		@media only screen and (max-width: 512px) {
		  .theFooter .ratingsItemContainer a
			  {
			    margin:0 10% 0 0;
			  }
		}
		
.ratingsLine
{
    text-align: center;
    font-size: 140%;
    line-height: 1.5;
    padding: 0;
    /* margin: 7px; */
    /* text-shadow: -1px -1px 0 #a76500, 1px -1px 0 #a76500, -1px 1px 0 #a76500, 1px 1px 0 #a76500; */
    color: #ff9800;
    font-weight:400;
    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    display:flex;
    align-items:center;
    flex-flow:column;
						    
}

	.theFooter .ratingsLine
	{
		font-size:120%;
	}
	
.ratingsLine.visible
{
		opacity: 1 !important;
		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
}


.ratingsLine a
{
text-decoration:none;
}


	.theFooter .ratingsLine
	{
		opacity:1;
	}	
	

.locationSection
{
	float:left;
	padding:0 1rem 0 0;
	font-family:Poppins;
	font-weight:400;
	width:33.33%;
	font-size:1vw;
}

		@media only screen and (min-width: 1500px) {
		  .locationSection
			  {
				font-size:16px;
			  }
		}	
		
		@media only screen and (max-width: 1024px) {
		  .locationSection
			  {
				font-size:2.2vw;
			  }
		}	

		@media only screen and (max-width: 512px) {
		  .locationSection
			  {
				font-size:5.5vw;
				float:none;
				width:auto;
				margin-bottom:1rem;
			  }
		}	


			
.locationInfoAddress
{
	float:left;
	width:calc(50% - 2rem);	
	margin-top:1rem;
	margin-left:2rem;
}

		@media only screen and (max-width: 512px) {
		  .locationInfoAddress
			  {
				float: left;
		    	width: calc(50% - 2rem);
			  }
		}	
		
		
	
.loctionInfoHours
{
	float:left;
	margin-left:5rem;
	margin-top:0;
	width: calc(45% - 5rem);
}


		@media only screen and (max-width: 1024px) {
		  .loctionInfoHours
			  {
			  	float:none;
			  	width:auto;
				background: #f9f6e6;
    			margin: 1rem -1.5rem;
    			padding: 1.5rem 2rem 1.5rem;
			  }
		}	



.ratingsPicture
{
float:left;
    margin-left: 29%;
}

				@media only screen and (max-width: 512px) {
				  .ratingsPicture
					  {
							position: absolute;
						    top: 140px;
						    left: 0;
						    margin:0;
						    float:none;
						    width:30%;
					  }
				}
				
				
.ratingsPicture img
{
height:300px;
margin-top:-30px;
}

				@media only screen and (max-width: 512px) {
				  .ratingsPicture img
					  {
						    height:auto;
						    margin:0;
						    
					  }
				}
				
				
.ratingsText
{
width:30%;
float:left;
margin-left:2rem;
font-size:23px;
font-weight:700;
}

				@media only screen and (max-width: 512px) {
				  .ratingsText
					  {
					    width: 70%;
					    float: right;
					    margin: 0;
					  }
				}
				

	.ratingsText img
	{
		width:90px;
	}




.servicesArea
{
padding:2rem;
position:relative;
color:#000;
margin:0 auto;
font-weight:400;	
padding:0;
z-index:999;


	grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 0px 18px;
    display:grid;
    width:100%;
    max-width:unset;
    margin:10px 2vw;
}


												


.servicesBoxSmall
{
	overflow:hidden;
	transform: translateZ(0);
    width: 100%;
    height:50vh;
    margin: 0 0 2.5rem 0;
    margin:0 0 6%;
    margin-top:60px;
    color:#000;
    border-radius:4px;
    border-radius:37px;
    position:relative;
        display: flex;
    align-items: center;
    align-items: start;
    background: #000 radial-gradient(#32262d,#181c2d 90%);
    /*background: radial-gradient(ellipse at 15% 50%, #383b43, #1d1d1d 50%);*/


		/*-webkit-transition: all 1s ease-in-out;
			 -moz-transition: all 1s ease-in-out;
				-ms-transition: all 1s ease-in-out;
				 -o-transition: all 1s ease-in-out;
						transition: all 1s ease-in-out;   */ 
}

/*
#cs1
{
	border-radius: 132px 0 0 0;
}
#cs2
{
	border-radius: 0 132px 0 0;
}
#cs3
{
	border-radius: 0 0 0 132px;
}

#cs4
{
	border-radius: 0 0 132px 0;
}
*/

	.servicesBoxSmall.visible {
		margin-top:0;
		opacity:1;
		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
	}
	


		@media only screen and (max-width: 512px) {
		  .servicesBoxSmall
			  {
    			margin-bottom:1rem;
			  }
		}
		
		
.servicesBoxSmallImgCont
{

    position: absolute;
    opacity: 1;
   	z-index:1;
   	padding:0;   	
					top:auto;
					
					/*centering*/
					display: inline-table;
				    left:50%;
				    -webkit-transform: translateX(-50%);
				    transform: translateX(-50%);
				    display:flex;			    
				    bottom:0;
				    /*height:60%;*/
				    /*width:fit-content;*/
				   width:100%;
				       	overflow:hidden;

}


		@media only screen and (max-width: 512px) {
		  .servicesBoxSmallImgCont
			  {
					width:100%;
					height:80%;
			  }
		}
		
		
.servicesBoxSmallImgCont img
{
	max-width: none;
	width:100%;
}


.servicesBoxSmallStatement
{
    position: relative;
    z-index: 3;
    margin:0 auto;
    width: 50%;
    float: left;
    text-align:center;
  	margin-top:4%;

}	

/*.servicesBoxSmallStatement span
{
    letter-spacing: -.01vw;
    line-height: 130%;
}*/


/*.servicesBoxSmallStatement div
{
	margin:0.6rem 0;
}*/


.servicesBoxSmallBlurb
{
	color:rgba(255,255,255,0.7);
	font-size: min(max(12px, 1.4vw), 18px);
	line-height:155%;
	letter-spacing: -0.0055rem;
	    
	font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-weight:500;
	    
	opacity:0;
	position: absolute;
    bottom: 21.5%;
}



.servicesBlurb
{
	color:rgba(255,255,255,0.7);
	font-size:62%;
	    font-size: min(max(12px, 1.1vw), 18px);
	line-height:155%;
	letter-spacing:0;	
	

	    letter-spacing: -0.0055rem;
	    
	        font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    		font-weight:500;
	   
}

		@media only screen and (max-width: 1024px) {
		  .servicesBlurb
			  {
					font-size: min(max(12px, 2.1vw), 18px);
			  }
		}

		@media only screen and (max-width: 512px) {
		  .servicesBlurb
			  {
					font-size: min(max(12px, 4.1vw), 18px);
			  }
		}
		
				
		@media only screen and (max-width: 1200px) {
		  .servicesBoxSmallImgCont
			  {
					font-size:66%;
			  }
		}
		


.skinCheckAreaText .servicesBlurb
{
	text-align:left;
	width:95%;
	max-width: unset;
	margin:0;
}		

.servicesBlurbSmall
{
	font-size:calc(0.85rem - .1vmax);
}


.learnmore
{
	display:inline-block;
}

.learnmore a
{
    color: #FFC107 !important;
    color:#ffe8a2 !important;
    font-size:65%;
    letter-spacing: 0;
    font-weight: 400;
    line-height:1.6;

/*    
		-webkit-transition: all 0.2s ease-in-out;
			 -moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				 -o-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;   
						*/ 
}


.learnmore a:hover
{
    text-decoration:underline;
}

.learnmoreLarge
{
	margin: 1.3rem 0 0 !important;
	display:flex;
}


.learnmoreLarge a
{
    color: #ffffff !important;
    font-size: 58%;
    background: #2196F3;
    padding: 13px 16px;
    padding: 0.4rem 0.5rem;
    border-radius: 4px;
    margin:0 auto;
}

.learnmoreLarge a:hover
{
    text-decoration:none;
    box-shadow: 0px 0px 90px #2196f3c7;
}


.skinCheckAreaSubText .learnmoreLarge a
{
	margin:0;
}



.learnmoreNewBox
{

}


.learnmoreNewBox a
{
	color: #fff !important;
    font-size: 60%;
    background: #5f6675;	
    background:#77787b;
    background: #00559e;
    background: #033f6f; 
    padding: .4rem .5rem;
    padding: .55rem .66rem;
    font-family: "Playfair display" !important;
    font-weight: 500;
    line-height: 1.6;
    border-radius:0;
    
    
    padding:0.66rem;
    background:#ffffff00;
    border:1px solid #fff;
    
    
    background: #101010;   
    font-size: 65%;
    font-size:62%;
    padding: .77rem .66rem;
    font-weight: 400;
    border-radius: 0;
    border:0;
    box-shadow: 0 0 40px #0000002f;    
    
    /*Dashed bottom line */
    padding:0;
    font-size:83%;
    color: #ffa0a0 !important;
   	border-bottom: 1px dotted #ffa0a0;
    background: 0 0;
    box-shadow: none;
    letter-spacing: -0.01rem;

	color: #80d7ff !important;
    color: #ffeba0 !important;
   	border-bottom: 1px dotted #ffeba0;    

	font-family: Inter !important;
	font-size: 66%;
	font-weight:700;
	    border-bottom: 1px dotted #a59b77;
}

			  
		@media only screen and (max-width: 512px) {
		  .learnmoreNewBox a
			  {
    			/*border-radius:16px;*/
			  }
		}


		.skinCheckAreaText .learnmoreNewBox a
		{
			margin:2px;	
		}
		
		
		.cysArea .learnmoreNewBox a
		{
			border:1px solid #9e2e17;
			color:#9e2e17 !important;
			background:transparent;
			box-shadow:none;
			
			    /*Dashed bottom line */
			    border:0;
			   	border-bottom: 1px dotted #9e2e17;
			    background: 0 0;		
		}
		
		
		.cysAreaSecondImage-delete .learnmoreNewBox a
		{
			border:1px solid #354758;
			color:#354758 !important;
			background:transparent;
			box-shadow:none;

			    /*Dashed bottom line */
			    border:0;
			   	border-bottom: 1px dotted #354758;
			    background: 0 0;	
		}



		#medicalServicesBlock .learnmoreNewBox a
		{
			color:#9e1919 !important;
			background:transparent;
			box-shadow:none;

			    /*Dashed bottom line */
			    border:0;
			   	border-bottom: 1px dotted #9e1919 !important;
			    background: 0 0;	
		}
		
		
		
.learnmoreNewBox a:hover
{
	/*outline:none;*/
    text-decoration:underline;
    box-shadow:none;
    
    			 /*Dashed bottom line */
    			text-decoration:none;
    			border-bottom:1px solid #ffeba0; 
}


		.cysArea .learnmoreNewBox a:hover
		{

			   	border-bottom: 1px solid #9e2e17;	
		}
		



.sbsHalf
{
	float:left;
	width:48.5%;
	height:60vw;
	max-height:75vh;
	margin-top:0;
	align-items: start;
}


		@media only screen and (max-width: 768px) {
		  .sbsHalf
			  {
    			width:100%;
    			height:60vh;
    			/*border-radius: 6px;*/
    			overflow: hidden;
			  }
		}
		





		@media only screen and (max-width: 512px) {
		  .sbsHalf:nth-of-type(even) {
    			margin-left: 0;
			}
		}
		
		
		
		
				.sbsHalf.servicesBoxSmall
				{
					/*background: radial-gradient(#383b43, #1d1d1d 50%);*/
				}
					
				.sbsHalf .servicesBoxSmallImgCont
				{
				    bottom:0;
				    /*height:76%;*/

				}
				

							@media only screen and (max-width: 512px) {
							  .sbsHalf .servicesBoxSmallImgCont
								  {

								  }
							}
		
						
				.sbsHalf .servicesBoxSmallStatement
				{
					width:78%;
					margin:0 auto;
					margin-top:12%;
					text-align:center;
					line-height: 1;
					font-weight:400;
					color:#fff;
					
					
					width:90%;
					height:100%;
					display: flex;
    				flex-flow: column;
				}
				
				/*.sbsHalf .servicesBoxSmallStatement div
				{
					margin:0.6rem 5%;
				}*/

.servicesBoxSmallStatementSubHeading
{
	color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: -0.9px;
    font-family: Figtree;
    margin-top: 3vh;
    opacity:0;
}


.servicesBoxSmallStatementSubHeadingBottom
{
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 6px;
    font-family: Figtree;
    margin-bottom: 2.5vh;
    opacity:0;
}

.sbsHalfVideo
{
	height:auto;
	clear:both;
	max-height:unset;
	overflow:hidden;
}	

							@media only screen and (max-width: 1024px) {
							  .sbsHalfVideo
								  {
										/*width:42vw;
										height:48vw;
										border-radius:20px;*/
								  }
							}

															
							@media only screen and (max-width: 512px) {
							  .sbsHalfVideo
								  {
									/*	height:auto;
										height:400px;
										max-height:unset;
										
										height:90vh;
										max-height:400px;
										
										
										width:90%;
										overflow:hidden;*/
								  }
							}
			
.halfBlocks .sbsHalfVideo			
			{
				
				    height: auto;
				    width:auto;
					/*border-radius:44px;*/
					
					height:100%;
			}
			
							
	.sbsHalfVideo video
	{
		object-fit: fill;
		object-fit: cover;
	    width: 104%;
	    height:104%;
	    opacity:0.4;
	    border-radius:0;
	    overflow:hidden;
	    
	}	



	.halfBlocks .sbsHalfVideo video
	{

	}	
									
	.sbsHalfVideo .servicesBoxSmallImgCont	
	{
		height:102%; /* need this to get rid of border pixelation */
		width:102%;
	}
	

	.sbsHalfVideo .servicesBoxSmallStatement 
	{
		/*padding:7rem 0;*/
		margin:auto !important;
		container-type:size;
	}	
	
							@media only screen and (max-width: 512px) {
							  .sbsHalfVideo .servicesBoxSmallStatement 
								  {
										padding-top:3rem;
										padding-bottom:3rem;
								  }
							}
		
			
	.sbsHalfVideo .learnmoreLarge
	{
		margin-top:2.5rem !important;	
	}	
	
	.sbsHalfVideo .learnmoreLarge a
	{
    background: #ffebbb;
    color: #000 !important;
    font-weight: 700;		
	}	

	.sbsHalfVideo .fillerbox .learnmoreLarge a
	{
    background: #fff	
	}
			

.sbsHalf-small
{
	height:60vh;
}

				.sbsHalf-small .servicesBoxSmallStatement
				{
					width:82%;
					margin-top:10%;
				}
				
				
				/*.sbsHalf-small .servicesBoxSmallStatement div
				{
					margin:0.6rem 0;
				}*/
				
				.sbsHalf-small .servicesBoxSmallImgCont
				{
				    bottom:0;
				}


/*.servicesBoxSmallStatement span
{
    font-weight: 700;
    letter-spacing: -.1vw;
    line-height:0.9;
    font-family: Figtree;
    color: #fff;	
    font-size: clamp(20px,3.1vw,50px);
    margin:auto;
}*/


.servicesBoxSmallHeading
{
    font-weight: 700;
    letter-spacing: -.1vw;
    line-height:0.9;
    font-family: Figtree;
    color: #fff;	
    font-size: clamp(20px,3.1vw,50px);
    font-size: clamp(20px,12cqmin,50px);
    margin:auto;
}

#cs1 .servicesBoxSmallHeading
{
	font-family: "Playfair Display";
}

#cs6 .servicesBoxSmallHeading
{
	font-family: Figtree;
	font-size:94%;
	text-transform:uppercase;
	font-style:italic;
    font-weight: 500;
    color: rgb(220, 209, 194);
    line-height:1.1;
}	
								
/*.servicesBoxSmallStatement.wrinkles-box span
{
    font-family: "Playfair Display";
    font-size: clamp(20px,3vw,50px);
    letter-spacing: -.01vw;
    line-height: 130%;
    line-height:1.2;
    line-height:0.9;
    font-weight: 400;
    color: #ffebbb;	
 
 			padding:0 16%;
			margin:0 -16% 1rem;   
}				

		.servicesBoxSmallStatement.wrinkles-box span font
		{
				font-size:45%;
				font-family:Roboto;
		}	*/




		/*@media only screen and (max-width: 512px) {
		  .servicesBoxSmallStatement.wrinkles-box span
		  	{
    			padding:0;
    			margin: 0 0 1rem;
			}
		}*/
		
		
		


				
.servicesBoxSmallStatement.clearskinbox span
{
	font-size: clamp(55px,7vw,200px);
	line-height:1;
	font-family:"The Secret";
	color:#f2d7e3;	
	font-weight:400;
	
	padding:2% 10% 0;
	padding:2% 8% 0;
    margin:0 -10%;
    color:#7d0b3e;
    color:#000;
}

.servicesBoxSmallStatement.fillerbox
{
	/*
	width:40%;
	margin-top:17%;
	left:30%;
	*/
}

		.servicesBoxSmallStatement.fillerbox span
		{
			font-size: clamp(20px,3vw,50px);
			color:#fff;
			font-weight:700;
			padding:0 32% 4%;
			margin:0 -32%;
			
			font-family:"Barcelony";
			font-weight:400;
			padding:0 40% 4%;
			margin:0 -30%;
		}


				@media only screen and (max-width: 512px) {
				  .servicesBoxSmallStatement.fillerbox span
				  	{
		    			padding:0 14%;
		    			margin: 0 -14% 1rem;
					}
				}
		
		
		
		
		
.servicesBoxSmallStatement.spabox
{
	margin:auto;
}

		.servicesBoxSmallStatement.spabox span
		{
			font-size: clamp(20px,3vw,50px);
			color:#fff;
			font-weight:100;
			padding:0 18% 4%;
			margin:0 -18%;
			line-height:0.8;
			
			color:#ffdfdf;
			padding:0 2% 4%;
			margin:0 -2%;	
			
			
			padding:0 20% 4%;
			margin:0 -15%;			
			
			font-family:"Barcelony";
			letter-spacing: 0.2rem;		
				
		}

				@media only screen and (max-width: 512px) {
				  .servicesBoxSmallStatement.spabox span
					  {
							padding:0 0 4%;
							margin:0;	
					  }
				}
			
		.servicesBoxSmallStatement.spabox font
		{
				font-size:38%;
				
				font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
				font-weight:400;
				margin-top:-0.2rem;
				margin-left:51%;
				display:block;
				font-size:17%;
				
				margin-left:5%;
				margin-top:0;
				
				margin-left:50%;
				margin-top:4%;
				font-size:24%;
		}

		   
    			  
		@media only screen and (max-width: 512px) {
		  .servicesArea:after
			  {
				background:none;
			  }
		}

#sb1 video
{
	/*transform: translateX(-15%);*/
}

#sb3
{
	/*margin-top:25%;*/
	float:right;
}

    			  
		@media only screen and (max-width: 1024px) {
		  #sb3
			  {
				/*height: 60vh;
    			max-height: unset;*/
			  }
		}

		@media only screen and (max-width: 512px) {
		  #sb3
			  {
				/*height: unset;
    			max-height: unset;*/
			  }
		}
		
.halfBlocks #sb3
{
	/*height: 66vh;
	max-height: unset;*/
}
	
	
	
#sb4
{
    transform: none;
   /* margin: 0 0 10% 10%;*/
    padding: 0;	
    /*height:50vh;*/
    /*width:80%;
    clear:both;*/
}



#sb1
{
	margin-top:0vh;	
}

#sb3,#sb4
{
	/*margin-top:-15vh;	
	margin-top:-25vh;	*/
}

		@media only screen and (max-width: 512px) {
		   #sb1,#sb3,#sb4
			  {
			   /* margin: auto;
			    margin-top: 0;
			    margin-bottom: 4vmax;
			    float: none;*/

			  }
		}


		@media only screen and (max-width: 1024px) {
		   #sb3,#sb4
			  {
			    /*margin-top:-33vh;*/
			  }
		}
		

.halfBlocks #sb3, .halfBlocks #sb4
{
	/*margin-top: -37.5vh;*/
}
		
				
#sb4 .servicesBoxSmallImgCont
{
	height:100%;
	width:100%;
}

#sb4 img
{
	opacity:0.4
	
}			

#sb4 video
{
	width:100%;
	transform:none;
	object-fit: cover;
	opacity:0.4;
	
}	
									



#insuranceBlock
{
float: left;
    width: 40%;
    margin: 4rem 0 0 10%;
}				

#insuranceBlock img
{
	width:30%;
}	



.constrainedArea
{
	width:86%;
	max-width:1400px;	
	margin-left:auto;
	margin-right:auto;	
	
	width:100%;
	max-width:none;
	
	margin-top:10vh;
}


.lg-separatorArea-toppad
{
	/*height:2vh;
	width:100%;
	background:#fff;*/
}

.lg-separatorArea
{
	width:100%;
	height: 160vh;
	z-index:1;

   /* display: flex;
    justify-content: center;
    align-items:baseline;*/
   
   height:auto;
  
}

.lg-separatorHeader
{
	margin:0 auto;
	font-family:"Playfair Display";
	
	text-transform:uppercase;
	color:#000;
	font-size:14vw;
	font-size:17vh;
	font-size:12vh;
	font-weight:500;
	letter-spacing:-.15rem;
	text-align:center;
	margin-left:-5%;
	z-index:3;
	/*
	transform: rotate(-10deg) translateX(-20%) translateY(-2%);
	font-size:15vmax;
	*/
	
	color:#9c9272;
	color:#ab995f;
	font-weight:400;
	    letter-spacing: -.30rem;
	    font-size:11vh;
	    
	    font-size: 11vmin;
    	letter-spacing: -0.85vmin;
    	
    	
    	font-family:"Butler";
    	font-weight:100;
    	
    	pointer-events: none;
    	    	
}


		@media only screen and (max-width: 1024px) {
		   .lg-separatorHeader
			  {
			    font-size:15vw;
			  }
		}



.lg-separatorHeader div
{
display:inline-block;	
}

.lg-separatorText
{
    color: #000;
    color:#ce5757;
    color:rgba(9,14,72,1);
    /* margin: -10vw auto 0 50px; */
    /*width: 40%;*/
    padding:0;
    /*margin-left: 60%;
    margin-top: -12%;*/
   width:35%;
   width:30%;
   margin:0 auto;
   opacity:1;
   text-align:center;
   
   /*font-family:Merriweather;
   font-weight:400;
   font-size:88%;*/
							letter-spacing:0;
   						    font-family:"permanent marker";
						    font-size:90%;
						    margin-left:53%;
						    width:25%;
						    
						    /*font-size:115%;
						    width:30%;*/
						   color:#111;
						   margin-top:1.5%;
						   
						   
						   
						   margin:0;
						   width:60%;
						   margin-top:5%;
						   margin-left:20%;




		font-family:Inter;
		font-size:120%;
		font-weight:800;
		text-align:left;
		letter-spacing: -0.04rem;
		margin-top:1rem;
		margin-bottom:3rem;		
		line-height:1.36;		
		
		font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";	
		
		
		font-family:"Butler";
		font-weight:400;   
  } 




			

.lg-separatorTextContainer
	{
		position:relative;
		
		padding-bottom:6vh;
	}

		@media only screen and (max-width: 512px) {
		   .lg-separatorTextContainer
			  {
				/*padding-bottom:14vh;*/
			  }
		}
		
		
	

#skingoalsText1
{
	font-size:180%;
	/*width:55%;*/
	width:100%;
	margin-left:0;
	line-height:1.3;
}

		@media only screen and (max-width: 1024px) {
		  #skingoalsText1
			  {
				/*width:60%;*/
				/*text-align:center;*/
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  #skingoalsText1
			  {
				margin-left:0%;
				width:100%;
				font-size:140%;
				text-align:center;
			  }
		}
			
#skingoalsText2,#skingoalsText3,#skingoalsText4
{
	width:40%;
	/*max-width:580px;*/
	margin-left:0;
	width:100%;
}

		@media only screen and (max-width: 1024px) {
		  #skingoalsText2,#skingoalsText3,#skingoalsText4
			  {
				/*width:60%;*/
				/*text-align:center;*/
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  #skingoalsText2,#skingoalsText3,#skingoalsText4
			  {
				margin-left:0%;
				width:100%;
				font-size:120%;
			  }
		}
			

.skingoalsTextArea
{
	width:90%;
	max-width:1024px;
	margin:0 auto;
}

		@media only screen and (max-width: 1024px) {
		  .skingoalsTextArea
			  {
				width:85%;
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  .skingoalsTextArea
			  {
					margin-top:10vh;
			  }
		}
			

.skingoalsTextAreaSubdivideContainer
{
	display:flex;
}

			
.skingoalsTextContainer
{
	width:55%;
	margin:0 auto;
	/*float:left;*/
}	

		@media only screen and (max-width: 1024px) {
		  .skingoalsTextContainer
			  {
				width:46%;
			  }
		}

		@media only screen and (max-width: 512px) {
		  .skingoalsTextContainer
			  {
				width:100%;
			  }
		}
				
.skingoalsAreaImg
{
	width:calc(45% - 60px);
	height:460px;
	top:0;
	left:0;
	/*float:right;*/
	/*margin-top:-5vh;*/
	margin-left:60px;
	border-radius:20px;
	overflow:hidden;
}	

		@media only screen and (max-width: 1024px) {
		  .skingoalsAreaImg
			  {
				margin-left:30px;
				width:calc(54% - 30px);
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  .skingoalsAreaImg
			  {
				display:none;
			  }
		}		
		
		
		.aaStyle2 .aboutAreaImg
		{
			width:100%;
		}

		@media only screen and (max-width: 1024px) {
		  .aaStyle2 .aboutAreaImg
			  {
				    position: relative;
				    width: 100%;
				    
				    overflow: hidden;
				    margin: auto;
				    margin-top: 3vh;
				    
				    border-radius: 50%;
				    width: 166px;	
				    height: 166px;	
				    
				    
				    width:34vw;
				    height:34vw;		
				    
				    flex:0 0 34vw;
				    margin-left:7%;    
			  }
		}


		@media only screen and (max-width: 512px) {
		  .aaStyle2 .aboutAreaImg
			  {
				    position: relative;
				    width: 100%;
				    
				    overflow: hidden;
				    margin: auto;
				    margin-top: 3vh;
				    
				    border-radius: 50%;
				    width: 166px;		
				    height: 166px;

				    width: 55vw !important;		
				    height: 55vw !important;				      
			  }
		}		
		
				
.rights
{
	position: relative; top: -0.5em; font-size: 80%;display:inline-block;
}
/***************************************************************************************************/
/***************************************************************************************************/

.contentBlock
{
	font-family:"proxima-nova", "PT Sans", "Helvetica Neue", Helvetica, "open sans", Arial, sans-serif;	
	padding:30px 0 30px 40%;
	font-size:15px;
	line-height:20px;
}

.contentBlock h7
{
	font-size:30px;
	font-weight:700;	
}

.contentBlock img
{
	height:50px;
	float:left;
}

/***************************************************************************************************/
/***************************************************************************************************/

.gridBlock
{
	/*margin:12px;
	width:calc(100% - 24px);*/
	width:100%;
	display:grid;
	/*grid-template-columns: repeat(2, calc(50% - 6px));*/
	grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    padding:12px; 
}


		@media only screen and (max-width: 512px) {
		  .gridBlock
			  {
				width:100%;
				padding:12px 0;
			  }
		}




		@media only screen and (min-width: 1400px) {
				.modernist .gridBlock
				{
					width:92%;
				}
		}
		
		
		.modernist .gridBlock-fullScreen
		{
			width:100%;
		}

.fullPageStyle .gridBlock	
{
    padding:0; 
}

.halfBlocks .gridBlock
{
	padding:12px !important;
	z-index:10;
}
		


.gridBlock-item
{
	min-height:63vh;
	min-height:58vh;
	position:relative;
	display:flex;
}		

.gridBlock-item video
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;	
}	


.gridBlock-item-fullwidth
{
	grid-column: 1 / -1;
}

.gridBlock-item-fullwidth-padded
{
	grid-column: 1 / -1;
	padding:2.2vh 4%;
	padding:3vh 7%;
	padding:3vh 3vw;
	max-width:1700px;
	margin:0 auto;
}

		@media only screen and (max-width: 512px) {
		  .gridBlock-item-fullwidth-padded
			  {
				padding:2.2vh 0;
			  }
		}

.fullPageStyle .gridBlock-item-fullwidth-padded		
{
    max-width: none;
    width: 100%;
    /*min-height: 96vh;*/
    padding: 0;
}

		@media only screen and (max-width: 512px) {
		  .fullPageStyle .gridBlock-item-fullwidth-padded		
			  {
				min-height: unset;
			  }
		}


.fullPageStyle.halfBlocks .gridBlock-item-fullwidth-padded		
{
    min-height: unset;
}


.maintainRatio
{
    width: 156vh;
    width:176vh;
    max-width: 100%;
    margin:auto;	
}

/***************************************************************************************************/
/***************************************************************************************************/

.laser
{
	position: relative;
    z-index: 999999;
    color:#fff;
    font-family:'Playfair display';
    font-size:3.75vw;
    letter-spacing:-0.075vw;
    padding-top: 1vh;
    padding:3vh;
    margin:auto;
    text-align:center;
    text-shadow: 1px 1px 10px #684e42;
}

.laser span
{
	display:block;
	font-size:40%;
}

.laser .learnmoreNewBox a
{
	font-size:18px;
}

.promiseContainer
{
	position:relative;
	height:86vh;
	display:flex;
	margin-top:10vh;
	margin-bottom:10vh;
	
	height:96vh;
	max-height:940px;
}

		@media only screen and (max-width: 1024px) {
		  .promiseContainer
			  {
				height:50vh;
				width:98%;
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  .promiseContainer
			  {
				height:74vh;
			  }
		}
		
.promiseText
{
	width:330px;
	color:#000;
	font-family:Inter;
	font-size:60%;
	line-height:1.45;
	text-align:center;
	margin:auto;
	
	    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    	font-weight:400;
}

		@media only screen and (max-width: 1024px) {
		  .promiseText
			  {
				width:30%;
				font-size:66%
			  }
		}

		@media only screen and (max-width: 512px) {
		  .promiseText
			  {
				width:330px;
				font-size:75%;
			  }
		}


#promiseImage1, #promiseImage2, #promiseImage3, #promiseImage4, #promiseImage5, #promiseImage6
{
	border-radius:40px;
	overflow:hidden;
}	



		@media only screen and (max-width: 512px) {
		  #promiseImage1, #promiseImage2, #promiseImage3, #promiseImage4, #promiseImage5, #promiseImage6
			  {
				border-radius:0;
			  }
		}
		
				
#promiseImage1
{
	position:absolute;
	top:10%;
	left:0%;
	width:30%;
	height:50%;
}	


		
		@media only screen and (max-width: 512px) {
		  #promiseImage1
			  {
				  width:33.333%;
				  height:30%;
				  top:0;
				  border-radius:30px 0;
			  }
		}
		
#promiseImage2
{
	position:absolute;
	bottom:63%;
	right:11%;
	width:19%;
	height:24%;
}		

		@media only screen and (max-width: 512px) {
		  #promiseImage2
			  {
				  width:33.333%;
				  height:30%;
				    top:0;
				    bottom:unset;
				    right:0;
				    border-radius:30px 0px;
			  }
		}
			
#promiseImage3
{
	position:absolute;
	top:63%;
	left:11%;
	width:19%;
	height:24%;
}	


		@media only screen and (max-width: 512px) {
		  #promiseImage3
			  {
				  width:33.33%;
				  height:30%;
				  bottom:0;
				  top:unset;
				  left:0;
				  border-radius:0px 30px;
			  }
		}
		
#promiseImage4
{
	position:absolute;
	bottom:10%;
	right:0;
	width:30%;
	height:50%;
}

		@media only screen and (max-width: 512px) {
		  #promiseImage4
			  {
				  width:33.333%;
				  height:30%;
				    bottom: 0;
				    right: 0;
				    border-radius:0px 30px;
			  }
		}
		
#promiseImage5
{
	position:absolute;
	top:0%;
	left:32%;
	width:36%;
	height:23%;
}
		@media only screen and (max-width: 512px) {
		  #promiseImage5
			  {
				  width:33.333%;
				  height:30%;
				    top: 0;
				    left:33.333%;
				    border-radius:0px 30px;
			  }
		}
		

#promiseImage6
{
	position:absolute;
	bottom:0%;
	left:32%;
	width:36%;
	height:23%;
}

		@media only screen and (max-width: 512px) {
		  #promiseImage6
			  {
				  bottom:0;
				  width:33.333%;
				  height:30%;
				  left:33.333%;
				  border-radius:30px 0px;
			  }
		}
		
/***************************************************************************************************/
/***************************************************************************************************/




/***************************************************************************************************/
/***************************************************************************************************/

		
/***************************************************************************************************/
/***************************************************************************************************/


.theFooter
{
	margin:0;
	padding: 3vw 5vw;
    width: 100%;

    color: #000;
    font-size: 15px;
    line-height:125%;

    letter-spacing: 0;
    position:relative;
    
    font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    
    background:#e5e1d5;
    background: #f6f4ed;
        
    display: flex;
    flex-wrap: wrap;
    flex-flow:column;
    
    
    font-size: clamp(26px,2.1vw,50px);
    font-family: 'Playfair Display';
    font-weight: 400;
    letter-spacing: -1px;
    
   
    
}

		@media only screen and (max-width: 512px) {
		  .theFooter
			  {
				  margin:0;
				  padding-bottom:7%;
				  padding-top: 6vh;
			  }
		}


.theFooter a
{
	color:#000;
}

.footerRowContainer
{
    display: flex;
    flex-flow: row;
    align-items: flex-start;
	margin-top:4.5vh;
}

		@media only screen and (max-width: 512px) {
		  .footerRowContainer
			  {
				  flex-flow:column;
			  }
		}


.footerColContainer
{
	display:flex;
	flex-flow:column;
	
}
		
		@media only screen and (max-width: 512px) {
		  .footerColContainer
			  {
				  flex-flow:row;
				  align-items: center;
			  }
		}
		
.footerSecondRow
{
	
	  font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
      font-size: 14.5px;
      color: #0009;
    
	  margin-top:-12vh;
	  	
	  display: grid; 
	  grid-auto-columns: 1fr; 
	  grid-template-columns: 1.75fr 1fr; 
	  grid-template-rows: 1fr; 
	  gap: 0px 80px; 
	  grid-template-areas: 
	    ". ."; 
	    
	    pointer-events: none; 
}

		@media only screen and (max-width: 1024px) {
		  .footerSecondRow
			  {
			    margin-top: 3vh;
			    margin-bottom:3vh;
			    grid-template-columns: 1fr 1fr;
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  .footerSecondRow
			  {
				margin-top: 6vh;
				margin-bottom:unset;
				display:flex;
				font-size:45%;
			  }
		}
		
.footerInnerGrid
{
	  display: grid; 
	  grid-auto-columns: 1fr; 
	  grid-template-columns: 175px 200px 175px 175px;
	  grid-template-rows: 1fr; 
	  gap: 0px 46px; 
	  grid-template-areas: 
	    ". . . ."; 	
	  margin-top:auto;
}



		@media only screen and (max-width: 1024px) {
		  .footerInnerGrid
			  {
			    grid-template-columns: 1fr;
			    grid-template-rows: 1fr 1fr 1fr 1fr;
			    height: 280px;
			    grid-template-areas: unset;
			  }
		}


		@media only screen and (max-width: 512px) {
		  .footerInnerGrid
			  {
				grid-template-columns: 1fr 1fr;
			    grid-template-rows: 1fr 1fr;
			    gap: 2vh 7vw;
			    grid-template-areas: ". .";
			  }
		}
		    
.footerSection
{   
   	line-height: 1.05;
   	pointer-events: auto; 
}

		@media only screen and (max-width: 1024px) {
		  .footerSection
			  {
				  margin: 0 0 20px 0;
			  }
		}
		
		@media only screen and (max-width: 512px) {
		  .footerSection
			  {
				  line-height: 1.15;
				  font-size:115%;
				  line-height:1.21;
				  margin:unset;
			  }
		}
		
.footerBorderLine
{
	margin: 0 3.2vw 0 2.2vw;
    margin-top: -0.5vh;
    height: 8.5vw;
    width: 0;
    border-right: 1px solid #00000026;
    -moz-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
}

		@media only screen and (max-width: 512px) {
		  .footerBorderLine
			  {
				  border:0;
			  }
		}
		
.footerSectionHeader
{
	font-family: 'Playfair Display';
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}


		@media only screen and (max-width: 1024px) {
		  .footerSectionHeader
			  {
			    font-size: 13px;
			    margin-bottom: 6px;
			  }
		}
		
		
.tfText1
{
    font-size: 233%;
    letter-spacing: -.06rem;
    color: #fff;
    line-height: 1.05;
    font-weight: 500;
    max-width: 285px;
    margin-top: 16px;
    
    font-size:200%;
    line-height:1.1;
    
    
    color: #313131;
    font-family: 'Playfair Display';
    font-weight: 600;
    letter-spacing: -.05vw;
    font-size:30px;
    
}


		@media only screen and (max-width: 512px) {
		  .tfText1
			  {
				    /*font-size: 130%;*/
				   font-size:unset;
				    line-height: 1.25;
				        margin: auto auto auto 5vw;
				    line-height: 1;
			  }
		}
		



/*
.bookBtn
{
	margin-top:0.5vh
}

*/
		@media only screen and (max-width: 512px) {
		  .bookBtn
			  {
			  	margin-top:0.5vh;
				   text-align:right;
			  }
		}

.secondMenu .bookBtn
{
text-align: center;
    margin: auto;
    display: table;
}

.theFooter-row
{
    display: flex;
    width: 100%;
}


.theFooter-row-left
{
	flex-grow:1;
	max-width:270px;
	padding: 0 20px;
	border-right: 1px dashed #ffffff57;
}

.theFooter-row-right
{
		width:calc(100% - 220px);
		display:flex;
		    padding: 0 0 0 1.75vw;
		    flex-flow:wrap;
}


		.theFooter-row-right a
		{
				position:relative;
				text-align:center;
				z-index:2;

				font-size:14px;
				color:#111;
				font-weight:500;
				display:inline-block;
				margin-bottom:10px;
				
				color: #af5050;
		}

		.theFooter-row-right a:hover
		{
				text-decoration:underline;
		}
		
		

.theFooter-midrow
{
    border-top: 1px dotted #cacaca;
    margin-top: 4px;
    align-items:flex-start;
}

		@media only screen and (max-width: 512px) {
		 .theFooter-midrow
			  {
						flex-flow:column;
			  }
		}




.theFooter-midrow-left
{
	flex-grow:1;
	align-items:flex-start;
	flex-flow: wrap;
}

.theFooter-midrow-right
{
	flex-grow:0 !important;
	min-width:300px;
	width:300px;
	margin-left:3.5vw;
}	

		@media only screen and (max-width: 512px) {
		 .theFooter-midrow-right
			  {
					margin:0;
			  }
		}
		
.theFooter-lastrow
{
	align-items:flex-start;
}


.theFooterLogo
{
	background: #cacaca;
	background: #b04a4a;
    width: 80px;
    height: 80px;
    padding: 4px 14px;
    border-radius: 50%;
}				


		@media only screen and (max-width: 512px) {
		 .theFooterLogo
			  {
						    width: 18vw;
    padding: 3vw;
    height: 18vw;
			  }
		}

			

.footerextralink
{
	margin-bottom: 1vh;
	/*color: #c13e50 !important;*/
	font-size:90%;
	display:block;
	
	color: #44709a !important;
	border-bottom:1px dotted;
	display:inline-block;
	
}	

		@media only screen and (max-width: 512px) {
		 .footerextralink
			  {
			    color: #296db3 !important;
			    margin-top: 10px;
			    line-height: 1;
			    padding: 0;
			    font-size: 109%;
			    margin: 7px 0;
			  }
		}


.theFooter-lastrow .theFooter25Block
{
	flex-grow:1;
}

.theFooter-lastrow .theFooter25Block:last-of-type 
{

}



	

.theFooterHeader
{
	font-size:80%;
	line-height:140%;
	font-weight:500;
	color:#ffffff8c;
	margin-bottom:0.35rem;
	text-transform:uppercase;
	font-family:"Playfair display";
}		


		@media only screen and (max-width: 512px) {
		 .theFooterHeader
			  {
				  /*font-size:16px;*/
			  }
		}


	
.phoneNum
{

	font-size:200%;
	line-height:115%;
	font-weight:700;
	position:relative;
	/*padding-left:10%;*/
	margin: 0;
	display:inline-block;
	
    /*padding: 0 0 0 1rem;*/
   letter-spacing:-0.045em;
    
}

		@media only screen and (max-width: 512px) {
		 .phoneNum
			  {

						    color:#000;
						    font-size:140%;
						    margin: 2vh 0;
						        margin: 1vh 0 0vh;
			  }
		}
		
.theFooterAddr
{
	font-size:140%;
	line-height:1.3;
	font-weight:500;
}


.mapItBtn
{
	display:none;	
	
	color:#2c73bb;
    margin-top: 10px;
    font-size: 140%;
    line-height: 1.3;
    font-weight: 500;
    font-family:inter;
}


		@media only screen and (max-width: 512px) {
		 .mapItBtn
			  {

				display:block;
			  }
		}


.mapItBtn a
{
	color:unset;
}



.theFooter table
{
	margin: 0;
    border-collapse: unset;
    width:auto;
    font-family: unset;
}

			 
.theFooter th
{
	text-align:left;
	padding: 0;
    border: 0;
}

.theFooter td
{
	text-align:left;
	padding: 0;
    border: 0;
    padding-left: 10px;
}
.bookOnline
{
	background:yellow;
	border-radius:3px;
	color:#000;
	padding:15px;
}



.visit
{
	line-height:1.5;
	font-size:13px;	
	pointer-events: auto;
}

.locationMap
{
	position:relative;
	z-index:10;
	flex-grow:1;
	border-radius: 14px;
    overflow: hidden;
    
    margin-top: 0;
    height: 35vh;
    height:288px;
    height:30vh;
    width:100%;

}	


		@media only screen and (max-width: 1024px) {
		  .locationMap
			  {
			    height:16vh;
			  }
		}	
		
			
		@media only screen and (max-width: 512px) {
		  .locationMap, .locationAreas
			  {
			    display:none;
			  }
		}	



#placesFrom
{
	line-height:140%;
	font-size:12px;
	position:relative;
	z-index:10;
	align-self:flex-end;
    font-weight:400;
    letter-spacing:0;
    font-size:12.5px;
}		

		@media only screen and (max-width: 512px) {
		  #placesFrom
			  {
			    display:none;
			  }
		}	

#placesFrom a
{
	color:#44709a;
}			

#parkingInfo
{
	
}		

		@media only screen and (max-width: 512px) {
		  #parkingInfo
			  {
			    display:none;
			  }
		}
				
		
.finalFooter
{
    font-size: 80%;
    text-align: center;
    color: #000;
    width: 100%;
    text-align: left;
    border-top: 1px solid #00000017;
    padding-top: 15px;
    margin: 15px auto 0px;
    z-index: 10;
    position: relative;
        font-family:-apple-system,BlinkMacSystemFont,"Inter", "Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    letter-spacing: 0;
    font-weight: 300;
    font-size:12px;
    line-height:1.2;
}	

		@media only screen and (max-width: 512px) {
		  .finalFooter
			  {
			   		margin: 0;
    				line-height: 130%;
    				font-size:11px;
			  }
		}	

.finalFooter span
{
	float:right;
	width:45%;
	text-align:right;
}	

.finalFooter span:first-of-type
{
	float:left;
	width:50%;
	text-align:left;
}



/***************************************************************************************************/
/***************************************************************************************************/

.moveUpOnScroll
{

/*
		-webkit-transform: translateY(60px);
			 -moz-transform: translateY(60px);
				-ms-transform: translateY(60px);
				 -o-transform: translateY(60px);
						transform: translateY(60px);
						
		-webkit-transition: all 0.3s ease-out;
			 -moz-transition: all 0.3s ease-out;
				-ms-transition: all 0.3s ease-out;
				 -o-transition: all 0.3s ease-out;
						transition: all 0.3s ease-out;
				*/		    
}

.moveUpOnScroll2.visible
{

		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
}



.moveWithMomentum
{

    transition: transform 0.25s ease-out;
}
    		
/***************************************************************************************************/
/***************************************************************************************************/


.entry .entry-title
{
	font-family:Poppins;
	font-weight:200;
	font-size:2.4em;
}

.entry-content
{
	font-family:Poppins;	
	font-size:0.8rem;
}

		@media only screen and (max-width: 1280px) {
		  .entry-content, .entry .entry-content>*, .entry .entry-summary>*
			  {
				  max-width:100% !important;
			  }
			  

		}

.entry-content strong
{
	font-size:120%;
}

article
{
	width:calc(80% - 400px);
	float:left;
	margin-left:10%;
}

		@media only screen and (max-width: 1280px) {
		  article
			  {
				  width:100%;
				  margin:0;
			  }
		}
		
.rightbar
{
	float:left;
	width:400px;
	margin-right:10%;
	background:#fff;
	box-shadow:0 0 30px rgba(0,10,20,0.05);
	margin-top:100px;
	padding:40px;
	font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
}

		@media only screen and (max-width: 1280px) {
		  .rightbar
			  {
				  clear:both;
				  float:none;
				  width:70%;
				  margin:0 auto;
				  margin-bottom:2rem;
			  }
		}
		
		
.rightbarFixed
{
	position:fixed;
	right:0;
	top:7rem;
}


@media only screen and (min-width: 768px) {
.entry-title, .not-found .page-title, .error-404 .page-title, .has-larger-font-size, h2
{
	font-family:Poppins;
	font-size: 1.1em;
    color: #0073aa;
    margin-top:70px !Important;
   }
  }
  
.entry .entry-content > *,
.entry .entry-summary > * {
  margin: 15px 0 20px;
}


a[href^=tel]{
    color:inherit;
    text-decoration: inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}

/***** FLUID TYPE https://www.madebymike.com.au/writing/precise-control-responsive-typography/  **/		



.homebar .mainLogo
{
	/*margin:0 !important;*/
	margin-top:2px !important;
	
	/*margin:auto !important;*/
	margin-top: auto !Important;
	margin-bottom: auto !Important;
}

		@media only screen and (max-width: 1024px) {
		  .homebar .mainLogo
			  {
				  margin-left:1vw;
			  }
		}
		
		
.homebar {
  display: flex;
  justify-content: space-between;
  background: transparent;
  width: 100%;
  height: var(--header-bar-height);
  position:absolute;
  z-index:99999;
  color:#fff;
  
  position:fixed;
    
    /*width: 92%;
    border-bottom: 1px solid #ffffff26;
    margin-left: 4%;*/
   padding:0 4vw;
					    
}

.homebar, .mainLogo img {

		-webkit-transition: all 0.4s ease-in-out;
			 -moz-transition: all 0.4s ease-in-out;
				-ms-transition: all 0.4s ease-in-out;
				 -o-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;  
							
}


		@media only screen and (max-width: 1340px) {
		    .homebar 
			  {

				width:100%;
				padding:0 !important;
    
			  }
		}
		
.homebar::after
{
    content: '';
    height: 1px;
    background: #ffffff26;
    background: #ffffff0d;
    position: absolute;
    bottom: 0;
    left: 5.25vw;
    right:5.25vw;
    
    lleft:0;
    lright:0;
    
}

		@media only screen and (max-width: 1024px) {
		    .homebar::after
			  {

				display:none;
    
			  }
		}
		
.homebar a
{
	color:#fff;
}

.homebar.headerBarFixed a
{
	color:#000;
	overflow: hidden;

  /*display: inline-block;*/
  position: relative;
}

.homebar.headerBarFixed a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom:-10px;
  left: 0;
  background-color: #00000082;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.homebar.headerBarFixed a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}





.headerBarFixed
{
	top:0;
	z-index:99999 !important;
	position:fixed !important;
	background:#0e1b40;

	border:0;
	max-width:100%;

	/*width: 100% !important;*/
	margin: 0 !important;
	/*border-bottom:1px solid #e2e2e2;*/
	padding:0;
	display:flex;

		background:#fff;
		height:var(--header-bar-fixed-height) !important;
		
		box-shadow: 0px 4px 20px #00000008;
		color:#000 !important;
		
		box-shadow: 0px 4px 80px #0000001a;
			
		/*-webkit-transition: all 0.5s ease-in-out;
			 -moz-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				 -o-transition: all 0.5s ease-in-out;
						transition: all 0.5s ease-in-out;	
						
						
						transition: position 0.5s 3.5s;*/
						
						
						
    /*left: -4vw;*/
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100% !important;		
    
    
    height:75px !important;
    background: #ffffffd6;	
    background:rgb(251 253 255 / 86%);	
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(10px);
}

		@media only screen and (max-width: 512px) {
		  .headerBarFixed
			  {
			  	
			  	height:64px !important;
			  	
			  	backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
			  	background:#fff;
			  	
			  	min-height:0;
					padding:0;
					margin:0;

		-webkit-transition: all 0.5s ease-in-out;
			 -moz-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				 -o-transition: all 0.5s ease-in-out;
						transition: all 0.5s ease-in-out;		
		
				
/*
				-webkit-transition: none;
					 -moz-transition: none;
						-ms-transition: none;
						 -o-transition: none;
								transition: none;*/
								
			  }
		}
		


		@media only screen and (max-width: 512px) {
		    .headerBarFixed 
			  {

				/*background:#ffffff96;
				color:#fff;
				border-bottom:1px solid rgba(0,0,0,0.15)
				*/
    
			  }
		}


.headerContainer
{
	display:flex;
}

		@media only screen and (max-width: 1024px) {
		    .headerContainer 
			  {

				margin:auto;
    
			  }
		}

.menu-div {
  font-size: 36px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display:none;
}
.menu-div:hover {
  color: rgb(255, 137,137);
    transition: all 0.2s ease-in-out;
}

.menu, .secondMenu {
  width: 100%;
  height: 100vh;
    background: #ffcd5c87;
    background: #fff8e185;
    backdrop-filter: blur(350px);
    -webkit-backdrop-filter: blur(350px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 50px;
  position: fixed;
  top: 0;
  align-items: flex-start;
  opacity: 0;
  /*top: -100vh;*/
 	left:-100vw;
  z-index:999;
  
  
  background: #ffffff85;
    
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    width:90%;
    box-shadow: 3px 3px 80px #00000063;
    border-right: 1px solid #ffffff4a;
    
}

.secondMenu{ left:unset; right:-100vw; padding:0;}

.exit {
  font-size: 36px;
  cursor: pointer;
  position: absolute;
  right: 22px;
  top: 22px;
  
  
  	background: #00000026;
    height: auto;
    border-radius: 999px;
    display: flex;
    padding:5px;
    top:12px;
    right:12px;
}
.background {
    position: absolute;
    font-size: 30vw;
    font-weight: 500;
    color: rgb(0 0 0 / 4%);
    user-select: none;
    font-family: Playfair Display;
    font-style: italic;
    /* font-family: Butler; */
    letter-spacing: -3.5vw;
    margin-left: -6vw;
    bottom: 0;
    line-height:1;
    z-index:1;
}
  
}
.menu-container {
  z-index: 3;
  
}

.menu-container li {  list-style-type: none }
.nav {
  opacity: 0;
  
      padding: 0 10vw;
    background: #fff;
    border-bottom: 1px solid #00000017;
    
}
.nav-link {
  color: #000 !important;
  text-decoration: none;
  font-size: 14vw;
  font-size:7vw;
  transition: all 0.2s ease-in-out;
      font-family: Figtree;
    font-weight: 700;
}

.nav-link:hover {
    color: rgb(255, 137,137);
    transition: all 0.2s ease-in-out;
}
.small-number {
  font-size: 5vw;
  opacity:0.25;
  
      display: inline-block;
    transition: transform .6s cubic-bezier(.77,0,.175,1);
    width: 5vw;
    transform: rotate(-90deg);
    vertical-align: text-top;
    
}
.title {
  font-size: 2rem;
      color: rgb(255, 137,137);

}
.information {
  margin-bottom: 25px;
  text-align:right;
}

.secondMenu .information {
	text-align:center;
	    display: flex;
    padding: 1vh 3vw;
    background: #fff;
    justify-content: space-between;
    margin-bottom:4px;
}

.information a {
	color:#2838b1d1;
	color:#08355c;
	font-weight:500;
}
.description {
  font-size: 26px;
  font-family:Figtree;
  margin-top: 2vh;
}

.secondMenu .description {
  font-size: 20px;
  font-family:var(--base-font);
  margin: 0 3vw;
}

.right {
    padding-right: 0;
    margin-bottom: auto;
    line-height: 1.4;
}

.options
{
	padding:0;
	margin:0;
}
@media screen and (max-width:1024px) {
   .menu-div{     
   		display: flex;
    	margin: auto;
    	height: auto; 
    	margin-right: calc(2.5vh + 1vw);
    	margin-left: 0;
    	padding: 0 2.5vh;
    	margin-right: clamp(0px,1vw,10px);
    	
    	
    	    height: 100%;
	    align-items: center;
	    
	    padding:0 7vw;
    	}	
   .headerOptionsBar{ display:none}
   /*.headerBarFixed .mainLogo {margin-left:1vw;}*/
  .menu {
    flex-direction: column;
    justify-content: center;
    /*padding: 0 20px;*/
   padding:0;
    
    
  }
  .right {
    /*display: none;*/
        margin-top: 2vh !important;
        padding: 0 6vw; 
  }
  .secondMenu .right {
	padding:0;
	margin-top: 12vh !important;
}

  .menu-container{     margin-top: 11vh; z-index:3; width:100%; }
}


@media screen and (max-width:512px) {

   .headerBarFixed .mainLogo {
   	/*margin:0;*/
   	
   	}

}


.hamburger, .hamburger-close
{
width:40px;
height:40px;

width:30px;
height:30px;
}
.hamburger path, .hamburger-close path
{
  stroke: #fff;
  stroke-linecap: round;
  fill: none;
}


.headerBarFixed .hamburger path, .hamburger-close path
{
  stroke: #000;
  
}