@import url(webfonts/fontawesome-all.min.css);
@font-face {
    font-family: 'style_scriptregular';
    src: url('webfonts/stylescript-regular-webfont.woff2') format('woff2'),
         url('webfonts/stylescript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
   @font-face {
    font-family: 'Aclonica Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Aclonica Regular'), url('Aclonica-Regular.woff') format('woff');
    }


html, body, div, applet, object, iframe, 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, belle, 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, nav, section {
display: block;
}
body {
line-height: 1;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
.wrapper.style4  h1, #main h1, #main h2, #main .column5 h2, .wrapper.style5  h1,
.aboutEmma h3, .aboutEmma #specials h3, #events #emmasVolunteers h3 {
font-family: 'Aclonica Regular';
font-weight: normal;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
ol, ul {
list-style: none;
}
.icon > .label {
display: none;
}
.icon {
text-decoration: none;
position: relative;
border-bottom-width: 0;
}
ul.icons li a.icon:hover:before {
background-color: rgba(86, 86, 86, 0.1);
}

ul.icons {
text-align:center;
cursor: default;
list-style: none;
padding-left: 0;
margin-bottom:1em;
clear: both;
}
ul.icons li {
position: relative;
display: inline-block;
padding: 0 1em 0 0;
}
ul.icons li:last-child {
padding-right: 0 !important;
}
ul.icons li .icon:before {
display: inline-block;
text-align: center;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
font-size: 1.5em;
color: rgba(0, 0, 0, 1);
border: solid 1px;
border-radius: 100%;
line-height: 2.75em;
width: 2.75em;
height: 2.75em;
}
ul.icons li .icon:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.icon.brands:before {
font-family: 'Font Awesome 5 Brands';
}
.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;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
::-webkit-scrollbar {  width: 5px; }
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,1); -webkit-border-radius: 10px; border:none; border-radius: 10px;}
::-webkit-scrollbar-track-piece { background: #fbf8f5; border:0px; border-radius: 0px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5) !important; 
}
::-webkit-scrollbar-corner { background: transparent;}

#mybod2::-webkit-scrollbar {  width: 0px; }
/*body {
-webkit-text-size-adjust: none;
}*/

/* Box Model */

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Basic */

@-ms-viewport {
width: device-width;
}
body {
-ms-overflow-style: scrollbar;
}
@media screen and (max-width: 480px) {
ul.icons li .icon:before {
font-size: 1.25em;
line-height: 2.25em;
width: 2.25em;
height: 2.25em;
}
html, body {
min-width: 320px;
}
}

body, footer {
background: #ffffff;
width:100%;
}
.body-inner {
/*background-image:url('bg.png');*/
}
@media screen and (max-width: 350px) {
body {

}
}


body.is-loading *, body.is-loading *:before, body.is-loading *:after {
animation: none !important;
transition: none !important;
}
/* Type */


body, input, select, textarea, h1 {
font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
font-weight: normal;
font-weight: 400;
}

