/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, 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, 
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
div.line
{
height: 5px;
max-width: 600px;
text-align:center;
background-color: rgba(255,255,255,.4);
margin:0 auto;
padding:0em 0em 0em 0em;
} 
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
-webkit-text-size-adjust: none;
}
/* Box Model */

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
/* Containers */

.container {
padding: 0em 2em 0em 2em;
width: 100%;
}

/************************************ Basic *****************************************/

@-ms-viewport {
width: device-width;
}
body {
-ms-overflow-style: scrollbar;
}

body {
background: rgba(255,255,255,.1);
padding-top: 6em;
}
body.landing {
background-attachment: fixed;
background-image: url("portobello/pattern.jpg");
padding-top: 0 !important;
}
body.landing video {
border-bottom:2px solid rgba(255,255,255,.5);
box-shadow: 0px 15px 35px rgba(0,0,0,.45);
}
@media screen and (max-width: 980px) {
body {
padding-top: 2em;
}
}

body.is-loading *, body.is-loading *:before, body.is-loading *:after {
animation: none !important;
transition: none !important;
}
/* Type */
body {
background: rgba(255,255,255,1)

}
body, input, select, textarea {
font-family: "Raleway", Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: 400;
}
@media screen and (max-width: 1680px) {
body, input, select, textarea {
font-size: 11pt;
}
}
@media screen and (max-width: 1280px) {
body, input, select, textarea {
font-size: 11pt;
}
}
@media screen and (max-width: 980px) {
body, input, select, textarea {
font-size: 12pt;
}
}
@media screen and (max-width: 736px) {
body, input, select, textarea {
font-size: 12pt;
}
}
@media screen and (max-width: 480px) {
body, input, select, textarea {
font-size: 12pt;
}
}
a {
text-decoration:none;
color: rgba(0,0,0,.75);
font-weight:600;
}
a:hover {
text-decoration: none;
}
strong, b {
color: #484848;
font-weight: 700;
}


