@import url(fontawesome-all.min.css);


html, body, div, span, applet, object,
iframe, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html {
scroll-behavior: smooth;
}
html, body, .feature h3, .wrapper.style2 .opensoon, .win, 
.win2, win3,  .some, .wrapper.style2 p, #thespa p, a.skin, 
.button3, .wrapper.style4 h3, .wrapper.style4 p, a#scroll, 
#heading, .button, ul li, .feature h3, .wrapper.style1 h2, 
.wrapper.style1 p, button2  {
font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
font-weight: 100;
}
.wrapper.style2 h1, .wrapper.style2 h2,  #thespa h2, .wrapper.style4 h2, #heading,
#footer .copyright  {
font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
font-weight: normal;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, section {
display: block;
}
body {
line-height: 1;
}
time {
position: relative;
text-align: center;
display: block;
line-height: 1.5em;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
}
ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

body {
-webkit-text-size-adjust: none;
}

mark {
background-color: transparent;
color: inherit;
}

input::-moz-focus-inner {
border: 0;
padding: 0;
}

input, select, textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
}

/* Basic */

.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
html {
box-sizing: border-box;
}

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

body {
background: #fff;
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {

}
strong, b {
color: #545454;
font-weight: 700;
}

em, i {
font-style: italic;
}

hr {
border: 0;
border-bottom: solid 1px rgba(144, 144, 144, 0.25);
margin: 2em 0;
}

hr.major {
margin: 3em 0;
}

blockquote {
border-left: solid 4px rgba(144, 144, 144, 0.25);
font-style: italic;
margin: 0 0 2em 0;
padding: 0.5em 0 0.5em 2em;
}

pre code {
display: block;
line-height: 1.75em;
padding: 1em 1.5em;
overflow-x: auto;
}

.align-left {
text-align: left;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp{order:-1}.row>.col-1{width:8.33333%}.row>.off-1{margin-left:8.33333%}.row>.col-2{width:16.66667%}.row>.off-2{margin-left:16.66667%}.row>.col-3{width:25%}.row>.off-3{margin-left:25%}.row>.col-4{width:33.33333%}.row>.off-4{margin-left:33.33333%}.row>.col-5{width:41.66667%}.row>.off-5{margin-left:41.66667%}.row>.col-6{width:50%}.row>.off-6{margin-left:50%}.row>.col-7{width:58.33333%}.row>.off-7{margin-left:58.33333%}.row>.col-8{width:66.66667%}.row>.off-8{margin-left:66.66667%}.row>.col-9{width:75%}.row>.off-9{margin-left:75%}.row>.col-10{width:83.33333%}.row>.off-10{margin-left:83.33333%}.row>.col-11{width:91.66667%}.row>.off-11{margin-left:91.66667%}.row>.col-12{width:100%}.row>.off-12{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.5em}.row.gtr-25>*{padding:0 0 0 .5em}.row.gtr-25.gtr-uniform{margin-top:-.5em}.row.gtr-25.gtr-uniform>*{padding-top:.5em}.row.gtr-50{margin-top:0;margin-left:-1em}.row.gtr-50>*{padding:0 0 0 1em}.row.gtr-50.gtr-uniform{margin-top:-1em}.row.gtr-50.gtr-uniform>*{padding-top:1em}.row{margin-top:0;margin-left:-3em}.row>*{padding:0 0 0 3em}.row.gtr-uniform{margin-top:-2em}.row.gtr-uniform>*{padding-top:2em}.row.gtr-150{margin-top:0;margin-left:-3em}.row.gtr-150>*{padding:0 0 0 3em}.row.gtr-150.gtr-uniform{margin-top:-3em}.row.gtr-150.gtr-uniform>*{padding-top:3em}.row.gtr-200{margin-top:0;margin-left:-4em}.row.gtr-200>*{padding:0 0 0 4em}.row.gtr-200.gtr-uniform{margin-top:-4em}.row.gtr-200.gtr-uniform>*{padding-top:4em}@media screen and (max-width:1680px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xlarge{order:-1}.row>.col-1-xlarge{width:8.33333%}.row>.off-1-xlarge{margin-left:8.33333%}.row>.col-2-xlarge{width:16.66667%}.row>.off-2-xlarge{margin-left:16.66667%}.row>.col-3-xlarge{width:25%}.row>.off-3-xlarge{margin-left:25%}.row>.col-4-xlarge{width:33.33333%}.row>.off-4-xlarge{margin-left:33.33333%}.row>.col-5-xlarge{width:41.66667%}.row>.off-5-xlarge{margin-left:41.66667%}.row>.col-6-xlarge{width:50%}.row>.off-6-xlarge{margin-left:50%}.row>.col-7-xlarge{width:58.33333%}.row>.off-7-xlarge{margin-left:58.33333%}.row>.col-8-xlarge{width:66.66667%}.row>.off-8-xlarge{margin-left:66.66667%}.row>.col-9-xlarge{width:75%}.row>.off-9-xlarge{margin-left:75%}.row>.col-10-xlarge{width:83.33333%}.row>.off-10-xlarge{margin-left:83.33333%}.row>.col-11-xlarge{width:91.66667%}.row>.off-11-xlarge{margin-left:91.66667%}.row>.col-12-xlarge{width:100%}.row>.off-12-xlarge{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.5em}.row.gtr-25>*{padding:0 0 0 .5em}.row.gtr-25.gtr-uniform{margin-top:-.5em}.row.gtr-25.gtr-uniform>*{padding-top:.5em}.row.gtr-50{margin-top:0;margin-left:-1em}.row.gtr-50>*{padding:0 0 0 1em}.row.gtr-50.gtr-uniform{margin-top:-1em}.row.gtr-50.gtr-uniform>*{padding-top:1em}.row{margin-top:0;margin-left:-3em}.row>*{padding:0 0 0 3em}.row.gtr-uniform{margin-top:-2em}.row.gtr-uniform>*{padding-top:2em}.row.gtr-150{margin-top:0;margin-left:-3em}.row.gtr-150>*{padding:0 0 0 3em}.row.gtr-150.gtr-uniform{margin-top:-3em}.row.gtr-150.gtr-uniform>*{padding-top:3em}.row.gtr-200{margin-top:0;margin-left:-4em}.row.gtr-200>*{padding:0 0 0 4em}.row.gtr-200.gtr-uniform{margin-top:-4em}.row.gtr-200.gtr-uniform>*{padding-top:4em}}@media screen and (max-width:1280px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-large{order:-1}.row>.col-1-large{width:8.33333%}.row>.off-1-large{margin-left:8.33333%}.row>.col-2-large{width:16.66667%}.row>.off-2-large{margin-left:16.66667%}.row>.col-3-large{width:25%}.row>.off-3-large{margin-left:25%}.row>.col-4-large{width:33.33333%}.row>.off-4-large{margin-left:33.33333%}.row>.col-5-large{width:41.66667%}.row>.off-5-large{margin-left:41.66667%}.row>.col-6-large{width:50%}.row>.off-6-large{margin-left:50%}.row>.col-7-large{width:58.33333%}.row>.off-7-large{margin-left:58.33333%}.row>.col-8-large{width:66.66667%}.row>.off-8-large{margin-left:66.66667%}.row>.col-9-large{width:75%}.row>.off-9-large{margin-left:75%}.row>.col-10-large{width:83.33333%}.row>.off-10-large{margin-left:83.33333%}.row>.col-11-large{width:91.66667%}.row>.off-11-large{margin-left:91.66667%}.row>.col-12-large{width:100%}.row>.off-12-large{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.375em}.row.gtr-25>*{padding:0 0 0 .375em}.row.gtr-25.gtr-uniform{margin-top:-.375em}.row.gtr-25.gtr-uniform>*{padding-top:.375em}.row.gtr-50{margin-top:0;margin-left:-.75em}.row.gtr-50>*{padding:0 0 0 .75em}.row.gtr-50.gtr-uniform{margin-top:-.75em}.row.gtr-50.gtr-uniform>*{padding-top:.75em}.row{margin-top:0;margin-left:-1.5em}.row>*{padding:0 0 0 1.5em}.row.gtr-uniform{margin-top:-1.5em}.row.gtr-uniform>*{padding-top:1.5em}.row.gtr-150{margin-top:0;margin-left:-2.25em}.row.gtr-150>*{padding:0 0 0 2.25em}.row.gtr-150.gtr-uniform{margin-top:-2.25em}.row.gtr-150.gtr-uniform>*{padding-top:2.25em}.row.gtr-200{margin-top:0;margin-left:-3em}.row.gtr-200>*{padding:0 0 0 3em}.row.gtr-200.gtr-uniform{margin-top:-3em}.row.gtr-200.gtr-uniform>*{padding-top:3em}}@media screen and (max-width:980px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-medium{order:-1}.row>.col-1-medium{width:8.33333%}.row>.off-1-medium{margin-left:8.33333%}.row>.col-2-medium{width:16.66667%}.row>.off-2-medium{margin-left:16.66667%}.row>.col-3-medium{width:25%}.row>.off-3-medium{margin-left:25%}.row>.col-4-medium{width:33.33333%}.row>.off-4-medium{margin-left:33.33333%}.row>.col-5-medium{width:41.66667%}.row>.off-5-medium{margin-left:41.66667%}.row>.col-6-medium{width:50%}.row>.off-6-medium{margin-left:50%}.row>.col-7-medium{width:58.33333%}.row>.off-7-medium{margin-left:58.33333%}.row>.col-8-medium{width:66.66667%}.row>.off-8-medium{margin-left:66.66667%}.row>.col-9-medium{width:75%}.row>.off-9-medium{margin-left:75%}.row>.col-10-medium{width:83.33333%}.row>.off-10-medium{margin-left:83.33333%}.row>.col-11-medium{width:91.66667%}.row>.off-11-medium{margin-left:91.66667%}.row>.col-12-medium{width:100%}.row>.off-12-medium{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.375em}.row.gtr-25>*{padding:0 0 0 .375em}.row.gtr-25.gtr-uniform{margin-top:-.375em}.row.gtr-25.gtr-uniform>*{padding-top:.375em}.row.gtr-50{margin-top:0;margin-left:-.75em}.row.gtr-50>*{padding:0 0 0 .75em}.row.gtr-50.gtr-uniform{margin-top:-.75em}.row.gtr-50.gtr-uniform>*{padding-top:.75em}.row{margin-top:0;margin-left:-1.5em}.row>*{padding:0 0 0 1.5em}.row.gtr-uniform{margin-top:-1.5em}.row.gtr-uniform>*{padding-top:1.5em}.row.gtr-150{margin-top:0;margin-left:-2.25em}.row.gtr-150>*{padding:0 0 0 2.25em}.row.gtr-150.gtr-uniform{margin-top:-2.25em}.row.gtr-150.gtr-uniform>*{padding-top:2.25em}.row.gtr-200{margin-top:0;margin-left:-3em}.row.gtr-200>*{padding:0 0 0 3em}.row.gtr-200.gtr-uniform{margin-top:-3em}.row.gtr-200.gtr-uniform>*{padding-top:3em}}@media screen and (max-width:736px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-small{order:-1}.row>.col-1-small{width:8.33333%}.row>.off-1-small{margin-left:8.33333%}.row>.col-2-small{width:16.66667%}.row>.off-2-small{margin-left:16.66667%}.row>.col-3-small{width:25%}.row>.off-3-small{margin-left:25%}.row>.col-4-small{width:33.33333%}.row>.off-4-small{margin-left:33.33333%}.row>.col-5-small{width:41.66667%}.row>.off-5-small{margin-left:41.66667%}.row>.col-6-small{width:50%}.row>.off-6-small{margin-left:50%}.row>.col-7-small{width:58.33333%}.row>.off-7-small{margin-left:58.33333%}.row>.col-8-small{width:66.66667%}.row>.off-8-small{margin-left:66.66667%}.row>.col-9-small{width:75%}.row>.off-9-small{margin-left:75%}.row>.col-10-small{width:83.33333%}.row>.off-10-small{margin-left:83.33333%}.row>.col-11-small{width:91.66667%}.row>.off-11-small{margin-left:91.66667%}.row>.col-12-small{width:100%}.row>.off-12-small{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.3125em}.row.gtr-25>*{padding:0 0 0 .3125em}.row.gtr-25.gtr-uniform{margin-top:-.3125em}.row.gtr-25.gtr-uniform>*{padding-top:.3125em}.row.gtr-50{margin-top:0;margin-left:-.625em}.row.gtr-50>*{padding:0 0 0 .625em}.row.gtr-50.gtr-uniform{margin-top:-.625em}.row.gtr-50.gtr-uniform>*{padding-top:.625em}.row{margin-top:0;margin-left:-1.25em}.row>*{padding:0 0 0 1.25em}.row.gtr-uniform{margin-top:-1.25em}.row.gtr-uniform>*{padding-top:1.25em}.row.gtr-150{margin-top:0;margin-left:-1.875em}.row.gtr-150>*{padding:0 0 0 1.875em}.row.gtr-150.gtr-uniform{margin-top:-1.875em}.row.gtr-150.gtr-uniform>*{padding-top:1.875em}.row.gtr-200{margin-top:0;margin-left:-2.5em}.row.gtr-200>*{padding:0 0 0 2.5em}.row.gtr-200.gtr-uniform{margin-top:-2.5em}.row.gtr-200.gtr-uniform>*{padding-top:2.5em}}@media screen and (max-width:480px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xsmall{order:-1}.row>.col-1-xsmall{width:8.33333%}.row>.off-1-xsmall{margin-left:8.33333%}.row>.col-2-xsmall{width:16.66667%}.row>.off-2-xsmall{margin-left:16.66667%}.row>.col-3-xsmall{width:25%}.row>.off-3-xsmall{margin-left:25%}.row>.col-4-xsmall{width:33.33333%}.row>.off-4-xsmall{margin-left:33.33333%}.row>.col-5-xsmall{width:41.66667%}.row>.off-5-xsmall{margin-left:41.66667%}.row>.col-6-xsmall{width:50%}.row>.off-6-xsmall{margin-left:50%}.row>.col-7-xsmall{width:58.33333%}.row>.off-7-xsmall{margin-left:58.33333%}.row>.col-8-xsmall{width:66.66667%}.row>.off-8-xsmall{margin-left:66.66667%}.row>.col-9-xsmall{width:75%}.row>.off-9-xsmall{margin-left:75%}.row>.col-10-xsmall{width:83.33333%}.row>.off-10-xsmall{margin-left:83.33333%}.row>.col-11-xsmall{width:91.66667%}.row>.off-11-xsmall{margin-left:91.66667%}.row>.col-12-xsmall{width:100%}.row>.off-12-xsmall{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.3125em}.row.gtr-25>*{padding:0 0 0 .3125em}.row.gtr-25.gtr-uniform{margin-top:-.3125em}.row.gtr-25.gtr-uniform>*{padding-top:.3125em}.row.gtr-50{margin-top:0;margin-left:-.625em}.row.gtr-50>*{padding:0 0 0 .625em}.row.gtr-50.gtr-uniform{margin-top:-.625em}.row.gtr-50.gtr-uniform>*{padding-top:.625em}.row{margin-top:0;margin-left:-1.25em}.row>*{padding:0 0 0 1.25em}.row.gtr-uniform{margin-top:-1.25em}.row.gtr-uniform>*{padding-top:1.25em}.row.gtr-150{margin-top:0;margin-left:-1.875em}.row.gtr-150>*{padding:0 0 0 1.875em}.row.gtr-150.gtr-uniform{margin-top:-1.875em}.row.gtr-150.gtr-uniform>*{padding-top:1.875em}.row.gtr-200{margin-top:0;margin-left:-2.5em}.row.gtr-200>*{padding:0 0 0 2.5em}.row.gtr-200.gtr-uniform{margin-top:-2.5em}.row.gtr-200.gtr-uniform>*{padding-top:2.5em}}

/* Container */

.container {
margin: 0 auto;
width: 1400px;
}
@media screen and (max-width: 1680px) {
.container {
width: 1200px;
}
}
@media screen and (max-width: 1280px) {
.container {
width: 960px;
}
}
@media screen and (max-width: 980px) {

.container {
width: 90%;
}
}
@media screen and (max-width: 736px) {
.container {
width: 93%;
}
}
/* Section/Article */

section.special, article.special {
text-align: center;
}

header p {
color: #949494;
position: relative;
margin: 0 0 1.5em 0;
}

header h2 + p {
font-size: 1.25em;
margin-top: -1em;
line-height: 1.75em;
}

header h3 + p {
font-size: 1.1em;
margin-top: -0.85em;
line-height: 1.5em;
}

header h4 + p,
header h5 + p,
header h6 + p {
font-size: 0.9em;
margin-top: -0.75em;
line-height: 1.5em;
}
header.major {
text-align: center;
}
header.major h2 {
font-size: 1.75em;
color: rgba(62,84,60, 1);
text-align: center;
/*box-shadow: inset 0px 0px 20px 10px rgba(0,0,0, .075);
border-bottom:3px solid rgba(62,84,60, .25);
border-top-right-radius:1em;
border-top-left-radius:1em;*/
padding: 0.5em 0 0.5em 0;
margin-bottom:1em;
margin-top: 1em;
}
header.major p {
margin: -1em 0 3.5em 0;
}
/* Form */

form {
margin: 0 0 2em 0;
}

label {
color: #545454;
display: block;
font-size: 0.9em;
font-weight: 700;
margin: 0 0 1em 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background: rgba(144, 144, 144, 0.075);
border-radius: 0.5em;
border: none;
border: solid 1px rgba(144, 144, 144, 0.25);
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
width: 100%;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
border-color: #62bd83;
box-shadow: 0 0 0 1px #62bd83;
}

select {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(144, 144, 144, 0.25)' /%3E%3C/svg%3E");
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: calc(100% - 1rem) center;
height: 2.75em;
padding-right: 2.75em;
text-overflow: ellipsis;
}
select:focus::-ms-value {
background-color: transparent;
}
select::-ms-expand {
display: none;
}
select option {
color: #545454;
background: #fff;
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 2.75em;
}
textarea {
padding: 0.75em 1em;
}
input[type="checkbox"],
input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
display: block;
float: left;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
text-decoration: none;
color: #646464;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 300;
padding-left: 2.4em;
padding-right: 0.75em;
position: relative;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: rgba(144, 144, 144, 0.075);
border-radius: 0.5em;
border: solid 1px rgba(144, 144, 144, 0.25);
content: '';
display: inline-block;
font-size: 0.8em;
height: 1.65em;
left: 0;
line-height: 1.58125em;
position: absolute;
text-align: center;
top: 0;
width: 1.65em;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: #494d53;
border-color: #494d53;
color: #ffffff;
content: '\f00c';
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
border-color: #62bd83;
box-shadow: 0 0 0 1px #62bd83;
}
input[type="checkbox"] + label:before {
border-radius: 0.5em;
}
input[type="radio"] + label:before {
border-radius: 100%;
}
::-webkit-input-placeholder {
color: #949494 !important;
opacity: 1.0;
}
:-moz-placeholder {
color: #949494 !important;
opacity: 1.0;
}
::-moz-placeholder {
color: #949494 !important;
opacity: 1.0;
}
:-ms-input-placeholder {
color: #949494 !important;
opacity: 1.0;
}

/* Box */

.box {
border-radius: 0.5em;
border: solid 1px rgba(144, 144, 144, 0.25);
margin-bottom: 2em;
padding: 2em;
}
.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
margin-bottom: 0;
}
.box.alt {
border: 0;
border-radius: 0;
padding: 0;
}
.box.post {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.box.post .image:first-child {
position:relative;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: -2em 0 2em -2em;
width: calc(100% + 4em);
z-index:1;
}
.box.post .image:first-child img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/*.box.post:hover {
-webkit-filter:  saturate(110%) brightness(115%); 
}
.text:hover {
cursor:pointer;
opacity:0;
}
.text {
transition: all .5s ease-in-out;
position: absolute;
font-family: 'Lato', sans-serif;
font-size: 1em;
color:rgba(255,255,255, .35);
background-color: rgba(0,0,0, 1);
border-radius:.5em;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:10px solid;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-image-source: linear-gradient(90deg, rgba(206, 189, 167, .55), rgba(247, 241, 226, 1), rgba(206, 189, 167, .55));
    border-image-slice: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity:  .80;
padding: 22.5% 0em 22.5% 0em;
height:100%;
width:100%;
z-index:2;
}*/
/* Icon */

.icon {
text-decoration: none;
border-bottom: none;
position: relative;
}
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.icon.solid:before {
font-weight: 900;
}
.icon.brands:before {
font-family: 'Font Awesome 5 Brands';
}
.icon > .label {
display: none;
}

/* Image */

.image {
border-radius: 0.5em;
border: 0;
display: inline-block;
position: relative;
}
.image img {
position: relative;
border-radius: 0.5em;
display: block;
}
.image.left {
float: left;
padding: 0 1.5em 1em 0;
top: 0.25em;
}
.image.right {
float: right;
padding: 0 0 1em 1.5em;
top: 0.25em;
}
.image.left, .image.right {
max-width: 40%;
}
.image.left img, .image.right img {
width: 100%;
}
.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}
.image.fit img {
display: block;
width: 100%;
}