#main a {
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
text-decoration:none;
color: #278d99;
}
#main a:hover {
color: rgba(39,141,153, .5);
text-decoration: none;
}
#main a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
a#belle:focus, a#close:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.button.belle {
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
text-decoration: none;
color: rgba(0,0,0, 1);
background-color: rgba(250, 250, 249, 1);
box-shadow:inset 0px 0px 15px 3px rgba(0,0,0, .075);
border-radius:8px;
border: 1px solid rgba(255, 255, 255, 1);
padding:  0;
margin-right: 0.1em;
margin-left: 0.1em;
margin-bottom: .25em;
width: 130px;
display: inline-block;
}
.button.belle:hover {
color: rgba(0,0,0, .3);
}
.button.belle:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.button.belle2 {
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
text-decoration: none;
color: rgba(0,0,0, 1);
background-color: rgba(250, 250, 249, 1);
box-shadow:inset 0px 0px 15px 3px rgba(0,0,0, .075);
border-radius:8px;
border: 1px solid rgba(255, 255, 255, 1);
padding:  0;
margin-right: 0.1em;
margin-left: 0.1em;
margin-bottom: .25em;
width: 180px;
display: inline-block;
}
.button.belle2:hover {
color: rgba(0,0,0, .3);
}
.button.belle2:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.button.scroll {
display: block;
text-align: center;
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
text-decoration: none;
color: rgba(0,0,0, 1);
background: transparent;
box-shadow: inset 0px 0px 15px 3px rgba(0, 0, 0, .1);
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 1);
line-height: 2em;
padding:  0;
margin-right: auto;
margin-left: auto;
margin-bottom: .25em;
width: 140px;
}
.button.scroll:hover {
box-shadow: inset 0px 0px 15px 3px rgba(0,0,0, .0);
}
.button.scroll:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
strong, b {
color: #01547f;
font-weight: 600;
}
em, i {
font-style: italic;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
/**********************************button small********************************/

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
appearance: none;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
position:relative;
display:inline-block;
text-align:center;
font-size: 1.75em;
color:rgba(255,255,255,1); 
background-image:url("images/button.png"); 
background-size:cover;
background-repeat:no-repeat;
border-radius: 8px;
border:none;
box-shadow:inset 0px 0px 8px 1px rgba(255, 255, 255, .15);
cursor: pointer;
font-weight: 600;
text-decoration: none;
padding: .15em 0em .15em 0em;
width:140px;
margin:0 auto;
}
.button.small:visited {
color:rgba(255,255,255,1); 
}
.button.small:hover {
background-image:url("images/button2.png"); 
color:#ffffff;
}
.button.small:active{
color:rgba(255,255,255,1); 
}
input[type="submit"].large,
input[type="reset"].large,
input[type="button"].large,
.button.large {
text-align: center;
appearance: none;
color: rgba(0, 0, 0, .65);
position:relative;
display:block;
font-size: 1em;
background-color:transparent;
border-bottom: 1px dotted rgba(0, 0, 0, .3);
cursor: pointer;
font-weight: 600;
width:100%;
text-decoration: none;
margin: 0em 0em 0em 0em;
padding: .5em 0em .5em 0em;
}
.button.large:visited {
background-color:transparent;
color: rgba(0, 0, 0, .65);
}
.button.large:hover {
color: rgba(0, 0, 0, .25);
}
.button.large:active{
color: rgba(0, 0, 0, .65);
}
.button.large:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.mytabs {
display: block;
position: fixed;
top:4.5em;
right: -1.5em;
transform:translate(-50%, -50%);
width:80px;
z-index:3;
}
.mytabs img {
display:block;
width:100%;
}
.mytabs img:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
@media screen and (max-width: 1280px) {

.button.large {
font-size: 1em;
}
}
@media screen and (max-width: 1050px) {
.mytabs {
top:3em;
width:65px;
}
}
@media screen and (max-width: 980px) {
.button.large {
font-size: .8em;	
}
.button.belle, .button.belle2 {
width: 200px;
}
}
@media screen and (max-width: 550px) {
.button.small {
font-size:1em;
width:50%;
}
.button.belle, .button.belle2 {
padding:  0;
margin-right: 0.1em;
margin-left: 0.1em;
margin-bottom: .25em;
width: 100%;
}
.mytabs {
top:2.5em;
right:-0.75em;
width:55px;
}
}
/*************** belle *************************/

.header {
position: fixed;
display: block;
background: #314703;
border-bottom: 0px solid rgba(0, 0, 0, .3);
height: 3.75em;
top: 0;
width: 100%;
z-index: 6;
}
.header p {
position: absolute;
font-size: 1em;
color: #ffffff;
left: 3em;
margin-top: 1.15em;
z-index: 6;
}
.tabs {
position: absolute;
text-align: center;
display: block;
background: #314703;
right: 0;
padding: .25em;
margin-top: 0;
margin-bottom: 0;
width: auto;
z-index: 5;
}

.header a.one {
position: relative;
display: inline-block;
font-size: 1.5em;
color: #ffffff;
background: #689704;
border: 1px solid;
text-decoration: none;
padding: .5em;
margin-right: auto;
margin-left: auto;
width: auto;
}
.header a.two {
position: relative;
display: inline-block;
font-size: 1em;
color: #000000;
border: 1px solid;
text-decoration: none;
padding: .5em 1em;
margin: 0;
width: auto;
}
.header a.one:hover, .header a.two:hover {
color: #ffffff;
background: #000000;
}
.header a.one:focus, .header a.two:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.container {
padding:0em 0em 0em 0em;
margin-left: auto;
margin-right: auto;
max-width:1200px;
width:100%;
}
img#emma {
display: block;
position: relative;
margin-top: 4em;
margin-left: auto;
margin-right: auto;
max-width: 250px;
}
.wrapper.style4 {
position: relative;
margin: 5em 0em 0em 0em;
padding: 0em 0em 0em 0em;
height: auto;
width:100%;
z-index: 1;
}
.wrapper.style4 video {
display: block;
position: relative;
border-bottom: 50px solid #c9d0ba;
padding:0;
margin-top: -10em;
margin-right: auto;
margin-left: auto;
height: auto;
width:100%;
z-index: 0;
}
.wrapper.style4 .container {
position: absolute;
background: rgba(0, 0, 0, 0);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 3;
}
.wrapper.style4  h1 {
position: relative;
text-align: center;
font-size: 8em;
color: #ffffff;
letter-spacing: 0px;
text-transform: uppercase;
text-shadow: 2px 4px 6px rgba(0, 0, 0, .7);
padding: 0 0 .2em 0;
margin-right: auto;
margin-left: auto;
margin-top: 0;
width: 100%;
z-index: 1;
}