/************************************** Header***************************/
header {
text-align:center;
position:fixed;
background:rgba(0,0,0,.0);
width:100%;
height:6em;
padding:0em 0em 0em 0em;
}
/**********************************button small********************************/

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
position:relative;
display:block;
font-size: 1.3em;
background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
border-radius: 0px;
color:rgba(255,255,255,1); 
box-shadow: 0px 8px 20px rgba(0,0,0,0);
border-top:solid 1px rgba(255,255,255,.2);
border-bottom:solid 1px rgba(255,255,255,.2);
cursor: pointer;
font-weight: 600;
width:100%;
text-align: left;
text-decoration: none;
margin: 0em 0em 0em 0em;
padding: 1em 0em 1em 0em;
}
.button.small:hover {
background-image:linear-gradient(to right,rgba(255,255,255,0.2),rgba(255,255,255,0.2),rgba(255,255,255,0.2));
color:rgba(252,243,220,1);
}
@media screen and (max-width: 1280px) {
.button.small {
font-size: 1em;
padding: 1.45em 0em 1.45em 0em;		
}
}
@media screen and (max-width: 980px) {
.button.small {
font-size: .8em;
padding: 1.3em 0em 1.3em 0em;		
}
}
@media screen and (max-width: 736px) {
.button.small {
font-size: .7em;	
}
}
@media screen and (max-width: 480px) {
.button.small {
font-size: .7em;
}
}
@media screen and (max-width: 350px) {
.button.small {
font-size: .7em;
padding: 1.2em 0em 1.2em 0em;
}
}
/**********************************button big********************************/
input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
text-align: center;
font-size: 1em;
background-image:linear-gradient( 90deg, rgba(227,227,227, 1),rgba(255,255,255, 1),rgba(227,227,227, 1));
border-radius: 8px;
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .5);
color:rgba(0,0,0,1); 
border:none;
cursor: pointer;
display:block;
left:0;
font-weight: 600;
padding: .5em 0 .5em 0;
margin:1em 0em 0em 0em;
width:100px;
text-decoration: none;
outline:none;
white-space: nowrap;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button.big:hover {
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .15);
}
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.button.big:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
@media screen and (max-width: 480px) {
.button.big {
font-size: .7em;
}
}
@media screen and (max-width: 350px) {

}
/*************** Form ********************/

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
font-size:1em;
color: rgba(0,0,0,1);
background: rgba(0,0,0,.05);
border: solid 1px rgba(0,0,0, .45);
display:block;
left:0;
cursor:text;
color:#000000;
outline:none;
padding: .5em;
margin:0em 0em 0em 0em;
text-decoration: none;
width: 450px;
height:35px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;

}
input[type="text"],
input[type="password"],
input[type="email"] {
line-height: 0em;
}
form {
margin:2em 0em 0em 0em;
}
label {
font-family:'Helvetica Neue Lt Std';
font-size:1em;
color:rgba(0,0,0,.8);
font-weight:600;
letter-spacing:0px;
text-align:justify;
display:block;
margin:.50em 0em .50em 0em;
}
input[type="checkbox"],
checkboxer {
zoom:1.5;
}
#checkboxer {
display:block;
left:0;
margin:1em -0.1em 0em 0em;
}
#checkbox_container {
font-size:.8em;
max-width:450px;
}
p#disclaimer {
font-size:.75em;
}
#already-signed-notice, #registered-notice, #sms-already-signed-notice, #sms-registered-notice  {
font-family: 'Open Sans', sans-serif;
display:none;
position:relative;
text-align:center;
font-size:1em;
color: rgba(0,0,0, .65);
font-weight:400;
max-width:500px;
padding:1em 0em 1em 0em;
margin:0 auto;
}
#already-signed-notice a:link, #registered-notice a:link, #sms-already-signed-notice a:link, #sms-registered-notice a:link  {
color:#88053a;
font-weight:800;
text-decoration:none;
}
#already-signed-notice a:hover, #registered-notice a:hover, #sms-already-signed-notice a:hover, #sms-registered-notice a:hover   {
color:#838805;
text-decoration:none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.5;
position: relative;
top: 3px;
}
:-moz-placeholder {
color: inherit;
opacity: 0.5;
}
::-moz-placeholder {
color: inherit;
opacity: 0.5;
}
:-ms-input-placeholder {
color: inherit;
opacity: 0.5;
}
.formerize-placeholder {
color: rgba(85, 85, 85, 0.5) !important;
}
@media screen and (max-width:1236px) {
input[type="text"], textarea {
width:50% !important;
}
}
@media screen and (max-width:980px) {
input[type="text"], textarea {
width:50% !important;
}
}
@media screen and (max-width:736px) {
input[type="text"], textarea {
width:100% !important;
}
#already-signed-notice p, #registered-notice {
font-size:1em;
}
}
@media screen and (max-width:350px) {
label {
font-size:.6em;
}
}
/*************** menu *************************/

#menu h2 {
font-family:'playfair display';
font-style:italic;
font-size:1.75em;
color: #5d5302;
line-height:1em;
padding:0em 0em 0em 0em;
margin:0em 0em 0em 0em;
}
#menu h3 {
font-size:1.1em;
font-weight:600;
color:rgba(0,0,0,1);
text-shadow: 0px 2px 4px rgba(0,0,0,.0);
line-height:1.5em;
}
#menu h4 {
font-family:'helvetica neue LT Std';
font-size:.8em;
font-weight:600;
color:rgba(0,0,0,.7);
text-shadow: 0px 2px 4px rgba(0,0,0,.0);
line-height:1.5em;
}
#menu ul li a {
margin:0em 0em 0em 1em;
}
#menu {
transform: translateX(-22em);
transition: transform 0.45s ease, visibility 0.45s;
position: fixed;
top: 0;
left: 0;
width: 30em;
max-width: 100%;
height: 120%;
-webkit-overflow-scrolling: touch;
background-color:rgba(0,0,0,.8);
box-shadow: 0px 0px 22px 0px rgba(0,0,0,.4);
color: #ffffff;
cursor: default;
visibility: hidden;
margin:0em 0em 0em 0em;
z-index: 0;
}
#menu > .inner {
transition: opacity 0.45s ease;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 0;
left: 0;
width: 95%;
height: 100%;
padding: 1em 0em 1em 0em;
opacity: 0;
overflow-y: auto;
margin: 1em 0em 1em 0em;
}
#menu a img {
margin-bottom: 1em;
margin-left: .75em;
max-width: 125px;
}
#menu a:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
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;
}
@media screen and (max-width:736px) {

#menu {
width: 20em;
}
}
@media screen and (max-width:480px) {

#menu {
width: 100%;
background-color:rgba(0,0,0,1);
}
}
@media screen and (max-width:350px) {
#menu > .inner {
margin:2em 0em 1em 0em;
}
}