/* List */

ol {
list-style: decimal;
margin: 0 0 2em 0;
padding-left: 1.25em;
}
ol li {
padding-left: 0.25em;
}
ul {
list-style: disc;
margin: 0 0 2em 0;
}
ul li {
font-size:1em;
line-height:1.75em;
padding-left: 0.5em;
}
ul.alt {
list-style: none;
padding-left: 0;
}
ul.alt li {
border-top: solid 1px rgba(144, 144, 144, 0.25);
padding: 0.5em 0;
}
ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}
dl {
margin: 0 0 2em 0;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
/* Actions */

ul.actions {
display: block;
cursor: default;
list-style: none;
}
ul.actions li {
display:inline-block;
padding: 0;
margin:0;
vertical-align: middle;
}
ul.actions.special {
justify-content: center;
padding: 0em 0em 0em 0em;
margin: 0;
width: 100%;
}
#banner ul.actions.special {
text-align:center;
background:url('learnbacking2.png');
background-repeat:no-repeat;
background-size:cover;
padding: 4em 0em 4em 0em;
margin: 0em 0 0 0;
width: 100%;
}
#banner2 ul.actions.special {
text-align:center;
background:url('learnbacking2.png');
background-repeat:no-repeat;
background-size:cover;
padding: 3em 0em 3em 0em;
margin: 0em 0 0 0;
width: 100%;
}
ul.actions.special li:first-child {
padding-left: 0;
}
ul.actions.stacked {
flex-direction: column;
margin-left: 0;
}
ul.actions.stacked li {
padding: 1.3em 0 0 0;
}
ul.actions.stacked li:first-child {
padding-top: 0;
}
ul.actions.fit {
width: calc(100% + 1em);
}
ul.actions.fit li {
-moz-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
width: 100%;
}
ul.actions.fit li > * {
width: 100%;
}
ul.actions.fit.stacked {
width: 100%;
}
@media screen and (max-width: 550px) {
ul li {
font-size:.75em;
}
}
@media screen and (max-width: 480px) {



ul.actions:not(.fixed) li input[type="submit"].icon:before,
ul.actions:not(.fixed) li input[type="reset"].icon:before,
ul.actions:not(.fixed) li input[type="button"].icon:before,
ul.actions:not(.fixed) li button.icon:before,
ul.actions:not(.fixed) li .button.icon:before {
margin-left: -0.5em;
}

}