img#emmaslogo {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 900px;
}
.wrapper.style4  h1 img {
display: inline-block;
position: relative;
margin-top: .25em;
margin-right: -0.25em;
margin-left: -0.25em;
max-width: 130px;
}
.inset-text {
text-shadow: 0px 0px 0px rgba(91, 88, 82, 0), -4px 0px 4px rgba(0, 0, 0, .15), 0px 0px 0px rgba(0, 0, 0, .6);
}
.sitepage {
display: block;
position: relative;
text-align: center;
font-size: 1em;
color:rgba(0,0,0, .8);
font-weight: 600;
margin: 2.5em 0 0 0;
}
.wrapper.style4 b {
color:#fe856b;
}
.wrapper.style2 {
position:fixed;
top:0;
padding: 0em 0em 0em 0em;
margin:0em 0em 0em 0em;
width:100%;
z-index:-1;
}
#main .container img {

}
h2#holiday {
text-align: center;
position: relative;
display: block;
font-size: 3em;
color: #af6773;
text-shadow: 0px 1px 3px #ffffff;
text-transform: capitalize;
-webkit-transform: scale(1,1.75);
padding: 0 0 0 0;
margin: 0;
z-index: 2;
}
#bonus {
text-align: center;
position: relative;
display: block;
font-size: 1.25em;
color: rgba(0,0,0, .55);
font-weight: 800;
margin: 0 0 0 0;
padding: 1.5em 1em 3em 1em;
}
img#christmas {
position: relative;
display: block;
padding: 3em 0em 1em 0em;
margin-bottom: 0em;
margin-right: auto;
margin-left: auto;
max-width: 100px;
}
#main {
text-align:center;
position:relative;
background: #ffffff;
margin:0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
width:100%;
z-index: 2;
}
img#border {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 4;
}
#main h1 {
position:relative;
text-align:center;
font-size: 4em;
color: #8b9772;
text-transform: capitalize;
letter-spacing: 0px;
line-height: 1.25em;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-top: 2em;
margin-bottom: 1em;
max-width: 1000px;
}
#main h2 {
text-align: center;
display: block;
position: relative;
font-size: 4em;
color: #8b9772;
text-transform: capitalize;
letter-spacing: 0px;
line-height: 1.25em;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-top: 0;
margin-bottom: 1em;
width: 100%;
clear: both;
}
#main p#expo {
text-align: center;
font-size: 1.5em;
margin-bottom: 3em;
}

max-width: 1200px;
margin-right: auto;
margin-left: auto;
margin-bottom: 2em;
}

#main .column5 h2 {
text-align: center;
display: block;
position: relative;
font-size: 2em;
color: #8b9772;
text-transform: capitalize;
letter-spacing: 0px;
line-height: 1.25em;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-top: .25em;
margin-bottom: .25em;
width: 100%;
clear: both;
}
#main h3 {
position: relative;
text-align: center;
 font-family: 'style_scriptregular';
font-size: 5em;
color:rgba(0,0,0, .85);
padding: 0em 0 0.5em 0;
z-index: 1;
}
#main .shadow {
position: relative;
text-align: center;
 font-family: 'style_scriptregular';