/*************************************** Wrapper ***************************************/
body.is-touch .wrapper.style3 {
background-attachment: scroll;
}
.wrapper.style2 {
display: block;
position: relative;
background-image: linear-gradient(90deg, #fafaf9, #ffffff, #fafaf9);
border-right: 2px solid rgba(255,255,255,.0);
border-left: 2px solid rgba(255,255,255,.0);
box-shadow: 0px 0px 50px 50px rgba(0,0,0,.35), inset 0px 0px 50px 15px rgba(0,0,0, .15);
text-align: center;
padding: 0em 0em 0em 0em;
width: 1000px;
max-width: 100%;
margin: 0 auto;
z-index: 1;
}
#hours p {
text-align:center;
font-size:.6em;
color:rgba(0,0,0,.5);
padding:1em 0em .5em 0em;
}
#hours {
margin:0em 0em 1em 0em;
}
#hours h2 {
display:block;
text-align:center;
font-size: 1.5em;
font-weight:600;
line-height:1.4em;
letter-spacing:1px;
color:rgba(0,0,0,.75);
max-width:450px;
margin:0 auto;
padding:0em 0em 0em 0em;
}
.wrapper.style2 p {
font-size:1em;
color:rgba(0,0,0,.75);
text-align:justify;
font-weight:600;
line-height:1.5em;
padding:0em 0em 0em 0em;
}
.wrapper.style2 h1 {
text-align:center;
font-size: 1.5em;
color:rgba(0,0,0, 1);
font-weight:600;
line-height:1.4em;
padding:1em 0em 0em 0em;
}
.wrapper.style2 h2 {
font-size:1em;
color:rgba(0,0,0, 1);
font-weight:600;
padding: 1em 0em;
}
.wrapper.style2 .operatinghead {
font-size:1.5em;
color:rgba(0,0,0, 1);
font-weight:600;
padding:.5em 0em .5em 0em;
}
.wrapper.style2 .operatinghours {
font-size:1.5em;
color:rgba(0,0,0, 1);
font-weight:600;
padding:.5em 0em .5em 0em;
}
.wrapper.style2 .number {
font-size:1.5em;
color:rgba(0,0,0, 1);
font-weight:600;
padding:.5em 0em .5em 0em;
}
.wrapper.style2 .number a:focus {
color:#ffffff;
outline: 3px dotted #a307fc;
background-color: #d004fc;

}
.wrapper.style2 h5  {
font-size:1em;
color: rgba(0,0,0,.5);
font-weight:900;
padding:0em 0em 4em 0em;
}
.wrapper.style2 h5 a {
color: rgba(0,0,0,1);
font-weight:900;
}
.wrapper.style2 h5 a:active {
color: rgba(0,0,0,1);
font-weight:900;
}
.wrapper.style2 h5 a:hover {
color: rgba(0,0,0,.2);
font-weight:900;
}
.wrapper.style2 h5 a:visited {
color: rgba(0,0,0,1);
font-weight:900;
}
.wrapper.style2 .copyright  {
text-align:center;
}
.wrapper.style2 .copyright li {
font-size:3em;
color:rgba(0,0,0,.7);
font-weight:600;
text-align:center;
display: inline-block;
list-style: none;
padding: 1em  0em  .3em  0em;
margin:0 auto;
}
.wrapper.style2 .copyright li:first-child {
margin-left: 0;
padding-left: 0;
}
.wrapper.style2 ul {
color:rgba(0,0,0,.75);
text-align:center;
display:block;
list-style:none;
letter-spacing:0px;
padding:0em 0em 4em 0em;
}
.wrapper.style2 ul li {
display:inline-block;
margin:0em 0em 0em 0em;
}
#mygif {
display:block;
width:100%;
padding:3em 0em 0em 0em;
Margin: 0 auto;
}
#mygif video {
border: 1px solid rgba(255,255,255, 2);
border-radius: 0px;
box-shadow: 0px 0px 2px 4px rgba(0,0,0, .1);
max-width: 850px;
width: 100%;
}
#mybig {
max-width:300px;
margin:0 auto;
}
#mybig img {
width:100%;
}
#mybig img:hover {
opacity:.6;
}
#mygif2 {
display:block;
width:100%;
padding:.5em 0em 0em 0em;
margin:0em;
}
#mygif2 img {
border: 1px solid rgba(255,255,255, 2);
border-bottom-left-radius: 20%;
border-bottom-right-radius: 20%;
box-shadow: 0px 0px 2px 4px rgba(0,0,0, .1);
max-width: 850px;
width: 100%;
}
#mygif3 {
position: relative;
display: block;
padding: 1em 0em 0em 0em;
margin: 0 auto;
width: 100%;
}
#mygif3 img {
position: relative;
display: inline-block;
margin-top: 0;
max-width: 200px;
width: 100%;
}
#mygif3 img:hover {
-webkit-filter: brightness(125%);
}
#mygif3 a:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
z-index: 3;
}