/* Icons */

ul.icons {
cursor: default;
list-style: none;
padding-left: 0;
}

ul.icons li {
display: inline-block;
padding: 0 1.25em 0 0;
}

ul.icons li:last-child {
padding-right: 0 !important;
}

ul.icons li .icon {
border-radius: 0.5em;
border: solid 1px rgba(144, 144, 144, 0.25);
color: #000000 !important;
display: inline-block;
font-size: 1.75em;
height: 2.75em;
line-height: 2.75em;
text-align: center;
width: 2.75em;
}

ul.icons li a.icon {
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

ul.icons li a.icon:hover {
background-color: rgba(144, 144, 144, 0.075);
}

ul.icons li a.icon:active {
background-color: rgba(144, 144, 144, 0.2);
}
ul.icons li a.icon:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
/* Menu */

ul.menu {
line-height: 1em;
list-style: none;
padding: 0;
}

ul.menu li {
border-left: solid 1px rgba(144, 144, 144, 0.25);
display: inline-block;
margin-left: 1em;
padding-left: 1em;
}

ul.menu li:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0;
}

/* Table */

.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}

table {
margin: 0 0 2em 0;
width: 100%;
}

table tbody tr {
border: solid 1px rgba(144, 144, 144, 0.25);
border-left: 0;
border-right: 0;
}

table tbody tr:nth-child(2n + 1) {
background-color: rgba(144, 144, 144, 0.075);
}

table td {
padding: 0.75em 0.75em;
}

table th {
color: #545454;
font-size: 0.9em;
font-weight: 700;
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}

table thead {
border-bottom: solid 2px rgba(144, 144, 144, 0.25);
}

table tfoot {
border-top: solid 2px rgba(144, 144, 144, 0.25);
}

table.alt {
border-collapse: separate;
}

table.alt tbody tr td {
border: solid 1px rgba(144, 144, 144, 0.25);
border-left-width: 0;
border-top-width: 0;
}

table.alt tbody tr td:first-child {
border-left-width: 1px;
}

table.alt tbody tr:first-child td {
border-top-width: 1px;
}

table.alt thead {
border-bottom: 0;
}

table.alt tfoot {
border-top: 0;
}

/* Button */