font-size: 9em;
color:rgba(0,0,0, .04);
letter-spacing: 3px;
padding: .5em 0 0em 0;
margin-bottom: -0.65em;
z-index: 0;
}
#main .shadowtwo {
position: relative;
text-align: center;
font-family: "Style Script", cursive;
font-size: 9em;
color:rgba(0,0,0, .04);
letter-spacing: 3px;
padding: 0em 0 0em 0;
margin-bottom: -0.5em;
z-index: 0;
}
#main p {
text-align:justify;
font-size:1em;
color:rgba(0,0,0, .75);
line-height:1.75em;
padding: 0 0 0 0;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
.column1 {
text-align: center;
position: relative;
display: block;
margin-bottom: 5em;
min-height: 450px;
width:calc(100% - 0em);
}
.column5 {
text-align: center;
position: relative;
display: block;
margin-bottom: 0;
min-height: 450px;
width:calc(100% - 0em);
}
#one {
position:relative;
display:inline-block;
border-top: 1px dotted rgba(0,0,0, 0);
margin: 0em .5em 5em 0em;
float:left;
width:calc(50% - 1em);
}
#two {
position:relative;
display:inline-block;
margin-top: .5em;
float:right;
width:calc(50% - 1em);
}
#two video {
display: block;
position: relative;
padding: 0;
margin-top: 0em;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.column2 {
text-align: center;
position: relative;
margin-top: 4em;
margin-bottom: 8em;
margin-right: auto;
margin-left: auto;
min-height: 350px;
max-width: 1200px;
width: 100%;
}
#three {
position: relative;
display: inline-block;
border-top: 1px dotted rgba(0,0,0, 0);
margin: 0em;
width: calc(40% - .25em);
}
#four {
position: relative;
display: inline-block;
padding: 0 0 0 5em;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
vertical-align: top;
width: calc(60% - .25em);
}
#four img {
box-shadow: 0px 0px 2px 4px rgba(0,0,0, 0);
padding: 1.7em 0 0 0;
width:100%;
}
#three img {
box-shadow: 0px 0px 2px 4px rgba(0,0,0, 0);
width:100%;
}
/*****************wrapper 5***************************/
.wrapper.style5 {
position: relative;
margin: 8em 0em 0em 0em;
padding: 0em 0em 0em 0em;
width:100%;
z-index: 1;
}
.wrapper.style5 .container {
position: relative;
background: rgba(0, 0, 0, 0);
width: 100%;
z-index: 3;
}
.wrapper.style5  h1 {
position: relative;
text-align: center;
font-size: 3em;
color: #8b9772;
letter-spacing: 0px;
padding: 0 0 .2em 0;
margin-right: auto;
margin-left: auto;
margin-top: 1em;
width: 100%;
z-index: 1;
}
.wrapper.style5 .rslides {
position: relative;
overflow: hidden;
width: 100%;
padding:0;
margin: 0em;
}
.wrapper.style5 .rslides img {
position: relative;
display: block;
border: 0;
margin:0 auto;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.wrapper.style5 .container h2 {
position:relative;
font-size: 2em;
color: rgba(0, 0, 0, 1);
padding: 0 ;
margin: 1em 0;
}
.wrapper.style5 .container p {
text-align:justify;
position:relative;
font-size: 1em;
color: rgba(0, 0, 0, 1);
line-height:1.75em;
padding:0em 0em 1em 0em;
}

/****************************************cocktails******************************************/

.aboutEmma {
position: relative;
display: block;
background: #f2eef6;
padding: 5em 0em;
margin: 0;
width: 100%;
}
.aboutEmma h3 {
position: relative;
text-align: center;
font-size: 3.5em;
color: #8b9772;
letter-spacing: 1px;
padding: 0em 0 0.5em 0;
margin-right: auto;
margin-left: auto;
z-index: 1;
}
.aboutEmma h4 {
display: block;
position: relative;
text-align: center;
font-size: 1.75em;
color: rgba(0, 0, 0, .85);
padding: 0em 0 .5em 0;
margin-top: -0.25em;
z-index: 1;
}
.aboutEmma p {
text-align: justify;
font-size: 1em;
color: rgba(0, 0, 0, 1);
line-height: 1.75em;
padding: 0 0 0 0;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
max-width: 1200px;
}
.aboutEmma #specials h3 {
position: relative;
text-align: center;
font-size: 3.5em;
color: rgba(0, 0, 0, .85);
letter-spacing: 1px;
padding: 0em 0 0.5em 0;
z-index: 1;
}
.columncocktails {
display: table;
padding: 0 1em;
margin-left: auto;
margin-right: auto;
max-width: 900px;
height: 500px;
width: 100%;
}
#cocktailsone {
position:relative;
display:inline-block;
border-top: 1px dotted rgba(0,0,0, 0);
margin: 0em .5em 5em 0em;
float:left;
width:calc(66% - 1em);
}
#cocktailstwo {
position:relative;
display:inline-block;
float:right;
width:calc(34% - 1em);
}
#cocktailsone img, #cocktailstwo img  {
width: 100%;
}
#cocktailstwo .rslides {
position: relative;
list-style: none;
overflow: hidden;
border: 0px solid rgba(0,0,0,.5);
width: 100%;
padding:0;
margin: 0em 0em 0em 0em;
}
#cocktailstwo .rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
#cocktailstwo .rslides li:first-child {
position: relative;
display: block;
float: left;
}
#cocktailstwo .rslides img {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
border: 0;
margin:0 auto;
}