@media screen and (max-width:  2400px) {
.wrapper.style2 {

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

.wrapper.style2 {
padding:0em 0em 0em 0em;
width: 900px;
z-index: 0;
}
.wrapper.style2 p {
font-size:1em;
color:rgba(0,0,0,.75);
text-align:justify;
font-weight:600;
line-height:1.3em;
}
.wrapper.style2 h5  {
font-size:.8em;
}
}
@media screen and (max-width: 980px) {

.wrapper.style2 {
width: 80%;
}
.wrapper.style2 p {
font-size:.9em;
}			
}
@media screen and (max-width: 736px) {

.wrapper.style2 {
padding:0em 0em 3em 0em;
width:100%;
}
.wrapper.style2 h4 {
font-size:1em;
}
.wrapper.style2 h3 {
font-size:1em;
line-height:1em ;
}	
.wrapper.style2 p {
font-size: .9em;
}
.wrapper.style2 .copyright li {
font-size:2em;
}
}
@media screen and (max-width: 480px) {

.wrapper.style2 .copyright li {
font-size:1.5em;
}
.wrapper.style2 h4 {
font-size:.7em;
}
.wrapper.style2 h3 {
font-size:1em;
line-height:1em ;
}
.wrapper.style2 h5 {
font-size:.55em;
line-height:1em;
}
.wrapper.style2 p {
font-size: .7em;
line-height:1.2em;
}
}
@media screen and (max-width: 350px) {	
.wrapper.style2 {
width:90%;
}
.wrapper.style2 h2 {
display:block;
text-align:center;
font-size:.7em;
font-weight:600;
line-height:.9em;
letter-spacing:1px;
color:rgba(0,0,0,.75);
max-width:450px;
margin:0 auto;
padding:1em 0em 0em 0em;
}
.wrapper.style2 h3 {
font-size:.6em;
line-height:1em ;
}
.wrapper.style2 h4 {
font-size:.55em;
}	
.wrapper.style2 p {
font-size: .55em;
line-height:.85em;
}
.wrapper.style2 .copyright li {
font-size:1.7em;
color:rgba(0,0,0,.7);
font-weight:600;
text-align:center;
display: inline-block;
list-style: none;
padding: 1em  0em  .3em  0em;
margin:0 auto;
}
.wrapper.style2 h5 {
font-size:.55em;
line-height:1em;
}
.wrapper.style2 ul li {
display:inline-block;
margin:0em 0em 0em 0em;
}
.wrapper.style2 h5 a {
font-size:1.2em;
color: rgba(0,0,0,.5);
font-weight:900;
}
}

/* Image */
.image {
border-radius: 4px;
border: 0;
display: inline-block;
position: relative;
}
.image img {
border-radius: 4px;
display: block;
}
.image.main {
display: block;
margin: 0 0 3em 0;
width: 100%;
}
.image.main img {
width: 100%;
}