input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
.button.icon:before {
margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
.button.fit {
width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
font-size: 0.8em;
}


input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
.button.primary {
background-color: #62bd83;
color: #ffffff;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
.button.primary:hover {
background-color: #74C591;
}

input[type="submit"].primary:active,
input[type="reset"].primary:active,
input[type="button"].primary:active,
.button.primary:active {
background-color: #50B575;
}

input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
.button.disabled,
.button:disabled {
background-color: #646464;
box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
color: #fff;
cursor: default;
opacity: 0.25;
}

/* Feature */

.feature {
text-decoration: none;
padding-left: 7em;
position: relative;
text-align: left;
}
.feature:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.feature.solid:before {
font-weight: 900;
}
.feature.brands:before {
font-family: 'Font Awesome 5 Brands';
}
.feature.myimage:before {
content: url('../../images/eyeglasses.png');
}
.feature.myimage2:before {
content: url('../../images/phoropter.png');
}
.feature.myimage3:before {
content: url('../../images/tonometer.png');
}
.feature.myimage4:before {
content: url('../../images/chair-massage.png');
}
.feature.myimage5:before {
content: url('../../images/eye-nutrition.png');
}
.feature.myimage:before, .feature.myimage2:before, .feature.myimage3:before,
.feature.myimage4:before, .feature.myimage5:before {
color: rgba(62,84,60, .5);
border-radius: 0.5em;
/*background-image: url('fa-button.png');
background-image: none;
background-repeat: no-repeat;*/
background-size:cover;
box-shadow:0px 0px 1px 3px rgba(0,0,0, 0);
display: inline-block;
font-size: 2em;
height: 3em;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 3em;
}
.feature:before {
color: rgba(62,84,60, 1);
border-radius: 0.5em;
/*background-image: url('fa-button.png');
background-repeat:no-repeat;
background-size:cover;*/
box-shadow:0px 0px 1px 3px rgba(0,0,0, 0);
display: inline-block;
font-size: 2em;
height: 2em;
left: 0;
line-height: 2em;
position: absolute;
text-align: center;
top: 0;
width: 2em;
}
.feature h3 {
font-size: 1.5em;
color:rgba(62,84,60, 1);
font-weight:600;
margin: 0 0 0.7em 0;
}

/* Slider */

.slider {
position: relative;
margin-top:10em;
}
.slider .viewer {
position: relative;
border-radius: 0.5em;
border: solid .25em #000000;
border-bottom:0em;
height: 20em;
margin: 0 auto;
overflow: hidden;
width: 78%;
}
.slider .nav-next,
.slider .nav-previous {
text-decoration: none;
background: rgba(0,0,0, .8);
border-radius: 100%;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 2.5em;
height: 1.25em;
line-height: 1.25em;
margin-top: -0.5em;
position: absolute;
text-align: center;
top: 50%;
width: 1.25em;
}
.slider .nav-next:before,
.slider .nav-previous:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.slider .nav-next:before,
.slider .nav-previous:before {
position: relative;
}
.slider .nav-next {
right: 0;
}
.slider .nav-next:before {
content: '\f105';
right: -0.05em;
}
.slider .nav-previous {
left: 0;
}
.slider .nav-previous:before {
content: '\f104';
left: -0.05em;
}
@media screen and (max-width: 980px) {
.slider {
margin-top:4em;
}
}
@media screen and (max-width: 736px) {
.slider {
margin-top:1em;
}
}
@media screen and (max-width: 550px) {
.feature:before {
font-size: 2em;
height: 2em;
left: 0;
width: 3em;
}
}
/* Wrapper */

.wrapper.style1 {
position: relative;
background: url('../../images/pattern.jpg');
padding: 0 0 15em 0;
z-index: 1;
}
.wrapper.style1 h2 {
font-size: 3.75em;
color: rgba(0, 0, 0, 1);
text-align: center;
padding: 1.5em 0  1em  0;
margin-bottom: 0;
margin-top: 0;
}
.wrapper.style1 p {
display: block;
text-align:justify;
font-size:1em;
color:rgba(0,0,0, 1);
line-height: 1.65em;
padding: 1em 0 3em 0;
margin: 0;
}
.teampic {
text-align: center;
display: inline-block;
margin-top: 1em;
margin-bottom: 1em;
margin-right: .5em;
margin-left: .5em;
width: 180px;
vertical-align: top;
}
.teampic img {
text-align: center;
display: inline-block;
box-shadow: 0px 8px 4px rgba(0, 0, 0, .1);
border-radius: 4px;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 150px;
}
.wrapper.style1 .teampic p {
text-align: center;
display: block;
font-size: 1em;
padding: 1em 0 0 0;
margin: 0 0 -0.75em 0;
}
.teampic span {
font-size: .8em;
padding: 0;
margin: 0;
}
img#md, img#t {
position:relative;
display:block;
margin-right:auto;
margin-left:auto;
margin-bottom:1em;
max-width:350px;
width:100%;
}

.wrapper.style4 {
position: relative;
background: #f2f2f2;
padding: 8em 0 3em 0;
z-index: 2;
}
.wrapper.style4 .box {
background: url(../../images/pattern2.jpg);
box-shadow: 10px 15px 15px rgba(0, 0, 0, .05);
border: 0;
}
.wrapper.style4 a {
color: rgba(0, 0, 0, 1);
font-weight:600;
text-decoration:none;
}
.wrapper.style4 a:hover {
color:rgba(0, 0, 0, .8);
}
.wrapper.style4 h2 {
text-align: center;
font-size: 3em;
color: rgba(0, 0, 0, .7);
margin-bottom: 1.5em;
margin-top: 0em;
}
.wrapper.style4 h3 {
text-align: center;
font-size: 1.5em;
color: rgba(0, 0, 0, 1);
margin-bottom: .5em;
margin-top: .5em;
}
.wrapper.style4 p {
text-align:justify;
font-size: 1em;
color:rgba(0,0,0, .7);
line-height:1.35em;
padding: 0;
min-height: 175px;
}
.wrapper.style4 header p {
min-height:0;
}
.wrapper.style2 {
background-color: #ffffff;
padding: 0 0 5em 0;
}
.wrapper.style2 video {
padding: 0 0 0 0;
width: 100%;
}
.wrapper.style2 img {
padding: 0 0 0 0;
width: 100%;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button2, .button2 {
display: block;
text-align: center;
font-size: 1.75em;
color: rgba(255, 255, 255, 1);
background:  #737171;
cursor: pointer;
padding: .15em 0 .65em 0;
margin-bottom: .5em;
width: 100%;
}
button2 span {
font-size: 1.5em;
font-weight: 200;
vertical-align: 15%;
width: 1em;
display: inline-block;
}    
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button2:hover, .button2:hover {
background: #000000;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button2:focus, .button2:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button3, .button3 {
display: block;
position: relative;
text-align: center;
font-size: 1em;
color: rgba(255, 255, 255, 1);
background:  #6d6d6d;
border-radius: 15%;
border-top: 4px solid #b6b6b6;
border-bottom: 4px solid #b6b6b6;
cursor: pointer;
padding: .5em 1em;
margin-top: 1em;
margin-bottom: 0em;
margin-right: auto;
margin-left: auto;
max-width: 375px;
z-index: 2;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button3:hover, .button3:hover {
background: #000000;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button3:focus, .button3:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.Exams, .Wellness, .EyeWear, .PreventativeCare, .EyeNutrition, .Spa, .Learn   {
display: none;
}
.wrapper.style2 h1 {
text-align: center;
font-size: 4em;
color: rgba(0, 0, 0,  .8);
font-weight: 800;
padding: 0 1em;
margin-right: auto;
margin-left: auto;
margin-top: .5em;
}
.wrapper.style2 h2 {
text-align: center;
font-size: 3em;
color: rgba(0, 0, 0,  .8);
padding: 0 1em;
margin-right: auto;
margin-left: auto;
margin-top: .5em;
margin-bottom: .6em;
}
.wrapper.style2 .eye-care-services p {
text-align:justify;
font-size: 1em;
color:rgba(0,0,0, .6);
line-height:1.65em;
padding-bottom:1em;
}
.wrapper.style2 p {
text-align:justify;
font-size: 1em;
color:rgba(0,0,0, .6);
line-height:1.65em;
padding-bottom:1em;
}
.wrapper.style2 header {
text-align:center;
font-size:2.5em;
color: rgba(62,84,60, .5);
line-height:1.5em;
margin-bottom:.5em;
}
.wrapper.style2 .opensoon {
position: relative;
text-align: center;
font-size: 3em;
color: rgba(0, 0, 0,  .7);
line-height: 1.25em;
text-transform: uppercase;
padding: 0 1em;
margin-bottom: .5em;
margin-top: 0;
}
.w3-animate-top{position:relative;animation:animatetop 3s}@keyframes animatetop{from{top:-600px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 3s}@keyframes animateleft{from{left:-600px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 3s}@keyframes animateright{from{right:-600px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 3s}@keyframes animatebottom{from{bottom:-600px;opacity:0} to{bottom:0;opacity:1}}

.wrapper.style2 .opensoon video {
text-align:center;
line-height:1.5em;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
max-width: 900px;
}
img#logo {
display:block;
position:relative;
margin-right: auto;
margin-left: auto;
margin-top: 3em;
max-width: 800px;
width:100%;
}
a#mail {
position: relative;
text-align: center;
display: block;
font-size: 1.5em;
color: #ffffff;
background: rgba(0, 0, 0, .7);
text-decoration: none;
border-radius: 8px;
padding: .35em 2em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
width: 300px;
}
a#mail:hover {
background: rgba(0, 0, 0, 1);
}
.win {
position: relative;
text-align: center;
display: block;
font-size: 2.25em;
color: #a10591;
text-decoration: none;
text-transform: uppercase;
border-radius: 8px;
line-height: .75em;
padding: .35em 2em 0 2em;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
}
.win2 {
position: relative;
text-align: center;
display: block;
font-size: 2.25em;
color: #a10591;
text-decoration: none;
text-transform: uppercase;
border-radius: 8px;
line-height: 1.5em;
padding: .35em 2em;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
}
.win3 {
position: relative;
text-align: center;
display: block;
font-size: 1.5em;
color: #045465;
text-decoration: none;
border-radius: 8px;
line-height: 1.5em;
padding: .35em 2em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
max-width: 1100px;
}
.win3 a {
text-align: center;
display: block;
color: #ffffff;
background: #a10591;
font-weight: 600;
text-decoration: none;
border-radius: 1em;
padding: .25em 1em;
margin-top: 1em;
margin-right: auto;
margin-left: auto;
max-width: 350px;
}
.some {
text-align: center;
font-size: 1.25em;
color:rgba(0,0,0, .6);
line-height:1.35em;
padding: 0em 1.5em 2.5em 1.5em;
margin-right: auto;
margin-left: auto;
max-width: 65em;
}
img#eye-glasses {
position: absolute;
right: 15em;
top: 41em;
max-width: 650px;
width: 100%;
z-index: 3;
}
img#gummies {
position: absolute;
left: 20em;
top: 45em;
max-width: 450px;
transform: rotate(-15deg);
width: 100%;
z-index: 3;
}
.wrapper.style3 {
text-align:center;
background: url('../../images/learnbacking2.png');
background-repeat: no-repeat;
background-size: cover;
background-color: #ffffff;
padding: 5em 0 4.5em 0;
width:100%;
}
.wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
color: #ffffff;
}
.wrapper.style3 h2 {
position:relative;
display:inline-block;
font-size:1.5em;
color: rgba(0,0,0, .65);
margin-right:1em;
}
.wrapper.style3  p {
color: #b5ebf0;
}
.button.shop  {
transition: background-image 0.2s ease-in-out;
text-align:center;
position: relative;
display: inline-block;
font-size:1em;
color: #ffffff;
background-image: url(bannerbutton3.png);
background-repeat: no-repeat;
background-size: cover;
border-radius:.5em;
box-shadow:0px 0px 1px 3px rgba(0,0,0, .1);
line-height:0;
height:0;
text-decoration:none;
padding:1.25em 0 1.25em 0;
margin-top:0em;
margin-bottom:.25em;
margin-right: .5em;
margin-left:0em;
width:100%;
max-width:260px;
z-index: 3;
-webkit-animation: hue 3s infinite;
}
.button.shop:hover {
opacity:.5;
}
.button.shop:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
/* Header */