#events {
text-align: center;
display: block;
padding: 8em 0  0;
width: 100%;
}
#events .container {
text-align: center;
display: block;
padding: 0;
max-width: 1200px;
}
#events img {
display: block;
margin-right: auto;
margin-left: auto;
width: 1800px;
max-width: 100%;
}
#events #emmasVolunteers h3 {
position: relative;
text-align: center;
font-size: 3.5em;
color: #8b9772;
letter-spacing: 1px;
line-height: 1.5em;
padding: 0;
margin-top: 0;
margin-bottom: 0;
z-index: 1;
}
#events p {
text-align: center;
display: block;
font-size: 1rem;
color; #000000;
line-height: 1.5em;
padding: 0 0 4em 0;
margin-right: auto;
margin-left: auto;
max-width: 1000px;
}
#events a {
display: inline-block;
text-align: center;
font-size: 1.25em;
color: #ffffff;
border-radius: 8px;
background: #6a577e;
text-decoration: none;
padding: .5em 1em;
margin: 0 .5em;
}
#events a:visited {
background: #6a577e;
}
#events a:hover {
background: #5c4f6a;
}
#events a:active {
background: #6a577e;
}
#events:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.wrapper.style6 .container6 h2 {
text-align: center;
position:relative;
font-size: 2.5em;
color: rgba(255,255,255, 1);
line-height: 1.25em;
padding: 0 0 .5em 0;
}
.wrapper.style6 .container6 p {
text-align :justify;
position:relative;
font-size:1em;
color:rgba(255,255,255, 1);
line-height:1.65em;
padding: 0;
margin: 1em;
}
.wrapper.style6 .container6 b {
color: #cce296;
}
.wrapper.style6 .container6 h3 {
position: relative;
font-size: 1.5em;
color: rgba(255,255,255, 1);
padding: 0 0 .25em 0;
margin: 0 0 0 0;
}
.first, .second, .third, .fourth {
display: inline-block;
margin: .5em;
height: 6em;
width: calc( 50% - 2em);
vertical-align: top;
}
.fifth {
display: inline-block;
margin: .5em;
height: 8em;
width: calc( 50% - 2em);
vertical-align: top;
}
.wrapper.style6 .container6 .first p, .wrapper.style6 .container6 .second p, .wrapper.style6 .container6 .third p, 
.wrapper.style6 .container6 .fourth p, .wrapper.style6 .container6 .fifth p {
text-align: center;
position: relative;
font-size:1em;
color:rgba(255,255,255, 1);
line-height: 1.65em;
padding: 0;
margin: 0;
}

@media screen and (max-width: 2500px) {
.wrapper.style4 video {
margin-top: -8em;
}
.sitepage {
padding-bottom: 5em;
}
}
@media screen and (max-width: 2400px) {
.sitepage {
padding-bottom: 7em;
}
}
@media screen and (max-width: 2200px) {
.wrapper.style4 video {
margin-top: -2em;
}
}
@media screen and (max-width: 1800px) {


#four img {
padding: .5em 0 0 0;
width:100%;
}
}
@media screen and (max-width: 1550px) {

img#emmaslogo {
max-width: 700px;
}
#main h2 {
font-size: 3.5em;
}
#four img {
padding: 1em 0 0 0;
width:100%;
}
}

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

#main h1 {
font-size: 3em;
}
img#emmaslogo {
max-width: 500px;
}
#events .container {
padding: 0 1.5em;
max-width: 1200px;
}