body {
background: #ffffff;
padding-top: 3em;
}
body.landing {
padding-top: 0;
}
@-moz-keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}
@-webkit-keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}
@-ms-keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}
@keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}

#header {
text-align: center;
position: fixed;
color: inherit;
/*background:url('learnbacking2.png');
background-repeat:no-repeat;
background-size:cover;*/
background-image: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .8), rgba(0, 0, 0, .7), 
rgba(0, 0, 0, .6), rgba(0, 0, 0, .5), rgba(0, 0, 0, .4), rgba(0, 0, 0, .3), rgba(0, 0, 0, .0));

box-shadow: 0px 10px 20px rgba(0, 0, 0, .0);
cursor: default;
height: 5em;
left: 0;
line-height: 4em;
top: 0;
width: 100%;
z-index: 3;
}
#header a {
text-align: center;
position: absolute;
display: none;
top: 1em;
font-size: 1.25em;
color: #ffffff;
background: transparent;
text-transform: uppercase;
letter-spacing: 3px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0);
border: 0px solid rgba(255, 255, 255, .5);
border-top-left-radius: 0px;
border-bottom-left-radius: 12px;
border-top-right-radius: 0px;
border-bottom-right-radius: 12px;
text-decoration: none;
cursor: pointer;
right: 2em;
padding: 0;
max-width: 80px;
z-index: 3;
}
#header a img {
max-width: 80px;
}
#header a:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
#header #mytabs  {
text-align: center;
position: relative;
display: block;
line-height: 1em;
margin-top: .35em;
max-width: 100%;
}
#header a.navtabs {
position: relative;
display: inline-block;
font-size: 1em;
color: #ffffff;
background: rgba(0, 0, 0,  .6);
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, .6);
outline: 0px solid rgba(0, 0, 0, .6);
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .5);
text-decoration: none;
letter-spacing: 1px;
padding: .25em 1em;
right: 0;
margin-right: .5em;
margin-left: .5em;
line-height: 1.3em;
height: 2em;
max-width: 100%;
}
#header a.navtabs:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
/* menu */

#menu {
transform: translateX(-22em);
transition: transform 0.45s ease, visibility 0.45s;
position: fixed;
top: 0;
left: 0;
-webkit-overflow-scrolling: touch;
background: #7d7d7d;
box-shadow: 0px 0px 22px 0px rgba(0,0,0,.4);
cursor: default;
visibility: hidden;
margin:0em 0em 0em 0em;
height: 120%;
width: 20em;
max-width: 100%;
z-index: 3;
}
#menu > .inner {
transition: opacity 0.45s ease;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
padding: 1em 1em 1em 1em;
opacity: 0;
overflow-y: auto;
margin: 2em 2em 1em 1em;
}
#menu ul li {
border-bottom: 1px solid rgba(255, 255, 255, .2);
height: 2.5em;
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li a {
display: block;
font-size: 1em;
color: rgba(255, 255, 255, 1);
text-decoration: none;
padding: .4em 0 0 0;
margin: 0;
height: 2.5em;
width: 100%;
}
#menu ul li a:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
#menu a img {
margin-bottom: 0em;
margin-left: 0;
max-width: 125px;
}	
#menu a img:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
a.close {
display: none;
}
#menu ul {
margin-top: 2em;
}
body.is-menu-visible #wrapper {
pointer-events: none;
cursor: default;
opacity: 1;
}
body.is-menu-visible #menu {
transform: translateX(0);
visibility: visible;
}
body.is-menu-visible #menu > * {
opacity: 1;
}

/* Banner */

#banner {
text-align: center;
position: relative;
display: block;
/*background-image: url("choice-banner-back.jpg");
background-position:	center center;
background-repeat:	no-repeat;*/
background-size:  cover;
color: #d2d3d4;
padding: 0;
margin:  0;
height: 70vh;
width: 100vw;
}
#banner .rslides {
position: relative;
list-style: none;
overflow: hidden;
border: 0px solid rgba(0,0,0,.5);
padding:0;
margin: 0em 0em 0em 0em;
}
#banner .rslides  {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
left: 0;
top: 0;
}
#banner .rslides:first-child {
position: relative;
display: block;
float: left;
}
#banner  .rslides img {
position: fixed;
display: block;
object-fit: cover;
float: left;
border: 0;
margin:0 auto;
height: 70vh;
width: 100vw;
z-index: 0;
}
#banner .inner {
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2),rgba(0, 0, 0, .3), rgba(0, 0, 0, .4), rgba(0, 0, 0, .7));
padding: 0 0 0 0;
top: 0;
height: 100%;
width:100%;
z-index: 2;
}
img#menutab {
text-align: center;
position: absolute;
display: block;
bottom: 0;
font-size: 1.25em;
color: #ffffff;
background: transparent;
text-transform: uppercase;
letter-spacing: 3px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0;
text-decoration: none;
cursor: pointer;
left: 50%;
padding: 0;
transform: translate(-50%, -50%);
width: 25em;
z-index: 3;
}
#banner .inner hr {
border: 0;
border-bottom: solid 1px rgba(255, 255, 255, .5);
padding: 0;
margin-right: auto;
margin-left: auto;
margin-top: 0;
margin-bottom: 0;
width: 50%;
}

.content {
position: absolute;
left: 50%;
top: 70%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 2;
}
.border2 {
display: block;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
img#border2 {
position: relative;
display: block;
width: 100%;
z-index: 0;
}
img#border3 {
position: relative;
display: block;
margin-top: -24em;
width: 100%;
z-index: 0;
}
.border {
display: block;
position: absolute;
bottom: 0;
width: 100%;
z-index: 2;
}
img#border {
display: block;
width: 100%;
}
img.cLogo {
position: absolute;
top: 6em;
left: 5em;
transform: scale(1, 1);
height: 94px;
width: 200px;
}
#banner .inner h1 {
position: absolute;
text-align: left;
top: 6em;
font-size: 1em;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
transform: scale(1,1.25);
-webkit-text-fill-color: transparent;
line-height: 1.2em;
width: 100%;
}
.inset-text {
text-shadow: 0px 0px 0px rgba(255, 255, 255, .65), -3px 0px 4px rgba(0, 0, 0, .3), 0px 0px 0px rgba(255, 255, 255, 1);
}
#banner .inner h2 {
position: relative;
text-align: center;
font-size: 5em;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
transform: scale(1,.65);
margin-top: -0.15em;
-webkit-text-fill-color: transparent;
width: 100%;
}
#banner  video {	
text-align: center;
position: relative;	
display:block;
color: #d2d3d4;
border-radius:12px;
background:transparent;
box-shadow: 15px 25px 40px rgba(0,0,0, .35);
padding: 0 0 0 0;
margin-right:auto;
margin-left:auto;
max-width:1000px;
width:100%;
z-index:0;
}

#banner2 {
background: transparent;
background-position:	center center;
background-repeat:	no-repeat;
background-size:  cover;
color: #d2d3d4;
padding: 0em 0  0em 0;
position: relative;
text-align: center;
}
#banner .inner2 {
position: relative;
/*background-image: linear-gradient(90deg, #f5f5f5, #ffffff, #f5f5f5);*/
background: transparent;
padding:0 0 0 0;
z-index: 2;
}
.button.large  {
transition: png 0.2s ease-in-out;
text-align:center;
position: relative;
display: inline-block;
font-size:1em;
color: #ffffff;
font-weight:600;
background-image: url(bannerbutton3.png);
background-repeat: no-repeat;
background-size: cover;
border-radius:.5em;
box-shadow:0px 0px 1px 3px rgba(0,0,0, .1);
line-height:0;
height:0;
text-decoration:none;
padding:1.25em 0 1.25em 0;
margin-top:0em;
margin-right: auto;
margin-left: auto;
width:200px;
max-width:100%;
z-index: 2;
-webkit-animation: hue 4s infinite;
}
.button.large:hover {
opacity:.5;
}
.button.large:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc;
}
@-webkit-keyframes hue {
  0%, 100%  { -webkit-filter:  brightness(90%); }
  50% { -webkit-filter: brightness(130%); }
}