#four img {
padding: .5em 0 0 0;
height: 155px;
width: 100%;
object-fit: cover;
object-position: top;
}
.container {
padding:0em 2em 0em 2em;
}
.wrapper.style5 .container {
padding:0em 5em 0em 5em;
}
}
@media screen and (max-width: 1175px) {


#four img {
padding: .5em 0 0 0;
height: 125px;
width: 100%;
object-fit: cover;
object-position: top;
}
}
@media screen and (max-width: 1150px) {

#four img {
padding: .5em 0 0 0;
height: 115px;
width: 100%;
object-fit: cover;
object-position: top;
}
}
@media screen and (max-width: 1100px) {


#four img {
padding: .5em 0 0 0;
height: 105px;
width: 100%;
object-fit: cover;
object-position: top;
}
}
@media screen and (max-width: 1050px) {


#four img {
display: none;
}
#main {
padding: 0em 0em 0em 0em;
}
#main p {
font-size: .87em;
}
#main p#expo {
font-size: 1.25em;
margin-bottom: 3em;
}
.column1 {
margin-bottom:3em;
min-height:250px;
}
}
@media screen and (max-width: 980px) {


img#emmaslogo {
max-width: 400px;
}
img#emma {
max-width: 215px;
}
#main h1, #main h2, .aboutEmma h3 {
font-size: 2.5em;
clear: both;
}
#main .shadow {
font-size: 7em;
margin-bottom: -0.85em;
}
#main .shadowtwo {
font-size: 7em;
margin-bottom: -0.5em;
}
#main h3 {
font-size: 4em;
padding: 0em 0 0.5em 0;
}
.aboutEmma .shadow {
font-size: 6em;
margin-bottom: -0.5em;
}
#main #four p {
font-size: .85em;
}
.wrapper.style5 .container {
padding:0em 2em 0em 2em;
}
.fifth {
height: 8.5em;
}
.first, .second {
height: 14em;
}
.third, .fourth {
height: 18em;
}
.wrapper.style4 h2 {
font-size: .85em;
margin: 3em 0 .75em 0;
}
h2#holiday {
font-size: 2em;
}
#bonus {
font-size: 1.15em;
padding: 1.5em 1em 3em 1em;
}
#two,  #six {
margin-top: 1em;
}
.wrapper.style5  h1 {
font-size: 2.75em;
}
@media screen and (max-width: 880px) {

#main p {
line-height:1.25em;
padding: 0 0 0.5em 0;
}
#one {
margin: 0em 0.5em 3em 0em;
width: calc(50% - 1em);
}
}
@media screen and (max-width: 736px) {

.header {
height: 3.25em;
}
#main h1 {
font-size: 2em;
margin-top: 1em;
}
#main h2 {
font-size: 2em;
margin-top: 0;
}
#main p#expo {
font-size: 1em;
margin-bottom: 2em;
}
.wrapper.style4 .container {
top: 60%;
}
.wrapper.style5  h1 {
font-size: 2.75em;
}
img#emmaslogo {
max-width: 300px;
}
.wrapper.style6 {
display: block;
text-align: center;
background-image: url('images/pasta2.jpg');
background-size: 100% auto;
background-position: center;
background-attachment: scroll;
background-repeat: no-repeat;
border: 32px solid #ffffff;
padding: 15em 2em;
width: 100%;
}
img#emma {
max-width: 185px;
}
#main .shadow {
font-size: 5em;
margin-bottom: -0.85em;
}
#main .shadowtwo {
font-size: 5em;
margin-bottom: -0.5em;
}
#main h3 {
font-size: 3em;
}
.aboutEmma p {
font-size: .85em;
line-height: 1.75em;
padding: 0 1em 1em 1em;
}
.aboutEmma  h3, #events #emmasVolunteers h3 {
font-size: 2.5em;
}
#events .shadow {
font-size: 3em;
padding: 0em 0 0em 0;
margin-bottom: -0.5em;
}
#events #specials h3 {
font-size: 1.5em;
padding: 0em 0 0.5em 0;
}
.header a.one {
font-size: 1.25em;
}
#mybod {
position: relative;
padding: 0em 1em 2em 1em;
}
#main {
margin: 0;
padding: 0 0em 3em 0em;
}
#main p {
line-height: 1.75em;
padding: 0 0 0.5em 0;
}
.sitepage {
font-size: .85em;
}
#one {
display: block;
border: none;
margin: 0em 0em 1.5em 0em;
float: none;
width: calc(100% - 0em);
}
#two {
display: block;
float: none;
width: calc(100% - 0em);
}
#three {
padding: 0;
margin: 0;
width: 100%;
}
#four {
padding: 1em 0;
width: 100%;
}
#main #four p {
font-size: 1em;
line-height: 1.5em;
}
#mybod2 {
padding: 2em 1em 2em 1em;
height: 800px;
}
.wrapper.style6 .container6 p {
font-size: .85em;
padding: 0;
margin: 0;
}
.first, .second, .fourth, .fifth {
display: inline-block;
height: 8em;
margin: 0 0 .25em 0;
width: 100%;
}
 .third {
display: inline-block;
height: 11em;
margin: 0 0 .25em 0;
width: 100%;
}
.wrapper.style6 .container6 .first p, .wrapper.style6 .container6 .second p, .wrapper.style6 .container6 .third p, .wrapper.style6 .container6 .fourth p, .wrapper.style6 .container6 .fifth p {
font-size: .85em;
}
.wrapper.style6 .container6 h2 {
font-size: 1.75em;
padding: 0 0 .5em 0;
}
.wrapper.style5 .container {
padding: 0em 1em 0em 1em;
}
.wrapper.style5 .container h2 {
padding: 0;
}
.wrapper.style5 .container p {
font-size: .85em;
}
.wrapper.style6 
padding: 5em 0;
}
}
@media screen and (max-width: 650px) {

.wrapper.style4 {
padding: 0em 0em 5em 0em;
}
.wrapper.style1 {
padding: 0em 0em 1.5em 0em;
}
}
@media screen and (max-width: 550px) {

.header {
height: 3em;
}
#main h1 {
font-size: 2em;
padding: 0;
margin-top: .5em;
max-width: 250px;
}
.wrapper.style5  h1 {
font-size: 2em;
}
#main h2 {
font-size: 2em;
margin-bottom: -0.5em;
padding: 0 0 .5em 0;
}
#main h3 {
font-size: 3em;
padding: 0em 0 0.5em 0;
}
.aboutEmma h3 {
font-size: 2em;
max-width: 275px;
}
#events #emmasVolunteers h3 {
font-size: 2em;
}
.header p {
font-size: .85em;
color: #ffffff;
left: .5em;
margin-top: 1.15em;
}
.wrapper.style4 .container {
top: 65%;
}
img#emmaslogo {
max-width: 250px;
}
.column2 {
margin-top: 1em;
margin-bottom: 4em;
}
img#emma {
max-width: 120px;
}
#main .shadow {
font-size: 4em;
margin-bottom: -0.85em;
}