#banner h2 {
font-size: 3.25em;
line-height: 1.25em;
margin: 0 0 0.5em 0;
padding: 0;
}
#banner p {
font-size: 1.5em;
margin-bottom: 1.75em;
}
body.is-preload #banner:after {
opacity: 1.0;
}
#carttabs {
font-size:1.5em;
color:rgba(0,0,0, .65);
margin-bottom:1em;
}

/* One */
#one {
position: relative;
display: block;
padding: 0;
margin: 0;
width: 100%;
}
#one video {
display: block;
padding: 0;
margin: 0;
width: 100%;
}
#one img {
display: block;
padding: 0;
margin: 0;
width: 100%;
}
.center {
background: linear-gradient( 180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .05), rgba(0, 0, 0, .0)); 
position: absolute;
display: block; 
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
#one  h2 {
position: absolute;
text-align: center;
font-size: 4em;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 4px;
bottom: 8%;
left: 50%;
transform: translate(-50%, -50%);
width:100%;
}
#thespa {
display: block;
position: relative;
text-align: center;
background-image: linear-gradient(90deg, #f5f5f5, #ffffff, #f5f5f5);
padding: 4em 0 4em 0;
width: 100%;
}
#thespa  h2 {
position: relative;
text-align: center;
font-size: 4em;
color: rgba(0, 0, 0, 1);
text-transform: none;
padding: 0em 0 .5em 0;
margin-top: -0.25em;
width:100%;
}
#thespa p  {
text-align: justify;
font-size: 1em;
color: rgba(0, 0, 0, .8);
line-height: 1.5em;
padding: 0em 1em 2.5em 1em;
margin-right: auto;
margin-left: auto;
max-width: 72em;
}
img#leaf {
position: relative;
display: block;
margin-top: -8em;
margin-right: auto;
margin-left: auto;
max-width: 400px;
z-index: 2;
}
.services {
position: relative;
display: block;
padding: 0 1em;
margin-left: auto;
margin-right: auto;
max-width: 80em;
}
a.skin {
text-align: center;
position: relative;
display: inline-block;
font-size: 1.5em;
color: #000000;
background: rgba(0, 0, 0, .035);
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 2px solid rgba(0, 0, 0, .3);
box-shadow: inset 0px 15px 25px 0px rgba(0, 0, 0, .05);
text-decoration: none;
line-height: 2.5em;
padding: 0 1em;
margin-left: .25em;
margin-right: .25em;
margin-bottom: .5em;
width: calc(33.333% - .75em);
}
a.skin2 {
text-align: center;
position: relative;
display: inline-block;
font-size: 1.5em;
color: #000000;
background: rgba(0, 0, 0, .035);
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 2px solid rgba(0, 0, 0, .3);
box-shadow: inset 0px 15px 25px 0px rgba(0, 0, 0, .05);
text-decoration: none;
line-height: 2.5em;
padding: 0 1em;
margin-left: .25em;
margin-right: .25em;
margin-bottom: .5em;
width: calc(33.333% - .75em);
}
a.skin:focus, a.skin2:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
img#top {   
position: absolute;
display: block;
margin-right: auto;
margin-left: auto;
max-width: 800px;
z-index: 2;
margin-top: 8.75em;
left: 50%;
transform: translate(-50%, -50%);
}
#one p {
position: absolute;
text-align: justify;
font-size: 1em;
color: #bacab9;
line-height: 1.5em;
padding: 1em 1em 0 1em;
margin-right: auto;
margin-left: auto;
margin-top: 18em;
left: 50%;
transform: translate(-50%, -50%);
width: 1200px;
max-width: 100%;
}
#myscroll {
color: #ffffff;
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
position: absolute;
width: 100%;
z-index: 6;
}
.slider .slide img {
display: block;
border-radius: 1em;
width: 100%;
}
/* Main */

#main > .container {
position: relative;
background: url(demoback2.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #ffffff;
border-radius: 0.5em;
margin-bottom: 2em;
padding: 3em;
}
#main > .container > :last-child,
#main > .container > :last-child > :last-child,
#main > .container > :last-child > :last-child > :last-child {
margin-bottom: 0;
}
#main h1 {
text-align:center;
font-size:2em;
color:rgba(0,0,0, .6);
margin-bottom:1.25em;
}
.firstdemonstration ul {
margin: 0 0 2em .85em;
}
.articles {
background-image: linear-gradient(90deg, #f5f5f5, #ffffff, #f5f5f5);
padding-top: 12em;
padding-bottom: 12em;
width: 100%;
}
.articles img {
border-radius: 100%;
margin: 0 0 1.25em 0;
box-shadow: 0px 15px 25px rgba(0, 0, 0, .2);
height: 100%;
max-height: 300px;
max-width: 300px;
width: 100%;
}
.articles .container {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
max-width:1400px;
}
a#scroll {
text-align: center;
display: block;
font-size: 1.25em;
color: #000000;
text-decoration: none;
margin-top: 1em;
}
#heading {
text-align:center;
display:block;
position:relative;
font-size:2em;
color: rgba(0, 0, 0, 1);
padding:0 0 1em 0;
margin:0;
}
.articles h1 {
text-align: center;
font-size: 1.255em;
color: rgba(0, 0, 0, 1);
background-color: transparent;
border-radius: 8px;
margin-bottom: 3em;
padding: 0em;
text-transform: capitalize;
line-height: 1em;
margin-left: 0em;
}
.articles h2 {
text-align: center;
font-size: 1.25em;
color: rgba(62,84,60, 1);
line-height: 2em;
padding-top: 1em;
}
.articles h4 {
text-align: center;
font-size: 1.15em;
color: rgba(62,84,60, .7);
line-height: 2em;
}
.articles p {
display: block;
font-size: 1em;
color: rgba(0,0,0, .85);
line-height: 1.65em;
text-align: justify;
padding:0;
margin-top:0;
margin-bottom:0;
margin-right: auto;
margin-left: auto;
}
.articles b {
display: block;
font-size: 1.25em;
color: #000000;
line-height: 1.5em;
text-align: justify;
padding:0;
margin-top:1em;
margin-bottom:0;
margin-right: auto;
margin-left: auto;
}
input[type="button"],
 input[type="submit"], 
 input[type="reset"], 
 button, .button {
position: relative;
display: inline-block;
font-size: 1em;
color: rgba(0, 0, 0, 1);
text-align: center;
background: rgba(0,0,0, .035);
border-radius:4px;
text-decoration: none;
border: 0;
cursor: pointer;
outline: 0;
font-weight: 300;
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
padding: 1em 1em 0.75em 1em;
margin-bottom: .25em;
margin-left: auto;
margin-right: auto;
width: calc(33.33% - .25em);
max-width: 100%;
}
input[type="button"],
 input[type="submit"], 
 input[type="reset"], 
 button:focus, .button:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
 }
.colored-contacts, .eye-injuries, .heat-wave, .Safety-Awareness, .Eyecare-Tips, .Cataract-Awareness, .Child-Wont-Wear-Glasses, .Mental-Health-and-Vision, .Parkinsons-and-Your-Vision,
.Tips-for-Managing-Eye-Allergies, .Womens-Health-and-Your-Vision, .Cleaning-Supplies-and-Your-Eyes, .School-and-Vision, .Glaucoma-The-Sneak-Thief-of-Sight, .World-Braille-Day, .Dangerous-Holiday-Gifts,
.Tips-to-Relieve-Winter-Dry-Eyes, .Diabetes-and-Your-Eyes, .Have-an-Eye-Safe-Halloween, .Exercise-and-Your-Eye-Health, .Too-Much-Screen-Time, .Healthy-Aging-for-the-Eye, .Childs-Vision-Getting-Worse,
.Dangers-of-Online-Eye-Testing, .Signs-of-Vision-Problems, .Eye-Health-for-College-Students, .Why-You-Should-not-Rub-Your-Eyes, .Ocular-Migraines, .Buying-Sunglasses, .Sports-Vision-Deconstructed,
.Eye-Symptoms-You-Should-not-Ignore, .Womens-Eye-Health, .Ultraviolet-Light-and-your-Eyes, .My-Eyelid-Twitches, .Vision-Problems-in-Infants, .AMD-Awareness, .Trouble-Seeing-at-Night, .Snow-Blindness,
.Eye-Injuries-to-Avoid, .Eye-Healthy-Foods, .Help-World-Blindness, .Trouble-Seeing-the-Fine-Print, .Aging-Eyes-and-Driving-Safety, .Is-Your-Teen-Ready-for-Contacts, .Color-Vision-Deficiency,
.Safely-View-an-Eclipse, .Eyes-Sensitive-to-Light, .Got-a-Shiner, .Ignoring-Your-Dry-Eyes, .Does-Smoking-Affect-Vision, .Sjogrens-Awareness, .properly-Clean-Your-Eyeware, .Blue-Light-and-Your-Eyes, .Understanding-Eye-Color,
.Your-Childs-Vision-Problem, .Contact-Lenses-Can-be-a-Danger, .Eye-Safe-Lifestyle, .Teach-Children-About-Eye-Safety, .When-20-20-is-not-Enough, .Cutting-Edge-Eye-dentification, .Innovations-in-Color-Blindness,
.Poolside-Eye-Safety, .How-UV-Damages-Your-Eyes, .What-is-a-stye-anyway, .Bifocal-Contact-Lenses, .Eye-Safe-Toys, .Prevent-Diabetic-Vision-Loss, .Common-Eye-Myths, .Pink-Stinging-Eyes, .How-Pregnancy-Affects-Vision,
.Babys-EyeSight, .Firework-Eye-Safety, .Computer-Glasses, .Treat-an-Eye-Infection, .A-Look-Behind-Sleeping-Eyes, .Your-Eyes-Convey-Emotion, .Eyes-Shed-Light-on-Your-Health, .Does-Chlorine-Hurt-your-Eyes, 
.Understanding-the-Eye-Chart, .read, .Glaucoma, .Macular-Degeneration {
display:none;
margin-bottom:3em;
}
/* Footer */

#footer {
text-align: center;
color: #000000;
padding: 4em 0;
background: url(../../images/pattern.jpg);
}
#footer .icons {
margin: 0 0 4em 0;
}
#footer .menu a {
font-size:1.5em;
color: inherit;
text-decoration:none;
}
#footer .copyright {
display: block;
font-size: 1.5em;
font-weight: 800;
line-height:1.5em;
margin-top: 1.5em;
}
#footer h2 {
font-size: 1.5em;
margin-bottom: .5em;
line-height: 1.15em;
}
#footer h2 span {
display: block;
font-size: .7em;
}
.by {
text-align: center;
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 3em;
margin-top: 1em;
max-width: 100%;
width: 200px;
}
.by img {
position: relative;
display: block;
padding: 0;
max-height: 100%;
max-width: 100%;
width: 200px;
}
.by a:after {
border: none;
}
.by a:focus {
position: relative;
display: block;
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
max-width: 100%;
width: 200px;
}
@media screen and (max-width: 3000px) {

img#border3 {
margin-top: -22em;
}
}
@media screen and (max-width: 2700px) {

img#border3 {
margin-top: -20em;
}
}
@media screen and (max-width: 2500px) {

img#menutab {
bottom: -0.15em;
}
img#border3 {
margin-top: -18em;
}
}
@media screen and (max-width: 2300px) {

img#menutab {
bottom: -0.35em;
}
img#border3 {
margin-top: -16em;
}
}
@media screen and (max-width: 2100px) {

img#menutab {
bottom: -0.5em;
}
img#border3 {
margin-top: -15em;
}
}
@media screen and (max-width: 1800px) {

img#menutab {
bottom: -0.75em;
}
img#border3 {
margin-top: -13em;
}
.wrapper.style2 .opensoon video {
max-width: 800px;
}
.wrapper.style4 {
padding: 7em 0 3em 0;
}
}
@media screen and (max-width: 1680px) {

img#menutab {
bottom: -0.95em;
}
.wrapper.style1 {
padding: 0 0 12em 0;
}
img#border3 {
margin-top: -12em;
}
body, input, select, textarea {
font-size: 12pt;
}
.wrapper.style4 .row>.col-4 {
width: 50%;
}
.articles .container {
max-width:1200px;
}
}
@media screen and (max-width: 1580px) {

body, input, select, textarea {
font-size: 12pt;
}
.wrapper.style1 {
padding: 0 0 12em 0;
}
img#border3 {
margin-top: -10em;
}
.wrapper.style2 {
padding: 3em 0 10em 0;
}
}

@media screen and (max-width: 1280px) {

.some {
font-size: 1em;
}
.wrapper.style2 .opensoon {
font-size: 3.5em;
margin-top: .25em;
}
.wrapper.style2 h1 {
font-size: 4em;
margin-top: 0em;
}
.wrapper.style2 h2 {
font-size: 2.75em;
}

.wrapper.style2 .opensoon video {
max-width: 700px;
}

input[type="button"], input[type="submit"], input[type="reset"], button2, .button2 {
font-size: 1.5em;
}
button2 span {
font-size: 1.5em;
vertical-align: 15%;
width: 1em;
}    
.wrapper.style1 {
padding: 0 0 10em 0;
}
img#border3 {
margin-top: -10em;
}
img#leaf {
margin-top: -8em;
max-width: 300px;
}
a.skin {
font-size: 1.25em;
}
a.skin2 {
font-size: 1.25em;
}
.wrapper.style4 p {
min-height:180px;
}
body, input, select, textarea {
font-size: 11pt;
}
/* Header */

.dropotron.level-0 {
font-size: 1em;
}
/* Banner */

#banner {
background-attachment: scroll;
padding:  0;
}
#banner .inner h2 {
font-size: 3.5em;
}
#one p {
font-size: 1em;
padding: 2em 1em 0 1em;
margin-top: 18em;
width: 900px;
}
}
@media screen and (max-width: 1150px) {

img#border3 {
margin-top: -9em;
}
#thespa p  {
font-size: 1.25em;
max-width: 50em;
}
}
@media screen and (max-width: 1080px) {

img#logo {
max-width: 350px;
}
img#border3 {
margin-top: -8.5em;
}
.wrapper.style4 {
padding: 6em 0 3em 0;
}
.wrapper.style4 h2 {
font-size: 3em;
margin-bottom: 1.5em;
}
}

/* Medium */

@media screen and (max-width: 980px) {

.some {
text-align: justify;
font-size: 1em;
max-width: 55em;
}
.wrapper.style2 h1 {
font-size: 3.5em;
line-height: 1.35em;
margin-top: 0em;
max-width: 650px;
}
.wrapper.style2 h2 {
font-size: 2.5em;
line-height: 1.35em;
max-width: 550px;
}
.win2, .win {
font-size: 2em;
}
.wrapper.style2 .opensoon {
font-size: 2.75em;
margin-top: .25em;
}
.win3 {
font-size: 1.25em;
line-height: 1.5em;
margin-bottom: 1em;
}
#header {
display: block;
text-align: center;
position: fixed;
color: inherit;
background: transparent;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
cursor: default;
height: auto;
left: 0;
line-height: 0;
top: 0;
width: 100%;
z-index: 3;
}
#header a {
display: block;
}
#header #mytabs {
position: fixed;
display:none;
}
input[type="button"], input[type="submit"], input[type="reset"], button2, .button2 {
font-size: 1em;
}
button2 span {
font-size: 1.25em;
vertical-align: 15%;
width: 1em;
}    
#banner {
text-align: center;
position: relative;
display: block;
background-size: cover;
color: #d2d3d4;
padding: 0;
margin: 0;
height: 70vh;
width: 100vw;
}
img.cLogo {
left: 2em;
top: 3em;
height: 75px;
width: 160px;
}
#banner .inner h2 {
font-size: 3em;
}
.articles {
padding-top: 6em;
padding-bottom: 6em;
}
.articles img {
max-height: 200px;
max-width: 200px;
}
.wrapper.style1 .teampic p {
padding: 1em 0 0 0;
margin: 0 0 0 0;
}
#banner  video {	
max-width: 500px;
}
img#top {
max-width: 700px;
margin-top: 7.65em;
}
.wrapper.style1 {
padding: 0 0 8em 0;
}
img#border3 {
margin-top: -7.35em;
}
#one h2 {
font-size: 2em;
margin-top: 4.5em;
}
#one p {
font-size: .85em;
margin-top: 19em;
width: 700px;
}
#thespa  h2 {
font-size: 3em;
}
#thespa p  {
font-size: 1em;
max-width: 44em;
}
a.skin {
font-size: 1em;
}
a.skin2 {
font-size: 1em;
}
.wrapper.style1 h2 {
font-size: 3em;
padding: 0em 0 1em 0;
}
.wrapper.style2 header {
font-size:1.75em;
}
.wrapper.style4 {
padding: 5em 0 3em 0;
}
#main h1 {
font-size:1.5em;
}
html, body {
overflow-x: hidden;
}
body, input, select, textarea {
font-size: 12pt;
}
h2 br, h3 br, h4 br, h5 br, h6 br {
display: none;
}
.wrapper.style4 h3 {
font-size: 1.5em;
}
.wrapper.style4 p {
font-size: .85em;
padding: 0em;
}
/* Section/Article */

.feature {
padding-left: 0;
text-align: center;
}
.feature:before, .feature.myimage:before, .feature.myimage2:before, 
.feature.myimage3:before, .feature.myimage4:before, .feature.myimage5:before {
margin: 0 0 0.7em 0;
position: relative;
}
.feature p {
padding: 0;
}

/* Slider */

.slider .viewer {
border-width: 1em;
width: 100%;
}
.slider .nav-next,
.slider .nav-previous {
background: none;
border-radius: 0;
color: #fff;
height: 100%;
margin-top: 0;
top: 0;
vertical-align: bottom;
width: 50%;
z-index: 1;
}
.slider .nav-next:before,
.slider .nav-previous:before {
display: block;
height: 2em;
line-height: 2em;
margin-top: -1em;
padding: 0;
top: 50%;
width: 100%;
}
.slider .nav-next {
right: 0;
text-align: right;
}
.slider .nav-previous {
left: 0;
text-align: left;
}


body {
padding-top: 0;
}

/* Banner */

#banner {
padding: 0;
}
.articles img {
max-height: 225px;
max-width: 225px;
}
.articles .container {
max-width:960px;
}
input[type="button"],
 input[type="submit"], 
 input[type="reset"], 
 button, .button {
 font-size:.85em;
width: calc(50% - .25em);
max-width: 100%;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button3, .button3 {
font-size: 1em;
margin-top: 1.5em;
margin-bottom: .5em;
max-width: 320px;
}
#heading {
font-size:1.5em;
padding:0 0 1em 0;
}
}
@media screen and (max-width: 880px) {


.wrapper.style2 p {
margin-right:auto;
margin-left:auto;
}
img#border3 {
margin-top: -7em;
}
}