#main .shadowtwo {
font-size: 4em;
margin-bottom: -0.5em;
}
#main p#expo {
text-align: justify;
font-size: 1em;
line-height: 1.5em;
}
.aboutEmma .shadow {
font-size: 4em;
margin-bottom: -0.5em;
}
.aboutEmma {
padding: 5em 0em;
}
.aboutEmma p {
text-align: justify;
font-size: .85em;
line-height: 1.75em;
}
.wrapper.style1 .container {
padding:0em 0em 0em 0em;
}
.header a.one, .header a.two {
font-size: 1em;
}
.wrapper.style4 h2 {
font-size: .8em;
margin: 1.75em 0 .75em 0;
}
.wrapper.style6 .container6 h2 {
font-size: 1.5em;
}
.wrapper.style6 .container6 h3 {
 font-size: 1.15em;
}
h2#holiday {
font-size: 1.35em;
}
#bonus {
font-size: 1em;
padding: .5em 2em 3em 2em;
}
img#christmas {
padding: 1em 0em 1em 0em;
max-width: 60px;
}
}
@media screen and (max-width: 480px) {

#main #three, #main #four {
padding: 0;
}
#main #four p {
font-size: .85em;
}
.container {
padding: 0em 1em 2em 1em;
}
.sitepage {
padding-bottom: 6em;
margin: 1.5em 0 0 0;
}
.wrapper.style4 {
padding: 0em 0em 1em 0em;
}
.wrapper.style5 .container h2 {
padding: 0;
}
#mybod2 {
padding: 4em 1em 3em 1em;
}
}
 @media screen and (max-width: 440px) {
 
 .wrapper.style6 {
border: 18px solid #ffffff;
}
.aboutEmma{
padding: 1em 0em;
}
}
/********************** Footer ****************************/

#footer {
background:transparent;
color: #aaa;
text-align: center;
padding: 10em 0 10em 0;
margin:0;
clear: both;
}
.by {
display: block;
position: relative;
padding: 1em 0em 1em 0em;
max-width: 200px;
width: 100%;
margin: 0 auto;
}
.by img {
max-width: 200px;
width: 100%;
}
.by a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#footer li a#phone {
position: relative;
display: block;
transition: color 0.2s ease-in-out;
font-size: 1.25em;
color: #000000;
font-weight: 600;
text-decoration: none;
padding: 0;
margin: 0 0 .5em 0;
width: 100%;
}
#footer a#accessemail {
color: #000000;
font-weight: 600;
border-bottom: 1px dotted;
text-decoration: none;
cursor: pointer;
}
#footer a#phone:hover, #footer a#mail:hover, #footer a#accessemail:hover {
color: #056d9d;
}
#footer a#phone:focus, #footer a#mail:focus, #footer a#accessemail:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#footer h3 {
text-align: center;
font-size: 1.25em;
color: #000000;
padding: 1em 0 .5em 0;
}
#footer p {
display: block;
text-align: justify;
font-size: 1em;
color: rgba(0, 0, 0, .7);
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
max-width: 900px;
}
#footer .number li {
font-size:1.5em;
color: rgba(0, 0, 0, 1);
text-align:center;
display: inline-block;
list-style: none;
padding: 0em  0em  .5em  0em;
}
#footer .hours li {
display: block !important;
font-size:1em;
color: rgba(0, 0, 0, 1);
text-align:center;
display: inline-block;
line-height: 1.5em;
list-style: none;
padding: 0em  0em  1em  0em;
}
#footer .address li {
font-size:1em;
color: rgba(0, 0, 0, 1);
text-align:center;
display: inline-block;
list-style: none;
padding: 0em  0em  1em  0em;
}
#footer .copyright li {
position: relative;
display: block;
font-size:2.5em;
color: rgba(0, 0, 0, 1);
text-align:center;
display: inline-block;
list-style: none;
padding: 0em;
margin: 0 0 .5em 0;
width: 100%;
}
@media screen and (max-width: 980px) {

#footer .copyright li {
font-size:2.3em;
padding: 0em  0em  0em  0em;
}	
}
@media screen and (max-width: 736px) {
#footer .copyright li {
font-size:1.6em;
padding: 0em  0em  0em  0em;
}
#footer li a#phone {
font-size: 1em;
}
}
@media screen and (max-width: 550px) {
#footer {
padding: 4em 0 4em 0;
}
#footer li a#phone {
font-size: .8em;
line-height: 1.5em;
max-width: 250px;
}
#footer .copyright li {
font-size:1.5em;
padding: 0em  0em  0em  0em;
}
#footer p {
font-size: .8em;
}
}

#header {
position: fixed;
right: 1.5em;
top: 0.75em;
z-index: 10000;
}
.modalWindow {
transition: opacity 300ms ease-in;
transform: translateX(22em);
position: fixed;
display: block;
text-align: justify;
box-shadow: 0px -20px 20px rgba(0, 0, 0, .1);
top: 0;
background-color: #fbf8f5;
opacity: 0;
right: 21.5em;
padding: 3em 3em 20em 3em;
pointer-events: none;
z-index: 10001;
overflow-y: scroll;
margin: 0 auto;
width: 22em;
height: 100%;
}
.modalWindow:target {
opacity: 1;
pointer-events: auto;
}
.menu-container {
display: block;
position: relative;
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
max-width: 300px;
}
.modalWindow a { 
display: block;
text-align: center;
font-size: 1.25em;
color:rgba(0, 0, 0, .65); 
line-height: 3em;
border-bottom: 1px dotted rgba(0, 0, 0, .3);
text-decoration:none; 
}
.modalWindow a:focus { 
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
a#menubutton {
font-size: 1.25em;
font-weight: 600;
text-decoration: none;
border: none;
}
img#menuicon {