@media screen and (max-width: 736px) {

.wrapper.style2 h1 {
font-size: 3em;
margin-top: .5em;
max-width: 550px;
}
.wrapper.style2 h2 {
font-size: 2.25em;
max-width: 450px;
}
.wrapper.style2 .opensoon {
font-size: 2em;
margin-bottom: 1em;
margin-top: 1em;
}
img#border3 {
margin-top: -5em;
}
input[type="button"], input[type="submit"], input[type="reset"], button2, .button2 {
font-size: 1.5em;
}
#banner .inner h2 {
font-size: 3em;
}
.win, .win2 {
font-size: 1.5em;
}
.win3 a {
padding: .5em 1em;
max-width: 300px;
}
.win3 {
font-size: .85em;
padding: .35em 1em;
}
img#leaf {
margin-top: -6em;
max-width: 200px;
}
#thespa  h2 {
font-size: 2.5em;
}
#thespa p, .some  {
text-align: justify;
font-size: 1em;
max-width: 44em;
}
a.skin {
width: calc(50% - .75em);
}
a.skin2 {
width: calc(50% - .75em);
}
.wrapper.style2 .opensoon video {
max-width: 500px;
}
.wrapper.style2 {
padding: 1em 0 5em 0;
}
img#logo {
max-width: 275px;
}
.teampic {
margin-top: 1em;
margin-bottom: 1em;
margin-right: .5em;
margin-left: .5em;
width: 200px;
}
.teampic img {
width: 180px;
}
.wrapper.style3 h2 {
display:block;
margin-right:0;
margin-bottom:1em;
max-width:100%;
}
.wrapper.style4 {
padding: 3em 0 3em 0;
}
.wrapper.style4 h2 {
font-size: 2em;
margin-bottom: 1.5em;
}
.wrapper.style4 .row>.col-4 {
width: 100%;
}
.wrapper.style4 p {
min-height:90px;
}
.articles img {
max-height: 200px;
max-width: 200px;
}
}
@media screen and (max-width: 630px) {

#one p {
margin-top: 20em;
}
.teampic {
width: 195px;
}
a.skin {
font-size: .85em;
}
a.skin2 {
font-size: .85em;
width: calc(100% - .75em);
}
}
@media screen and (max-width: 550px) {

input[type="button"], input[type="submit"], input[type="reset"], button2, .button2 {
font-size: 1.15em;
}
.some {
font-size: .85em;
max-width: 55em;
}
.wrapper.style2 h1 {
font-size: 2.25em;
line-height: 1.35em;
max-width: 400px;
}
.wrapper.style2 h2 {
font-size: 1.85em;
max-width: 400px;
}
.win {
font-size: 1.25em;
}
.win2 {
font-size: 1.25em;
padding: .35em 1em;
}
.wrapper.style2 .opensoon {
font-size: 1.5em;
}
#header a {
top: 1em;
right: 1em;
padding: 0;
max-width: 60px;
z-index: 3;
}
#header a img {
max-width: 60px;
}
.wrapper.style2 .opensoon video {
max-width: 450px;
}
#banner {
height: 30vh;
width: 100%;
}
#banner  .rslides img {
height: 30vh;
width: 100%;
}
#banner .inner {
width:100%;
}
img#border3 {
margin-top: -4em;
}
.articles img {
max-height: 150px;
max-width: 150px;
}
#menu ul li a {
font-size: 1.25em;
}
#banner .inner h1, #banner .inner h2 {
font-size: 2em;
}
#thespa  h2 {
font-size: 2em;
}
img.cLogo {
left: .5em;
top: 5em;
height: 61px;
width: 130px;
}
.teampic {
width: 140px;
}
.wrapper.style1 .teampic p {
font-size: .85em;
}
.wrapper.style1 h2 {
font-size: 2em;
padding: 1em 0 1em 0;
}
.teampic img {
width: 140px;
}
img#logo {
max-width: 225px;
}
.button.large, .button.shop {
font-size:.85em;
padding: 1.35em 0 1.35em 0;
margin-bottom:.25em;
}
.wrapper.style1 p {
font-size:.85em;
}
.wrapper.style4 {
padding: 4em 0 3em 0;
}
.wrapper.style2 header {
font-size:1.5em;
margin-right:auto;
margin-left:auto;
max-width:300px;
}
.wrapper.style4 .firstdemonstration p {
font-size: .75em;
line-height: 1.35em;
}
.wrapper.style4 h3 {
font-size: 1.25em;
}
.wrapper.style3 h2 {
text-align:center;
display:block;
font-size: 1em;
margin-right:0;
margin-bottom:1em;
max-width: 100%;
}
.wrapper.style4 p {
font-size:.75em;
line-height:1.35em;
}
.glasstypes {
font-size: 1.15em;
}
#one h2 {
font-size: 1.5em;
margin-top: 6em;
}
#one p {
margin-top: 21em;
}
object {
margin-top:36em;
height:292px;
width:425px;
}
img#md, img#t {
max-width:275px;
}
#footer .copyright {
font-size: .85em;
}

/* Section/Article */

header h2 + p {
font-size: 1em;
margin-top: -0.85em;
line-height: 1.5em;
}
header h3 + p {
font-size: 1em;
margin-top: -0.85em;
line-height: 1.5em;
}
header.major h2 {
font-size: 1.5em;
}
header.major p {
margin: -1em 0 2.5em 0;
}
/* Icons */

ul.icons li {
padding: 0 0.75em 0 0;
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
font-size: 0.8em !important;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button3, .button3 {
font-size: .85em;
margin-top: 1.5em;
margin-bottom: .5em;
max-width: 270px;
}
/* Box */

.box.post {
max-width: 23em;
}
/* Slider */

.slider .viewer {
border-width: 0.5em;
}

/* Banner */

#banner h2 {
font-size: 2em;
}
#banner p {
font-size: 1.1em;
}
/* Main */

#main > header {
padding: 0 2em;
}
#main > .container {
padding: 2em 1em;
}
#content > .image.fit:first-child {
margin: -2em 0 2em -1em;
width: calc(100% + 2em);
}
#content > .image.fit:first-child img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#heading {
font-size:1.15em;
}

/* CTA */

#cta {
padding: 2em 0;
}
/* Footer */

#footer {
padding: 8em 0 6em 0;
}
#footer .icons {
margin: 0 0 2em 0;
}
input[type="button"],
 input[type="submit"], 
 input[type="reset"], 
 button, .button {
 font-size:1em;
width: calc(100% - .25em);
max-width: 100%;
}
}

@media screen and (max-width: 480px) {

.wrapper.style2 {
padding: 0 0 5em 0;
}
img#logo {
max-width: 200px;
}
img#top {
max-width: 300px;
margin-top: 3.25em;
}
img#border3 {
margin-top: -3em;
}
#one h2 {
font-size: 1.5em;
margin-top: 3em;
}
#one p {
margin-top: 17em;
}
object {
margin-top: 33em;
}
}
@media screen and (max-width: 400px) {

.wrapper.style2 h1 {
font-size: 2em;
letter-spacing: 1px;
}
img#top {
max-width: 300px;
margin-top: 3.25em;
}
#one h1 {
font-size: 1.5em;
margin-top: 3.5em;
}
#one p {
margin-top: 18em;
}
html, body {
min-width: 320px;
}
body, input, select, textarea {
font-size: 12pt;
}

/* Menu */

ul.menu {
font-size: 0.8em;
line-height: 2em;
}

ul.menu li {
border: 0;
margin: 0;
padding: 0 0.5em !important;
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
padding: 0;
}

/* Slider */

.slider {
position: relative;
}
.slider .viewer {
margin-left: -5vw;
width: 100vw;
}
.slider .nav-next:before,
.slider .nav-previous:before {
font-size: 0.8em;
}
.slider .nav-next:before {
content: '\f105';
right: -0.25em;
}
.slider .nav-previous:before {
content: '\f104';
left: -0.25em;
}


/* CTA */

#cta {
padding: 2em;
flex-direction: column;
}

#cta h2 {
margin: 0 0 1em 0;
}
}

.itag {
text-align: center;
position: relative;
display: inline-block;
background: rgba(255, 255, 255, .1);
box-shadow: 0px 3px 8px rgba(0, 0, 0, .15);
border-radius: .25em;
padding: 1em .5em;
margin-right: .15em;
margin-left: .15em;
margin-bottom: .5em;
width: 90px;
max-width: 100%;
}
.icon {
position: relative;
display: block;
border-bottom: none;
margin-right: auto;
margin-left: auto;
max-width: 35px;
}
.icon img {
width:100%;
}
.icon:hover {
opacity: .85;
}
.itag span {
display: block;
font-size: .75em;
color: #ffffff;
text-decoration: none;
}
.itag a {
text-decoration: none;
}
.itag a {
font-size: .75em;
color: rgba(0, 0, 0, 1);
cursor: pointer;
}
.itag a:visited {
color: rgba(0, 0, 0, 1);
cursor: pointer;
}
.itag a:hover {
color: #690594;
cursor: pointer;
}
.itag a:active {
color: rgba(0, 0, 0, 1);
cursor: pointer;
}
.itag a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}