width: 65px;
max-width: 100%;
}
img#menuicon img:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
a#menubutton:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
text-decoration: none;
border: none;
}
.modalWindow a:hover { 
color:rgba(0, 0, 0, .25); 
}
.modalWindow .modalContent { 
padding: 50px 50px 50px 50px; 
}
a.ok  { 
text-align:center; 
display: block; 
position: relative; 
text-decoration:none;
border: 0px;
padding: 2em 0em 1em 0em; 
line-height: 1em; 
cursor: pointer;
margin-bottom: 1em;
margin-right: auto; 
margin-left: auto;
width: 200px; 
}
.modalWindow  h2 { 
display: block;
font-family: 'Open Sans', sans-serif;
text-align: center !important; 
font-size:1.65em; 
color:rgba(0,0,0, .65);  
font-weight:600; 
letter-spacing:0px; 
padding:.5em 0 .5em 0; 
margin-top:1em; 
margin-bottom: 0; 
margin-right: auto;
margin-left: auto;
}


.modal:target {
opacity: 1;
pointer-events: auto;
}
.modal>div {
position: relative;
max-width: 700px;
height: auto;
padding: .5em;
margin: 0 auto;
}
.modal {
position: fixed;
display: block;
text-align: justify;
font-family: 'Open Sans', sans-serif !important;
font-size: 1em;
color: rgba(0, 0, 0, .8);
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(64, 63, 2, 0);
border-radius: 0px;
opacity: 0;
box-shadow: 0px 10px 30px rgba(0, 0, 0, .35);
top: 0;
width: 100%;
height: 100vh;
padding: .5em;
margin: 0 auto;
overflow-y: scroll;
transition: opacity 400ms ease-in;
pointer-events: none;
z-index: 10001;
}
#orderModalContent  {
position: relative;
display: block;
box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, .1), 0px 20px 30px rgba(0, 0, 0, .15);
background:  #ffffff;
border-radius: 1em;
outline: 5px solid #f3f3f0;
margin-top: 0em;
min-height: 600px;
max-width: 500px;
width: 100%;
border: 2px dotted #000000;
padding: 1em;
z-index: 10002;
}
a.om {
text-align: center;
display: block;
position: relative;
font-size: 1em;
color: rgba(0, 0, 0, 1);
border-radius: 4px;
border-top: 1px solid rgba(0, 0, 0, .2);
border-bottom: 1px solid rgba(0, 0, 0, .2);
background-image: linear-gradient(90deg, #f8f8f8, #ffffff, #f8f8f8);
box-shadow: inset 0px -5px 7px 5px rgba(0, 0, 0, .1);
line-height: 1.5em;
text-decoration: none;
width: 150px;
margin: 0 auto;
margin-top: 10em;
margin-bottom: -3em;
z-index: 10003;
}
a.om:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#orderModalContent h2 {
font-family: "Open Sans", sans-serif;
text-align: center;
font-size: 1.5em;
color: #000000;
font-weight: 800;
line-height: 1.25em;
text-transform: uppercase;
padding: 0 .5em;
margin-top: 1em;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
width: 450px;
max-width: 100%;
}
#orderModalContent p {
font-family: "Open Sans", sans-serif;
font-size: 1em;
color: #000000;
font-weight: 600;
line-height: 1.5em;
padding: 0 1em;
margin-top: 1em;
}
#thanks {
text-align: center;
font-size: 1.25em;
color: #000000;
font-weight: 600;
margin-right: auto;
margin-left: auto;
margin-top: 1em;
max-width: 300px;
}
#orderModal img {
position: relative;
display: block;
border-radius: 1em;
margin-right: auto;
margin-left: auto;
margin-top: 4.5em;
max-width: 300px;
width: 100%;
}
@media screen and (max-width:736px) {
a.om {
margin-top: 5em;
}
}
@media screen and (max-width:480px) {

#orderModalContent h2 {
font-size: 1.5em;
padding: 0 .5em;
margin-top: 1em;
width: 450px;
}
#orderModalContent p {
padding: 0 1em;
}
}   

.alert {
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
font-weight: bold;
}
.alertDanger {
color: #721c24;
}
.alertSuccess {
color: #155724;
}
.btnCancel {
background: #dc3545;
color: white;
border: none;
padding: 12px 24px;
font-size: 16px;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
}
.btnCancel:hover {
background: #bd2130;
}